@media only screen and (min-width: 767px) {
	.mobileOnly{ display:none;}
}
/* pad css */
@media screen and (min-width: 768px) and (max-width: 959px){
	header,.homenav,.bannerbg,.homemain,.footerbg,section{ width:768px;}
	
	.topsearch.search{ width:220px; margin-right:5px;}
	.mobileOnly{ display:none;}
	ul.productList li .box{min-width:130px;}
	.homenav ul{ width:100%; line-height:80px;}
	.iright {width: 500px;}
	ul.product li .txt {float: left; width: 68%;margin-left: 0;}
}
@media only screen and (max-width: 767px) {
	.headerTop{ height:50px; line-height:50px; text-align:center; font-size:26px;}
	header,.homenav,.bannerbg,.homemain,.footerbg,section{ width:100%;}
	header{ display:none;}
	.companyIntro,.contact,.news{ width:100%; float:none;}
	.headerTop {display: block;}
	#nav{ display:none;}
	.rightContent{ display:none;}
	.leftContent{ width:100%;}
	.homenav ul{ width:100%; line-height:80px;}
	.bannerbg { height: 250px;margin: 0px auto 0px;}
	
}
@media screen and (min-width: 650px) and (max-width: 767px){
	.iright {width: 60%;}
	.ileft {width: 35%;}
	}
/* mobile  css */
@media only screen and (max-width: 650px) {
	.homenav ul li{ width:20%;}
	.homenav{ height:80px;}
	.homenav ul{ width:100%; line-height:40px;}
	.iright {width:100%;}
	.ileft {width:100%;}
	.fl {float: none;}
	.fr {float: none;}
	.contact { display:none;}
	.prodType{ display:none;}
}
@media only screen and (max-width: 480px) {
	.headerTop {font-size: 16px;}
	.homemain { min-height:500px;}
	.products_box ul li{ width:100%;}
	.prodType{ display:none;}
	.iright {width:100%;}
	.ileft {width:100%;}
	.fl {float: none;}
	.fr {float: none;}
	.contact { display:none;}
	ul.product li .tags{ line-height:18px;}
	.homenav ul li a:hover { color:#fff;}
}

@media screen and (min-width: 460px) and (max-width: 609px) {
	ul.productList li {width: 48%;} /* 3 products */
}

@media screen and (min-width: 310px) and (max-width: 459px) {
	ul.productList li {width: 48%;} /* 2 products */
}

@media screen and (max-width: 309px) {
	ul.productList li {width: 98%;} /* 1 product */
}