@media screen and (min-width: 910px) {
	.companyIntro{ display:none;}
	.mobileOnly {display: none!important;}
	ul.productList li{ width:16.667%;}
	
}

/* pad css */
@media screen and (min-width: 760px) and (max-width: 909px){
	.companyIntro{ display:none;}
	.mobileOnly {display: none!important;}
	ul.productList li{ width:33.3%;}
	.innerproduct ul.productList li{ width:33.3%;}
	.city,.products{ margin:0px 10px;}
	.products{ margin-bottom:10px; margin-top:10px;}
	.main{ margin:10px 10px ;}
	.webPage .webmaxPage{ margin:0px 10px;}
	
}

/* mobile  css */
@media screen and (min-width: 610px) and (max-width: 759px) {
	.mobileOnly {display: block;}
	.webPage{ display:none;}
	.more{ float:none;}
	.mainleft,.mainright{float:none; width:100%;}
	.city,.contact{ margin:0px 10px;}
	.hideproduct{ display:none;}
	.innerproduct ul.productList li{ width:33.3%}
	.prodType{ display:none;}
	 .innernews, .newsdetail{ margin-bottom:10px;}
	 .mainright{ padding:0px 10px;}
	 .products{ margin:0px 10px;}
	 .contact{ display:none;}
	 .hidecontact{ margin:0px 10px;}
}


@media screen and (min-width: 460px) and (max-width: 609px) {
	.webPage{ display:none;}
	.mobileOnly {display: block;}
	.mainleft,.mainright{float:none; width:100%;}
	.city,.contact{ margin:0px 10px;}
	 .hideproduct{ display:none;}
	 .innerproduct ul.productList li{ width:33.3%}
	 .prodType{ display:none;}
	 .innernews, .newsdetail{ margin-bottom:10px;}
	 .mainright{ padding:0px 10px;}
	 .products{ margin:0px 10px;}
	 .contact{ display:none;}
	 .hidecontact{ margin:0px 10px;}
}

@media screen and (min-width: 310px) and (max-width: 459px) {
	.mobileOnly {display: block;}
	.webPage{ display:none;}
	.mainleft,.mainright{float:none; width:100%;}
	.city,.contact{ margin:0px 10px;}
	.hideproduct{ display:none;}
	ul.productList li{ width:50%}
	.innerproduct ul.productList li{ width:50%;}
	.prodType{ display:none;}
	 .innernews, .newsdetail{ margin-bottom:10px;}
	 .mainright{ padding:0px 10px;}
	 .products{ margin:0px 10px;}
	 .contact{ display:none;}
	 .hidecontact{ margin:0px 10px;}
}
@media screen and (min-width: 460px) and (max-width: 480px) {
	
		ul.productList li{ width:50%}
	}

@media screen and (min-width: 310px) and (max-width: 330px) {
	
		ul.productList li{ width:100%}
		.innerproduct ul.productList li{ width:100%;}
	}

@media screen and (max-width: 309px) {
	.mobileOnly {display: block;}
	.webPage{ display:none;}
	.mainleft,.mainright{float:none; width:100%;}
	.city,.contact{ margin:0px 10px;}
	.hideproduct{ display:none;}
	.innerproduct ul.productList li{ width:99% }
	.prodType{ display:none;}
	 .innernews, .newsdetail{ margin-bottom:10px;}
	 .mainright{ padding:0px 10px;}
	 .products{ margin:0px 10px;}
	 .contact{ display:none;}
	 .hidecontact{ margin:0px 10px;}
}