@media only screen and (min-width:760px) and (max-width:1024px) {

img {max-width:100%; height:auto;}

.containerinner { padding-left:2%!important; padding-right:2%!important;}

#headersection .sitelogo{ width:18%; padding:0; margin:0;}

#home-banner #headersection{ padding-left:2%; padding-right:2%;}

#headersection .headerright .call-sec{ width:36%; height:auto; padding:0; margin:0 0 0 2%; text-align:left;}

#headersection .headerright .other-btns{ width: 39%;}



}

@media only screen and (min-width:480px) and (max-width:759px) {

img {max-width:100%; height:auto;}

.containerinner { padding-left:2%!important; padding-right:2%!important;}

#headersection .sitelogo{ width:28%; padding:0; margin:0;}

#home-banner #headersection{ padding-left:2%; padding-right:2%;}

#headersection .headerright .call-sec{ width:53%;}

#headersection .headerright .other-btns{ width:40%;}

.headerright .other-btns .tech-support{ margin:0 auto 12px;}

.main-top-section h2{ font-size:1.4em; line-height:1.4em; margin:24px 0 14px 0;}

.main-top-section p{ font-size:1em; line-height:1.4em;}

.main-top-section h3{ font-size:1.4em; line-height:1.2em;}

.main-top-section ul li{ font-size:1em; line-height:1.6em; background:url(../images/bullet01.png) 0 2px no-repeat;}

.product-section .product-name.pull-left{ float:none; width:50%; margin:0 auto 20px;}

.product-section .product-name .green-title{ height:auto; padding:10px 5%; font-size:1.4em; line-height:1.2em; text-align:center;}

.product-section .product-name .sub-title{ font-size:1.2em; line-height:1.2em;}

.product-section .product-name .body-section ul li{ font-size:1em; line-height:1.4em;}

.product-section .product-desc.pull-right{ float:none; width:100%; height:auto; padding:10px 0 12px 2%; margin:0 auto;}

.contact-section.pull-right {float:none; width:100%; height:auto; padding:0 0 12px 2%; margin:0 auto;}

.product-section .product-desc h2{ font-size:1.4em; line-height:1.4em; margin:0 0 18px;}

.product-section .product-desc h3{ font-size:1.4em; line-height:1.2em; margin:0 0 18px;}

.product-section .product-desc p{ font-size:1em; line-height:1.4em;}

.product-section .product-desc ul.list02 li{ font-size:1em; line-height:1.4em; background:url(../images/bullet01.png) 0 3px no-repeat;}

.statement-section .inner-section{ padding:20px 0;}

.footersection .footerinner{ padding:10px 0;}

.footersection .footernav ul li{ font-size:1em; line-height:1.4em;}

.footersection p{ font-size:1em; line-height:1.4em;}

.contact-section {width:100%; height:auto; padding:0 0 12px; margin:0 auto;}

.contact-section .contactformbox{ width:100%; padding:12px 2%;}

.contact-section .contactformbox .rows01{ width:100%; height:auto; margin:0 auto 8px; text-align:center;}

.contact-section .contactformbox .lbl01{ float:none; width:100%; height:auto; margin:0 auto; text-align:center; font-size:1em; line-height:2em;}

.contact-section .contactformbox input[type="text"], .contact-section .contactformbox input[type="email"], .contact-section .contactformbox input[type="tel"], .contact-section .contactformbox select{ float:none; width:100%; height:40px;}

.contact-section .contactformbox textarea{ float:none; width:100%;}

.contact-section .contactformbox .capcha{ float:none; width:100%; text-align:center;}

.contact-section .contactformbox .mob{ display:none;}

.contactformbox input[type="submit"]{ float:none; width:132px; height:36px; margin:0 auto;}

.tinynav {display: block;}

#sidenav {display: none;}

.prodrow .boxtype01{ float:left; width:48%;}

.boxtype01 .imgplace{ width:100%; min-height:180px;} 

.prodrow .boxtype02{ float:left; width:48%;}

.boxtype02 .imgplace{ width:100%; min-height:180px;} 

.nivo-caption{ display:none!important;}

}



@media only screen and (min-width:320px) and (max-width:479px){

	

img {max-width:100%; height:auto;}

.containerinner { padding-left:2%!important; padding-right:2%!important;}

#headersection .sitelogo.pull-left{ float:none; width:30%; padding:0; margin:0 auto 10px; text-align:center;}

#headersection .headerright.pull-right{ float:none; width:100%; height:auto; margin:0 auto; padding:0;}

#home-banner #headersection{ padding-left:2%; padding-right:2%;}

#headersection .headerright .call-sec.pull-right{ float:none; width:100%; margin:0 auto;}

.call-sec .visit-store a, .call-sec h5 { font-size:1em; margin:0 0 6px;}

#headersection .headerright .other-btns.pull-right{ float:none; width:100%; margin:0 auto; padding:6px 0 0;}

.headerright .other-btns .tech-support, .headerright .other-btns .needquote{ width:48%; margin:0 1%;}

.main-top-section h2{ font-size:1.4em; line-height:1.4em; margin:24px 0 14px 0;}

.main-top-section p{ font-size:1em; line-height:1.4em;}

.main-top-section h3{ font-size:1.4em; line-height:1.2em;}

.main-top-section ul li{ font-size:1em; line-height:1.6em; background:url(../images/bullet01.png) 0 2px no-repeat;}

.product-section .product-name.pull-left{ float:none; width:100%; margin:0 auto;}

.product-section .product-name .green-title{ height:auto; padding:10px 5%; font-size:1.4em; line-height:1.2em; text-align:center;}

.product-section .product-name .sub-title{ font-size:1.2em; line-height:1.2em;}

.product-section .product-name .body-section ul li{ font-size:1em; line-height:1.4em;}

.product-section .product-desc.pull-right{ float:none; width:100%; height:auto; padding:10px 0 12px 2%; margin: 0 auto;}

.product-section .product-desc h2{ font-size:1.4em; line-height:1.4em; margin:0 0 18px;}

.product-section .product-desc h3{ font-size:1.4em; line-height:1.2em; margin:0 0 18px;}

.product-section .product-desc p{ font-size:1em; line-height:1.4em;}

.product-section .product-desc ul.list02 li{ font-size:1em; line-height:1.4em; background:url(../images/bullet01.png) 0 3px no-repeat;}

.statement-section .inner-section{ padding:20px 0;}

.footersection .footerinner{ padding:10px 0;}

.footersection .footernav ul li{ font-size:1em; line-height:1.4em;}

.footersection p{ font-size:1em; line-height:1.4em;}

.banner-fix{ position:relative; bottom:auto; left:auto; right:auto; background:#fff; padding:12px 2% 0;}

.main-top-section .img-section.pull-right{ float:none; width:100%; height:auto; margin:0 auto 20px; text-align:center;}

.image-left { float: none; margin: 0 auto 20px; text-align:center;}

.statement-section .avator.pull-left{ float:none; margin:0 auto 20px;}

.product-section .product-desc .prod-row .sml-prodbox.pull-left, .product-section .product-desc .prod-row .sml-prodbox.pull-right{ float:none; width:100%; height:auto; margin:0 auto;}

.contact-section h2{ font-size:1.4em; line-height:1.4em; margin:0 0 18px;}

.contact-section.pull-right { float:none; width:100%; height:auto; margin:0 auto; padding:20px 0 12px 2%;}

.contact-section .contactformbox{ width:100%; padding:12px 2%;}

.contact-section .contactformbox .rows01{ width:100%; height:auto; margin:0 auto 8px; text-align:center;}

.contact-section .contactformbox .lbl01{ float:none; width:100%; height:auto; margin:0 auto; text-align:center; font-size:1em; line-height:2em;}

.contact-section .contactformbox input[type="text"], .contact-section .contactformbox input[type="email"], .contact-section .contactformbox input[type="tel"], .contact-section .contactformbox select{ float:none; width:100%; height:40px;}

.contact-section .contactformbox textarea{ float:none; width:100%;}

.contact-section .contactformbox .capcha{ float:none; width:100%; text-align:center;}

.contact-section .contactformbox .mob{ display:none;}

.contactformbox input[type="submit"]{ float:none; width:132px; height:36px; margin:0 auto;}



.tinynav {display: block;}

#sidenav {display: none;}



.prodrow .boxtype01{ float:none; width:100%; margin:0 auto 14px;}

.boxtype01 .imgplace{ width:100%; min-height:auto;} 

.prodrow .boxtype02{ float:none; width:100%; margin:0 auto 14px;}

.boxtype02 .imgplace{ width:100%; min-height:auto;} 

.nivo-caption{ display:none!important;}




}