@media(min-width:768px) {.navigation{ display:block !important;}}

@media(max-width:979px) {
.innerSlider { max-width:630px;}
/*.cover{ height:550px; width:460px;}*/
.backBox{ height:448px;}
.backBox > img{ width:100%;}
/*.cover .image{ top:60px; height:406px; width:72%;}*/
/*.backImg{height:530px; width:100%;}*/
.lftPart.listingLEft{ width:185px;}
.leftBox .listingOptpn label{ font-size:12px;}
.ListingBox{ padding-left:200px;}
.customCon.cutomlisting{ padding:10px;}
/*.listingRight li{ width:154px;}*/
.listingRight li {margin: 17px;width: 197px;}
.listingRight li:nth-child(3n-1) .zoom_image{ left:auto;right:100%;}
.zoom_image img{/*width:200px;*/}
}

@media(max-width:767px) {
.innerSlider { max-width:630px;}
.searchBar{ display:none;}
.toggle{ display:block; float:right; background:url(../images/navback.png) no-repeat center center; padding:34px; background-size:100%; position:absolute; right:3px; top:2px;}
.toggle span::before {  background: #fff none repeat scroll 0 0;  content: "";  display: block;  height: 100%;  left: 0;  position: absolute;  transform: translateY(220%);  width: 100%;  transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; outline:none;}
.toggle span::after {  background: #fff none repeat scroll 0 0;  content: "";  display: block;  height: 100%;  left: 0;  position: absolute;  transform: translateY(-220%);  width: 100%;  transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; outline:none;}

.toggle.open span::before{ background:#fff;  transform: translateY(0px) rotate(-45deg);}
.toggle.open span::after{ background:#fff;  transform: translateY(0px) rotate(45deg);}
.toggle.open span{ background:none;}
.rightSec{ padding-right:65px; padding-top:23px; }
.toggle span{ display:block; width:30px; height:4px; background:#fff; margin:5px auto; position:absolute; left:0; right:0; top:50%; margin-top:-3px;  }
.nav > li > a {  color: #000;  display: block;  font-family: open_sanssemibold;  font-size: 16px;  padding: 10px 0;  text-align: center;  text-transform: uppercase;}
.subNav a {  display: block;  color: #000;  text-transform: uppercase;  font-family: open_sanssemibold;  font-size: 14px;  padding: 5px 0px;  text-align: center;}
.subNav {  border-top:1px solid #b3b3b3;  padding-top:10px; padding-bottom:10px; margin-top:5px;}
.subnavClass > a{ background:url(../images/drop_down1.png) no-repeat 96% center;}
.subNav{ display:none;}
.navigation {  border-bottom: 1px solid #ccc;  padding-bottom: 20px; display:none; }
.subnavClass > a.opens{ background:url(../images/drop_down3.png) no-repeat 96% center;}

.topTxt h1{ font-size:20px;}
.topTxt p{ font-size:18px;}
.bottlebox{ width:130px;}
.labelDiv{ width:126px;}
.innerSlider { max-width:70%;}
.lebelBotle{ bottom:12%;}
.bottleDetails{ padding:5px;}
.joinCon > h1{ font-size:20px;}
.joinCon > a{ font-size:20px;}
.srcthInput{ width:40%;}
.loginHd{ padding-top:0;}
.loginBox strong{ font-size:14px;}
.loginBox span{ font-size:13px;}
.checkLi a{ font-size:12px;}
.contactBox{ padding-right:0;}
.addressCon{ position:relative; right:0;}
.termAndCondition h1{ font-size:18px;}
.myaccount{ font-size:13px;}
.ddown{ display:none;}
.topBar{ height:auto; background-size:100%;}
.leftBar{ width:100%; margin-bottom:15px; float:none;}
.rightbar{ width:100%; float:none;}
.rgtPart{ padding:0;}
.cover{ border-width:5px;}
.lftPart{ position:relative; float:none; margin:10px auto;}
.ListingBox{ padding-left:0;}
.listingRight{ text-align:center;}
.lftPart.listingLEft{ padding-top:0; width:100%;}
.leftBox .listingOptpn label{ font-size:13px;}
}

@media(max-width:639px) {
.logo{ overflow:hidden; float:none; display:inline-block;}
.logo img {  padding-top: 10px;  width: 150px;}
.headerCon {  background: #9dd0ff url("../images/header-back.jpg") repeat-x scroll center bottom;  height: 146px;}
.desktoplogo{ display:none;}
.mobLogo{ display:block;}
.rightSec{ padding:0; width:100%; float:none; text-align:center; padding-top:10px;}
.shoppingCart{ margin-left:20px; margin-right:0;}
.srcthInput{ width:100%; margin:10px auto;}
.leftFooter{ width:100%; text-align:center; float:none;}
.footNav li{ float:none; text-align:center; display:inline-block;}
.socIcons {  overflow: hidden; width: 110px;margin: 10px auto 0; float: none;}
.footerCon{ padding:8px 0;}
.returningCustomer{ width:100%; float:none; padding:0;}
.newCusromer{ width:100%; float:none; padding:0; margin-top:50px;}
.rightLine{ right:auto; height:1px; width:100%; top:auto; bottom:-25px;}
.redu{ margin-right:80px;}
.leftBar > span{ margin-left:0;}
.overflowAuto{ overflow:auto; padding-bottom:15px;}



}
@media(max-width:479px) {
.formBox ul li.fl{ width:100%; float:none;}
.formBox ul li.fr{ width:100%; float:none;}
.contactBox ul li.fl{ width:100%; float:none;}
.contactBox ul li.fr{ width:100%; float:none;}
.redu{ margin-right:0;}
.leftBar > span{ font-size:12px;}
.priceBox{ width:40px;}
.pricelevel{ font-size:13px; margin-right:2px;}
}
@media(max-width:359px) {
.owl-nav .owl-prev{ left:-53px;}
.owl-nav .owl-next{ right:-44px;}

}