@media (max-width:1199px){ 
.top-bar ul {margin-left: 0px;}
.header-search {width: 441px;}
.container-left { padding-left: calc(50% - 460px);}
.overlay-txt { padding: 15px 15px 15px  103px;}
.btn-area button {min-width: 100px; padding: 14px 9px;}
.btn-area .icon-btn {min-width: auto; padding: 14px 9px;}
.menu ul.main-list li a {padding: 22px 12px;}
.shop-nav ul.list-style li a { padding: 22px 15px;}


}

@media (max-width: 991px){ 
.container{max-width:100%;} 
.toggle-mobile { top: 25px !important;}
.nav ul.main-list {display: none !important;} 
.toggle-mobile, .cross { display: inline-block !important; }
.container-left { padding-left: 15px;}
.site-logo {width: 100%; padding: 15px 0px;}
.site-logo img {max-width: 195px;}
.toggle-mobile { top: 10px !important;  right: 0px;}
.toggle-mobile span {background: #303f50 !important;}
.header-search { float: left;}
.main-bar {padding-bottom: 15px;}
.banner {height: auto;}
.destination-slider { margin-top: 25px;}
.offer-value { position: relative; left: 0px ; bottom: auto; width: auto; height: auto; 
	border-radius: 100%; border: none; background: transparent; font-size: 30px;
	text-align: left;  padding: 0px 0px 15px;}
.overlay-txt { padding: 15px;}
.deals-txt.pl-4 {padding: 0px !important;}
.deals-txt h3 {margin-bottom: 5px;}
.cat-item a {  padding: 10px 15px 10px 40px; word-break: break-all;}
.cat-item a i {left: 10px;}
.whyus-box { padding: 30px 15px 30px 60px;}
.whyus-icon { font-size: 40px;left: 11px;}
button#filter-btn-cls,
button#filter-btn {   display: inline-block;}
button#filter-btn{margin-left: 15px;}

.fillter-bar {position: fixed; left: -100%;  z-index: 9999; background: #fff;  top: 0px;height: 100vh;  width: 320px !important; padding: 15px;   -webkit-transition: all .3s;  -moz-transition: all .3s;  -o-transition: all .3s;
    transition: all .3s; overflow-y: auto;    margin: 0px !important; } 
.fillter-open .fillter-bar { left: 0px; }
button.filter-cls { position: absolute; right: 7px; top: 4px; padding: 10px; font-size: 22px; } 
.fillter-bar { padding-top: 40px; }
button#filter-btn-cls {background: transparent;color: #303f50;  padding: 0px;    border: 0px;    right: 15px;    top: 10px;    position: absolute;}
.your-order {margin-top: 25px;   }
nav.menu,
.col-sm-hide {  display: none;}



} 


@media (max-width:767px){ 
 
.col-xs-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.col-xs-6 {-webkit-box-flex: 0;  -ms-flex: 0 0 50%; flex: 0 0 50%;    max-width: 50%;}
.order-xs-1 {  -webkit-box-ordinal-group: 3;    -ms-flex-order: 0; order: 0;}
.col-xs-hide {display: none;}
.field-sm { width: 100%; padding: 0px !important; margin-bottom: 15px;}
.field .field-sm:last-child { margin-bottom: 0px;}
.map iframe {height: 300px !important;}
.top-bar.bg-dark { text-align: center;} 
.header-info {text-align: center;}
.header-search {width: 350px;}
.shop-menu {margin-top: 7px;}
.destination-img.object-fit { height: auto;}
.destination-item {max-width: 320px; margin: auto;}
.deal-adv.object-fit { height: auto; margin-bottom: 30px;}
.deals-txt {margin-bottom: 30px;}
.prd-item {max-width: 320px;  margin: auto;}
.cta-section, 
.cta-section .text-right { text-align: center !important; }
.whyus-box {margin-bottom: 30px;  height: auto !important;}
.container-left .mr-0 { margin-right: -15px !important;}
.container-left .pr-0{padding-right: 15px !important}
.container-left { padding-right: 15px;}

table#cart thead {display: none;}
table#cart tbody td { display: block;  padding: .6rem;   min-width: auto;  width: 100%;  vertical-align: top !important;  text-align: left !important;
     position: relative; padding-left: 143px;}
table#cart tbody td:before {content: attr(data-th); font-weight: bold;
    display: inline-block;  width: 140px;  text-align: left; position: absolute;  left: 10px;  top: 10px;    }
.cart-table .form-control { display: inline-block; margin-top: 0px;}
table#cart td img { max-width: 100px;}
.your-order {margin-top: 25px;  padding: 15px;}
.checkout-area .pr-40 {  padding-right: 15px!important;}
.header-info li.pt-4 { padding-top: 0px !important;}
.top-bar{padding-top: 7px;}

}

 
@media (max-width:575px){
 
table#cart tbody td {padding-left: 85px;}
table#cart tbody td:before { width: 69px;}
.cart-suborder ul { max-width: 100%;}
.cart-table .img-responsive {  width: auto;  height: auto;}
.cart-order-view .btn, 
.cart-order-view .btn, 
.cart-order-view button { min-width: auto;padding: 14px 10px;}
.shop-menu { position: fixed; background: #303f50; bottom: 0px; margin: 0px; left: 0px; z-index: 99; width: 100%; text-align: center; }
.header-search {width: 100%;}
.header-search button {min-width: auto;}
form.search-form .form-control { padding-right: 98px;}
.banner-txt .bnr-title { font-size: 40px;}
.banner-txt p { font-size: 17px; line-height: normal;}
.back-to-top { bottom: 10px;  right: 10px;}
.shop-menu ul.list-style > li a { padding: 0px 5px;}
a.whatsapp-link { bottom: 60px;   left: 15px;}
.inner-banner:before { background: linear-gradient(45deg, #fff, transparent);}
.bnr-title{font-size: 35px;}
h1 {font-size: 35px;}
h2 {font-size: 33px;}
h2 {font-size: 33px;}
h3 {font-size: 30px;}
h4 {font-size: 25px;}
.search-result {display: block !important; width: 100%; text-align: center; margin-bottom: 10px;}
ul.pagination li {margin-right: 6px;}
.prod-slider.bg-light {  padding: 0px; margin-bottom: 15px;  background: transparent !important;}
.prd-view.quantity ul li span { min-width: auto;}
.prd-view.quantity button { min-width: auto;    padding: 14px 12px;}
div#custom-tab1 { display: none;}

.responsive-tab .cust-nav1{display: none;}
.responsive-tab .tab-content>.tab-pane {display: block; margin-bottom: 10px;}
.responsive-tab .card-header { margin-bottom: 5px; } 
.responsive-tab .card-header { padding: 0px; } 
.responsive-tab .card-header a { padding: 10px 15px; display: inline-block; width: 100%; color: #292929; } 
.responsive-tab .card-header{border: 0px;     margin: 0px;}
.login-box button.mr-4 { margin-right: 10px !important;}
.login-box a.vam { font-size: 16px;}
.login-box h1.text-center.mb-5 { margin-bottom: 25px !important;}
table#cart tbody td:before {left: 0px; font-size: 15px;  line-height: normal;}
.checkout-container .p-4 {padding: 10px 0px!important;}
.shop-menu ul.search-box {position: fixed; bottom: 50px; left: 0px; z-index: 1; background: #fff;  pointer-events: all !important;  top: auto;  width: 100%;}
.copyright { margin-top: 50px;}

}