@charset "utf-8";
/* CSS Document */

#mob-menu{ display: none; font-size:17px;}



@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) {
.container {width:100%;}
.top ul { margin-right:10px;}
.menuarea .logo { width:217px; margin-left:10px;}
.menuarea .cart { padding:6px 9px; margin-right:10px;}
.midarea .box { padding:57px 0;}
.midarea .box .centerbox { width:100%;}
.midarea .box .centerbox .pix { width:100%;}
.midarea .box .centerbox .textpart { width:100%; text-align:center; margin-top:0; left:0; padding:0 10px; box-sizing:border-box; min-height:106px;}
.midarea .box .centerbox .textpart h2 { font-size:26px;}
.midarea .box .centerbox .textpart p { font-size:18px;}
.photowrapper { width:100%;}
.photosarea { padding:30px 0;}
.photosarea ul li { width:31%;}
.footer .footerleft ul { padding-left:14px;}
.whitebg { width:83%; margin-top:78px;}
.whitebg .productrow ul li .productinfo { width:58%;}
.whitebg .productrow .detailright { width:52%;}
.whitebg .productdescrip { margin-top:20px;}
.innerbg { height:auto;}
.step .centerdiv { width:97%;}
.seemore .morebg { width:100%; text-align:center;}
.faq { height:auto;}
.faq h2 { font-size:25px; padding:20px 0;}
.accordion { width:97%; box-sizing:border-box; margin:0 9px 0 9px;} 
.accordion .faqrow .accordion-section-title { width:99%; font-size:18px; padding:9px;}
.accordion .faqrow .accordion-section a img { padding-right:8px; width:17px;}
.accordion .faqrow .accordioncontent { width:90%;}

.quantity .qty{float:none;}
}







@media only screen
and (max-width : 767px) {
	
.container {width:100%;}	

.photowrapper { width:100%; text-align:center;}	
.menuarea .logo { width:221px; margin-left:10px;}
.top ul { padding-right:10px;}
.menuarea .cart { padding:4px 10px; margin-right:10px;}
.menuarea .menu { margin-left:15px;}
.midarea .box { padding:46px 0;}
.midarea .box {  width:100%; padding:30px 0;}
.midarea .box .centerbox { width:100%;}
.midarea .box .centerbox { width:100%;}
.midarea .box .centerbox { width:100%;}
.midarea .box .centerbox .pix { width:96%;}
.midarea .box .centerbox .textpart { width:100%; text-align:center; padding:0 10px; left:0; margin-top:0; box-sizing:border-box;}
.midarea .box .centerbox .textpart h2 { font-size:27px;}
.midarea .box .centerbox .textpart p { font-size:19px;}
.photosarea ul li { width:31%;}
.footer .footerleft { padding-top:18px;}
.footer .footerright { padding-top:18px;}
.footer .footerleft ul { padding-left:20px;}
.innerbg { padding-bottom:76px; height:auto;}
.whitebg { width:82%; margin-top:60px;}
.whitebg .productrow ul li .productinfo { width:57%;}
.whitebg .productrow .detailright { width:52%;}
.whitebg .productdescrip { margin-top:18px;}
.step .centerdiv { width:96%;}
.seemore .morebg { width:100%;}

.faq { height:auto;}
.faq h2 { font-size:25px; padding:20px 0;}
.accordion { width:97%; box-sizing:border-box; margin:0 9px 0 9px;} 
.accordion .faqrow .accordion-section-title { width:98%; font-size:18px; padding:9px;}
.accordion .faqrow .accordion-section a img { padding-right:8px; width:17px;}
.accordion .faqrow .accordioncontent { width:90%;}


.banner{padding-bottom:0; height:auto;}
.banner .videosection .video { width:85%; margin-top:42px;}
.banner .videosection .buynow { width:97%; margin-top:-28px;}
.banner .videosection .buypos { width:61px;}

.quantity .qty{float:none;}
.whitebg{padding:15px;}

}


@media only screen 
and (max-width : 480px) {
#mob-menu{ display: block; font-family: 'Conv_ProximaNova-Regular'; font-size:20px; color:#fff; padding:15px;}
#mob-menu i { float:right; color:#fff;}
#nav{ display: none;}
#nav ul{}
#nav ul li{ display: block;}
#nav ul ul{ display: block; position: relative; left: auto; top: auto; width: 100%;}


#nav ul li {font-size:16px;}
#nav ul li a {padding:6px 16px; color:#fff;}
.menuarea .menu { background:#007a43; width:100%; margin-left:0;}
.menuarea { height:auto; width:100%;}
.menuarea .cart { /*top:-159px;*/ right:5px; padding:2px 13px; position:absolute;}

.top { float:none; text-align:center; height:30px;}
.top ul { float:none;}
.top ul li { float:none; display:inline-block; padding-top:2px;}

.menuarea .logo { width:185px; top:-6px; left:5px;}

.midarea .box .centerbox .pix { width:100%;}

.photosarea ul li { width:88%; margin-right:0; margin-bottom:10px;}
.footer .footerleft { width:100%; border-bottom:1px dashed #c0c0c0; border-right:none; padding-top:20px; text-align:center;}
.footer .footerleft ul { padding:0;}
.footer .footerleft ul li { padding-bottom:10px;}
.footer .footerleft ul li a { font-size:17px;}


.footer .footerright { width:100%; text-align:center; padding-top:20px;}
.footer .footerright .newsletter h3 { font-size:18px;}
.footer .footerright .newsletter input { width:247px;}
.sbmt { float:none;}
.footer .footerright .social { text-align:center;}
.footer .footerright .social ul { padding:0;}
.footer .footerright .copyright { text-align:center;}

.innerbg { height:auto; padding-bottom:60px;}
.whitebg { width:80%; margin-top:46px;}
.whitebg .productrow ul li .productpic { width:96%; margin-right:0;}
.whitebg .productrow ul li .productinfo { width:96%; text-align:center;}
h1 { font-size:23px;}
.lowerbutton { text-align:center;}
.price { float:none; margin-right:0; display:inline-block; margin-bottom:20px;} 
a.cartbtn { float:none; display:inline-block;}
.whitebg .productrow .detailright p{padding:0;}
.whitebg .productrow .detailpic { width:96%; margin-right:0;}
.whitebg .productrow .detailright { width:100%; text-align:left;}
.whitebg .productrow .detailright .price { margin-bottom:0;}
.qty { float:none; margin-bottom:20px; margin-right:0; width:117px;}
.whitebg .productdescrip { text-align:left; margin-top:18px;}
table.cart td.actions .coupon .input-text {margin-right:0; margin-bottom:10px; height:auto;}
.cart input.button { width:100%; margin-bottom:10px;}
table.cart td.actions { padding-bottom:0;}
.cart-collaterals .cart_totals { width:100% !important;}
.cart-collaterals .cart_totals h2 { text-align:center;}
.cart-collaterals .cart_totals tr td { text-align:right;}
.cart-collaterals .cartbtn { width:82%;}
.step .centerdiv { display:none;}
.mobilecenter { display:block;}
.step { padding:34px 0;}
.mobilecenter .steps { width:100%; padding:0 10px; margin-bottom:20px; box-sizing:border-box;}
.seemore { height:63px;}
.seemore .morebg { width:100%; bottom:25px;}


.accordion { width:94%; box-sizing:border-box; margin:0 9px 0 9px;} 
.accordion .faqrow .accordion-section-title { width:94%; font-size:18px; padding:9px;}
.accordion .faqrow .accordion-section a img { padding-right:8px; width:17px;}
.accordion .faqrow .accordioncontent { width:90%;}

.conpopup { width:100%;}
.conpopup input { width:84%;}
.conpopup .txtarea { width:84%;}
.conpopup .consbmt { width:86%;}

table.cart td.actions .button{width:100% !important;}

}