/************************************************************************************
smaller than 1170
*************************************************************************************/

@media screen and (max-width: 980px) {

	/* pagewrap */
	.wrap {
		width: 100%;
		max-width:1170px;
	}

}


/************************************************************************************
smaller than 800
*************************************************************************************/
@media screen and (max-width: 860px) {
.quote{ display:none}
#hiinprodbox ul li{width:31%; float:left; margin:5px 1%; text-align:center; }
}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 640px) {

	/* header */
.pvh4 ul li{ float:none}
.logo, .search, .intro, .headrig {
    width: 96%;
    margin: 6px 2%;
}
.top-header .wide .header_cart{ float:none}
.intro{ text-align:left}
.pvh4{ height:auto}
.tub .col-md-4{ width:31%; margin:0 1%}
.tub h2 a{ font-size:11px}
.col-md-3{ width:47%}
.col-md-4, .col-md-8{width:97%}
.newpro{ width:47%}
.col-md-2{ width:30%}
.fnav .list, .fnav_nll, .fly{ width:48%;
		float:left;}
a.abtn { display:none}
.footer .col-md-3{ width:97%}
#left, #right{ width:97%}
.m2_con, .m3_con{ text-align:center}
.gg{ padding:10px; background: url(../images/bg.jpg) repeat ;}
.gg .col-md-6{ width:48%; float:left}
.m3_con .col-md-4{ padding:10px}
.contactadd{ width:98%; margin-bottom:15px}
}


/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}#main .col-md-6{ width:98%;}
	.intro_1 img, .intro_0 img, .intro_1 p, .intro_0 p{ float:left}
	
.fl, .ggt .Vision{ float:none;}
.fr { float:none;}
 .newcon, .newimgs, .social-icons,  .headrig, .let, .ggt .Vision{ width:98%}
 .proimgs, .procon, #right .col-md-6{ width:98%}
 #lcdh, .col-md-6{ width:98%}
.m1_l, .m1_r{ width:98%}
#flash{ display:none}
.possible-about{ width:97%}
#contactform label {
    width: 98%;
}.footer .col-md-8{ text-align:left}
.col-md-3, .col-md-7, .col-md-5, .col-md-10, .col-md-2
{ width:97%}


.company, .servi {
    width:98%;
		float: none; padding:0 1%
}
.m3_l, .m3_r{
     width:98%;
		float: none;
}
#pvtright {
		width: 98%;
		float: none;
		margin: 10px 0;
	}
#pvtleft {
		width: 98%;
		float: none;
	}



}


/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

.prodlist ul li { width:96%; padding:3px 2% 3px 2%; text-align:center;}
#bottom { min-height:60px;}

}