@media only screen and (min-width: 320px) and (max-width: 800px) {
body.category-collections .col1-layout .contentCntr.mt40{margin-top: 40px;}	
.header-inner{height: auto;}
.nav-mobile{ display:block }	
.nav {	width:100%;	padding: 32px 0 0;	}	
.nav-list {	display:none; }	
.nav-item {	width:100%;	float:none;	}	
.nav-item > a {	padding:15px; }	
}
@media only screen and (max-width: 960px){
.pagewidth { max-width: 950px; padding: 0 10px;}
.header-inner .pagewidth{padding: 0;}
.topNav .wrapper { padding: 0 1%; width: 98%; }
.headerCntr nav ul li { padding: 0 7px; }

.headerCntr nav ul li  a { font-size: 13px; }
.textBox .leftside { max-width: 41%; }
.textBox .rightside { max-width: 58%; }
.textBox.image .rightside { max-width: 60.7%; }
.textBox.image .leftside { max-width: 38.7%; }
.about-box-list ul{ width:748px; margin:0 auto}

.checkout-onepage-index .col-main{width: 70%;}
.checkout-onepage-index .col-right{width: 27%;}

.page{width: 840px;}
.topNav .wrapper{width: auto; padding: 0;}
.headerCntr .nav li{padding: 0 13px 10px;}
.headerCntr .nav li a {font-size: 13px;}
.header-inner .pagewidth{max-width: 840px;}

.homeBanner{background-position:58.3% center; height: 186px;}
.homeBanner .banner1{float: left; width: 57.4%;}
.homeBanner .banner2{float: right; width: 40.8%;}
.homeFooterContainer{padding: 22px 10px 0;}
.bannerCntr ul.slides li{height: 440px;}
.bannerCntr{max-height: 440px;}
}

@media only screen and (max-width: 920px){
.headerCntr nav ul li { padding: 0 7px; }
.headerCntr nav ul li  a { font-size: 13px; }
}

@media only screen and (max-width: 930px){
.col2-left-layout .col-main{width: auto; float: none; margin: 0 0 0 230px;}
.item{width: 190px;}
.product-list ul li{margin-right: 10px;}
}

@media only screen and (max-width: 900px){
.headerCntr nav ul li { padding: 0 7px; }
.headerCntr nav ul li  a { font-size: 12px; }
.headerCntr .nav li { padding: 0 10px;}
footer{ padding-bottom:0}
footer .pagewidth { padding: 0 2%; }
footer .pagewidth .col { max-width: 49.0%; min-height: 160px; } 
.copyright .leftside, .copyright .rightside { text-align: center; width: 99.9%; }
.copyright .rightside ul { text-align: center; float: none; }
.copyright .rightside ul li { display: inline; float: none; }
.copyright .rightside ul li a { display: inline-block; }

/****/
.bannerCntr{width: 770px; max-height: 450px;}
.bannerCntr ul.slides li{height: 400px;}
.pagewidth.homeFooter{width: 770px;}
.bannerCntr2{max-width: 770px;}
/*.bannerCntr .textdiv{top: 36%;}*/

.page{width: 770px;}
.headerCntr .nav li{padding: 0 10px 10px;}
.headerCntr .nav li a {font-size: 12px;}
.header-inner .pagewidth{max-width: 770px;}
.homeBanner{height: 170px;}
.bannerCntr ul.slides li{height: 340px;}
.bannerCntr{max-height: 340px;}
.footerLinks a{font-size: 9px;}
.footerLinks{line-height: 17px;}
}

@media screen and (max-width:850px) {
.headerCntr nav ul li { padding: 0 3px; }
.headerCntr .nav li { padding: 0 8px;}

/****/
/*.bannerCntr{width: 745px; max-height: 400px;}
.bannerCntr ul.slides li{height: 380px;}
.pagewidth.homeFooter{width: 745px;}
.pagewidth.homeFooter{width: 745px;}*/
.bannerCntr2{max-width: 745px;}

.page{width: 745px;}
.headerCntr .nav li{padding: 0 8px 10px;}
.header-inner .pagewidth{max-width: 745px;}
.homeBanner{height: 165px;}
}

@media screen and (max-width:800px) {
.headerCntr nav ul { padding: 45px 5% 0 5%; float: none; }
.headerCntr nav ul li { padding: 0 4px; }
.headerCntr nav ul li a { padding: 10px 0; color: #fff;  width: 100%; }
.headerCntr nav ul li a:hover { color: #777; } 

.headerCntr nav .nav-list ul { padding: 0px; }
.headerCntr nav .nav-list ul { line-height: 21px;}
footer { padding-top: 20px; text-align: center; }
footer .pagewidth .col { float: none; display: inline-block; }
footer .pagewidth .col li, footer .pagewidth .col h2 { text-align: left; }
.headerCntr{ height: auto}
.newsletter { float: none; display: inline-block; }
.newsletter h2, .newsletter label { text-align: center; }
.newsletter ul { float: none; }
.newsletter form { padding-bottom: 10px; }
.newsletter li { float: none; display: inline; }
.newsletter li a { display: inline-block;}
.headerCntr .nav { margin:116px 0 0; position: relative; z-index: 999; width:100%; height:46px/*55px*/; padding:0 }

.product-img-box, .product-info-box{ width:100%; float:left; margin:0 0 20px}
.product-img-box .product-image{ width:50%;}
.product-img-box .more-views{ width:auto; float:none; margin:0 0 0 52%}

.checkout-onepage-index .col-main{width: 100%;}
.checkout-onepage-index .col-right{display: none;}

/****/
.bannerCntr{width: auto; max-height: 400px; padding: 0 /*10px*/; margin-top: 10px;}
.bannerCntr ul.slides li{height: 380px;}
.pagewidth.homeFooter{width: 100%; padding: 0 /*10px*/;}
.bannerCntr2{max-width: none;}

.page{width: auto; padding: 0 10px;}
.header-inner .pagewidth{max-width: 100%;}
.nav-mobile{width: auto;}

.pagewidth.homeFooter{height: auto;}
.homeFooterContainer{padding: 22px 0;}
.socialLinkSection{float: none;}
.socialLinkSection .socialLinks ul{float: none;}
.socialLinkSection .socialLinks li{float: none; display: inline-block;}
.subscribeSection{float: none; background: #989898; padding: 10px 0;}
.footerLinks{background: #717171;}
.footerLinks ul{padding: 10px 20px;}
.footerLinks ul li{display: block; line-height: 30px;}
.footerLinks a{font-size: 12px; font-weight: 600;}
.homeBanner{height: auto;}
}

@media screen and (max-width:780px) {
footer .pagewidth .col { width: 49.5%; min-height: 160px; } 
.textBox p { font-size: 13px; letter-spacing: 0px;  }
.textBox .textdiv { padding: 20px 10px 0 10px; }

.nav-list{ position:absolute; top:46px;/*50px;*/ left:0; width:99.9%; padding:0; background:#F4F4F4; border:1px solid #ccc; 	
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box; }
.headerCntr .nav ul,.headerCntr .nav ul.right-side,.headerCntr .nav .col,.headerCntr .nav .col.right-side{ width:100%; padding:0; margin:0 }
.headerCntr .nav li{ padding:0; margin:0; width:100%; float:left; border-bottom:1px solid #D6D6D6}
.headerCntr .nav li:last-child{ border-bottom:0}
.headerCntr .nav li .drop-menu { background:#E4E4E4;}
.headerCntr .nav li .drop-menu a{ color:#777; font-size:12px}
.headerCntr .nav li a{ display:block; float:none; padding:8px 10px; width:auto}
.headerCntr .nav li a:hover,.headerCntr .nav li .drop-menu a:hover{ background:#989898; color:#fff}
.headerCntr .nav li:hover{ height:auto}
.headerCntr .nav li .drop-menu,
.headerCntr .nav li:hover .drop-menu{ position:static; left:0; top:0; height:auto; width: 100%; box-shadow: none!important;}
.headerCntr .nav li .drop-menu.hover{padding-bottom: 0;}
.headerCntr .nav li .drop-menu a{padding: 8px 10px;}
.headerCntr .nav li .drop-menu li{ padding:0; margin:0}
.headerCntr .nav li .drop-menu li a{text-align:left}

.about-box-list ul{ width:480px}
.about-box-list ul li{width: 220px;}
.mt40 { margin-top: 20px;}

footer .pagewidth{  color:#fff; padding:0}
footer .pagewidth a, footer h2{ color:#fff}
footer .pagewidth .col{ width:100%; min-width:100%; display:block; padding:0; background:#717171}
footer h2{ padding:20px; border-bottom:#666 1px solid; background:#989898; cursor:pointer}
footer .col ul{ padding:10px 20px}
footer .col ul li{ float:none}
.newsletter{ padding:20px 0}
.newsletter h2{ background:none; border:none}
}

@media screen and (max-width:640px) {
body{ font-size:13px}
.textBox .leftside, .textBox.image .leftside { max-width: 99.9%; float: none; text-align: center; }
.textBox .leftside .col, .textBox .rightside .col { width: 96.5%; padding: 10px; float: none; }
.textBox .rightside,.textBox.image .rightside { max-width: 99.9%; float: none; text-align: center;  }
.about-box-list ul li{ padding:5px}

.left-section{ width:100%; float:left; border:solid #CCC; border-width:1px 0}
.right-section{ width:100%; float:left; margin:0}
.side-menu { padding:23px 0}
.side-menu > ul{ display:none; width:90%; padding:50px 5% 0}
.nav-mobile2 { display:block;}
.product-list ul{ margin:40px auto 0; width:480px}
.product-list ul li{ margin:0}
.dis-box{ line-height:18px}
.product-info-box h3{ padding:15px 0}
.com-products .heading{ margin:0}

.stockists-list li{ width:98%; margin: 1% 1% 2%;}

.col2-set .col-1{width: 260px; float: none; margin: 0 auto 0 auto;}
.col2-set .col-2{width: 260px; float: none; margin: 0 auto 30px auto;}
.account-create{width: 288px;}
.form-list .field{float: none;}
.form-list .input-box{margin-bottom: 10px;}
.fieldset{padding: 15px 15px 10px 15px; margin: 28px 0 10px 0;}
.form-list li{margin-bottom: 0;}
.buttons-set{margin-top: 1em;}
.fieldset .legend{margin-left: 0;}
.heading{padding-bottom: 10px;}

/*== cart section ==*/
.cart .cart-collaterals .col2-set{width: 100%;}
.cart .col2-set .col-1{width: 100%;}
.cart .col2-set .col-2{width: 100%; margin-bottom: 10px;}
.cart .totals{width: 100%;}
.cart-table td{padding: 5px;}
.cart-table button.button span span{padding: 0 5px;}

.checkout-onepage-index .form-list li.wide input.input-text{width: 254px;}
.checkout-onepage-index .form-list li.wide .input-box{width: auto;}

.col-left{padding: 10px 0; margin: 0 auto; float: none; width: 100%;}
.col2-left-layout .col-main{margin-left: 10px;}
.col-left .left-section{border: none;}
.product-page{padding-top: 0;}
.side-menu{background: #F4F4F4; padding: 60px 2% 0 2%; width: 96%;}
.mlinks{display: none;}

/****/
.bannerCntr{max-height: 300px;}
.bannerCntr ul.slides li{height: 300px;}
.pagewidth.homeFooter{text-align: center;}
.homeFooter .newsletter ul{float: none;}
.homeFooter .newsletter form{float: none;}
.homeFooter .newsletter label{float: none;}
.homeFooter .newsletter{width: 265px;}
.homeFooter .newsletter .newsletter-input{margin-left: 15px;}
/*.bannerCntr .textdiv{top: 33%;}*/

.topNav{text-align: center; line-height: 30px;}
.searchFormSection{display: inline-block; float: none; margin: 0 10px;}
.topNav ul{display: inline-block; float: none; padding-right: 0; line-height: 20px;}
}



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

/*.flex-direction-nav { top: 30%!important; }*/
/*.bannerCntr .textdiv  { top: 23%!important; }*/
.bannerCntr .textdiv{margin-top: -49px;}
.bannerCntr .textdiv h3{ font-size: 15px; }
.textBox { width: 99%; }

.nav-mobile{ right:0; left:auto}
.topNav li a{ font-size:9px; letter-spacing:normal}
.text, .stockists-list { font-size: 13px; line-height: 18px;letter-spacing:2px;}
.product-list ul li{ margin:0}
.product-img-box .more-views li{ width:30%; margin:0 2% 10px 0}
.product-img-box .more-views li img{ width:100%; height:auto}
.buttonbig.btn-cart{ width:180px}
.qtt-box{ margin:0 10px 0 0}

/*== cart section ==*/

.cart .data-table{}
.cart colgroup{display: none;}
.cart .data-table thead{display: none;}
.cart .data-table thead th{padding: 0!important; display: block; width:100%!important; border:none!important;}
.cart .cart-table td{padding: 2px 0!important; display: block; width:100%!important; border:none!important; text-align: center!important;}
.cart .data-table tbody tr{display: block; padding: 10px;}
.cart .cart-table td.productBasicPrice{width: 40%!important; float: left; text-align: right!important; padding-top: 10px!important;}
.cart .cart-table td.productQty{width: 20%!important; float: left;}
.cart .cart-table td.productGrandPrice{width: 40%!important; float: left; text-align: left!important; padding-top: 10px!important;}
.cart .cart-table td.last{clear: both;}
.cart .cart-table tfoot td button{float: none!important; margin: 5px 0;}

/****/
.bannerCntr{max-height: 200px;}
.bannerCntr ul.slides li{height: 200px;}

.topNav li:first-child{display: none;}
.homeBanner{background: none;}
.homeBanner img{width: 100%;}
.homeBanner .banner1{width: 100%;}
.homeBanner .banner2{width: 100%; margin-top: 8px;}
}


@media screen and (max-width:490px) {
.about-box-list ul{ width:230px}
.product-list ul{  width:244px; float:none}
.product-list ul li{ padding:10px; border:1px solid #CCC; margin:0 0 10px}


}

@media screen and (max-width:340px) {
.copyright p { letter-spacing: 0px; }
.copyright .rightside ul li a { letter-spacing: 1px; }
.contactform .field{ width:100%; padding:0 0 15px}
.contactform .field:last-child{ padding-bottom:0}

}