/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

@media (min-width: 320px) and (max-width: 460px) {
.detRiteNewCont1Ul li.item{ width:100%;}
.detRiteNewCont1Ul li.Qty {  margin-left: 10%;  width: 30%;}
.detRiteNewCont1Ul li.price { width: 42%;}
}

@media (min-width: 320px) and (max-width: 768px) {
.indexMidBox{padding: 15px 10px;}
.headmenuUlOuter{ background:#4B7607;  height: auto;  padding: 0 15px;}
.bannerMarg{ margin-top:0px;}
.bannerOuter{ height:auto;}
.headmenuUl{background:rgba(0, 0, 0, 0.75); border: medium none; height: auto; margin: 2%; padding: 2%; width: 96%;}
.headmenuUl li{ border-top: 1px solid #FEFEFE; display: block; margin: 5px 0; padding: 5px 10px;}
.headmenuUl li a{ color:#fff;font: 18px/30px Twcent !important;}
.headmenuUl li:hover, .headmenuUl li.active{  background:rgba(0, 0, 0, 0.75);border-bottom: medium none;border-top: 4px solid #28FA06;}
.headmenuUl li:hover a, .headmenuUl li.active a{  background:rgba(0, 0, 0, 0); color: #FFFFFF;}
.headmenuUl:before,.headmenuUl:after{ display:none; }
.headmenuMargTop{ margin-top:0px;}
.openclose{left: 5%;top: 65px;}
.staticIncont .col-md-6{ padding:0px;}
.empty{ display:none;}
.myAccount .checkUl{ padding:0px 0px 0px;}
.myAccntMenuUl li{ display:block;margin: 0 0 10px 0px;width: 100%;}
.myAccntMenuUl li a{ display:block; border:1px solid #ddd; background:#666666; color:#000;width: 100%;}
.myAccntMenuUl li a.active, .myAccntMenuUl li a:hover{border:1px solid #ddd;}
.popCol { display:none;}
.logo img{ max-width:300px;}
}
@media (min-width: 320px) and (max-width: 992px) {
.indexMidBoxes h3{ position:static; margin:10px 0px;width: auto;}
.indexMidBoxes h3:before,.indexMidBoxes h3:after{ display:none; }
.indexMidBoxMore{margin-bottom:10px;}
.loginContLeft { border-right:none;}

}

@media (max-width: 992px) {
.menufixedtop.fixed{ position:static;}
.checkrightInner { padding:0px; padding-top:10px;}
.menurightInner { padding:15px;}
.catheight { margin-bottom:10px;}
#menu_outer .col-md-9.padRht0{ padding:0px;}
.openingTiming span.pull-left{ display:none;}
}
@media (min-width: 768px) and (max-width: 992px) {
.indexMidBox{padding: 25px 20px;}

}
@media (min-width: 992px) and (max-width: 1200px) {
.footTimings{font:bold 13px/20px Twcent}

}
@media (min-width: 768px){
.zipPopWidth{ width:520px;}
.menusPopWidth{ width:720px;}
.menusPopWidth .modal-body{ padding:0 20px;}
.termsPopWidth{ width:850px;}
.termsPopWidth .modal-body{ padding:20px;}


}
@media (max-width: 540px) {

}