@media screen and (min-width: 910px) {
	.ui-page-active.ui-page-panel, .greenBg {background: transparent!important;}
	.mobileOnly {display: none!important;}
	.webOnly {display: block;}
	.hideMobile, .hidePad {display: block;}
	.page_width {max-width: 980px;}	
	ul.productList {margin-top: 15px; margin-bottom: 15px;}
	ul.productList li {width: 16.666666%;} /* 6 products */
	.innerProd ul.productList li {width: 25%;} /* inner 4 products */
	.contentPadding {padding: 10px!important;}
}

/* pad css */
@media screen and (min-width: 760px) and (max-width: 909px){
	.ui-page-active.ui-page-panel, .greenBg {background: transparent!important;}
	.mobileOnly {display: none!important;}
	.padOnly {display: block;}
	.hideMobile, .hideWeb {display: block;}
	.page_width {width: 98%; padding: 0 1%;}
	.headerbg h1 {font-size: 22px;}
	ul.productList {margin-top: 15px; margin-bottom: 15px;}
	ul.productList li {width: 20%;} /* 5 products */
	.innerProd ul.productList li {width: 33.333333%;} /* inner 3 products */
	.contentPadding {padding: 10px!important;}
	.menu ul li a {font-size: 14px;}
}

/* mobile  css */
@media screen and (min-width: 610px) and (max-width: 759px) {
	.mobileOnly {display: block;}
	.hidePad, .hideWeb {display: block;}
	ul.productList li {width: 25%;} /* 4 products */
	.main .floatl, .main .floatr, .prodType {float: none;}
	.leftContent, .rightContent, .bottomLeft, .bottomRight {width: 100%;}
	.main.page_width {padding-top: 0;}
}


@media screen and (min-width: 460px) and (max-width: 609px) {
	.mobileOnly {display: block;}
	.hidePad, .hideWeb {display: block;}
	ul.productList li {width: 33.333333%;} /* 3 products */
	.main .floatl, .main .floatr, .prodType {float: none;}
	.leftContent, .rightContent, .bottomLeft, .bottomRight {width: 100%;}
	
	.main.page_width {padding-top: 0;}
}

@media screen and (min-width: 310px) and (max-width: 459px) {
	.mobileOnly {display: block;}
	.hidePad, .hideWeb {display: block;}
	ul.productList li {width: 50%;} /* 2 products */
	.main .floatl, .main .floatr, .prodType {float: none;}
	.leftContent, .rightContent, .bottomLeft, .bottomRight {width: 100%;}
	.main.page_width {padding-top: 0;}
}

@media screen and (max-width: 309px) {
	.mobileOnly {display: block;}
	.hidePad, .hideWeb {display: block;}
	ul.productList li {width: 100%;} /* 1 product */
	.main .floatl, .main .floatr, .prodType {float: none;}
	.leftContent, .rightContent, .bottomLeft, .bottomRight {width: 100%;}
	.main.page_width {padding-top: 0;}
}