@media (max-width:1199.98px){ 
.container-left {padding-left: calc(50% - 450px);}
.bnr-itme .item-bx { max-width: 255px;}
.item-bx-img { width: 65px;  height: 100px;}
.item-bx-txt { font-size: 14px; font-weight: 600;   max-width: 185px;}
.item-bx-txt h6 {margin-bottom: 6px; font-weight: 700; font-size: 14px;}
.feature-box{padding: 0px;}
.cnt-img { width: 80px; height: 80px;}
.profile-menu li {font-size: 12px;  margin-right: 10px;}
ul.profile-menu span {font-size: 21px;}
.cnt-txt h6 { font-size: 18px;  font-weight: 600;}
.product-bar { padding-right: 0px;}
#cart .col-sm-2,
#cart .col-sm-10 { max-width: 100%;  -webkit-box-flex: 0;  -ms-flex: 0 0 100%; flex: 0 0 100%;  max-width: 100%;  }
table#cart { min-width: 900px;}
table#cart tr td img {margin-bottom: 10px; max-width: 130px;}
.panel-body { padding: 10px;}
}


@media (max-width: 991.98px){ 
.container{max-width:100%;} 
.nav ul.main-menu {display: none !important;} 
.toggle-mobile, .cross { display: inline-block !important; }
.container-left { padding-left: 15px;}
.sm-hide{display: none;}
.cont-info a { margin-right: 10px;  letter-spacing: 0;}
.item-bx-txt { font-size: 14px;  font-weight: 600;  max-width: 169px;}
.hero-slider .owl-nav {  position: relative;  text-align: center !important;  margin: auto; right: auto;bottom: 20px; transform: matrix(1, 0, 0, 1, 0, 0);}
.menu { display: none;}
ul.profile-menu {display: inline-block; margin-right: 20px;}
.bnr-txt .heading-1 {letter-spacing: 1px; font-size: 45px;}
.bnr-txt .heading-1 span { letter-spacing: 0px;  font-size: 40px;}
.main-cat-box-img {height: 130px;}
button.whlist-btn { width: 34px; height: 35px;  font-size: 17px;}
#quick-view .modal-dialog { max-width: 90%;}
.prd-info {padding: 15px 10px;}
.prd-action .btn {font-size: 12px;}
.prd-action span { font-size: 20px;}
.container-sm { padding: 0px 15px;}
.test-slider { padding: 35px 15px 20px;}
.site-logo { margin-left: 0px;}
.cnt-img{margin-bottom: 20px;}
.inner-banner { padding: 65px 0px 65px;}
.prd-box-img.main-cat-box {height: 150px;}
.product-bar .prd-action a { font-size: 15px; padding: 13px 11px;}
.filter-btn.sm-btn { display: inline-block;}

.fillter-bar { position: fixed; left: -100%; z-index: 11; background: #fff; top: 0px; height: 100vh; width: 320px; padding: 15px; 
	-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; overflow-y: auto; } 
.filter-cls { display: inline-block; background: transparent; color: #000; position: absolute; right: 0px; top: 0px; z-index: 99; } 
.fillter-open .fillter-bar { left: 0px; }
.prd-action ul li strong {display: block;}
.contact-box address { padding: 25px 15px;}
.contact-page .pl-50{padding-left: 15px;}
.contact-box address h6{font-size: 15px;}
.table-container { overflow-x: auto;}


}
 
 
 
@media (max-width:767.98px){ 
 
.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;}
.map iframe {height: 300px !important;}
.cont-info {text-align: center;} 
.slider-item-section { position: relative;  bottom: 0px;   padding-top: 50px;}
.item.bg { padding: 50px 0px;  height: auto;}
.bnr-txt { margin-bottom: 0px;}
.bnr-itme .item-bx {margin-bottom: 15px; text-align: left;  float: none;  display: inline-block; padding: 0px 8px;}
.bnr-itme { text-align: center; }
.main-cat-box-img { height: auto;}
.main-cat-box-img img { height: auto !important;}
.prod-slider { margin-bottom: 30px;}
.feature .col-lg-7 {padding-right: 15px;}
.feature-box { padding: 0px; max-width: 320px;  margin: auto;   margin-bottom: 30px;}
.cnt-img { margin-bottom: 20px;}
.cta-section { text-align: center;}
.cta-section h4 { margin-bottom: 10px;}
h1 {font-size: 30px;}
h2 {font-size: 28px;}
.default-pg-img { max-width: 100%; width: 100%;  margin-right: 0px !important; text-align: center;}
.inner-banner { padding: 50px 0px 50px;}
.inner-banner h1{margin-bottom: 10px !important;}
.prd-box-img.main-cat-box { height: auto;}
.search-result { margin-bottom: 10px;}
.review-tab-action.border-bottom button { position: relative;  margin-bottom: 20px;}
.contact-box { padding-top: 30px;}
.account-login h1 { font-size: 30px;}
label.remeber-label.pointer { font-size: 14px;}


}

 
@media (max-width:575px){
 
.profile-menu li a { font-size: 0px;}
ul.profile-menu {margin-right: 10px;}
ul.profile-menu span { font-size: 20px;  vertical-align: text-bottom;}
ul.profile-menu { margin-right: 13px;}
.cont-info a {font-size: 11px;}
.bnr-sub-heading { font-size: 20px; margin-bottom: 15px;}
.bnr-txt .heading-1 span { letter-spacing: 0px;  font-size: 30px;}
.bnr-txt .heading-1 { font-size: 32px; line-height: normal;}
.bnr-itme .item-bx { max-width: 100%; margin-right: 0px;   width: 100%;}
.nav-right-top .owl-nav {  position: relative;  right: 0px;  top: 10px;}
h2 {font-size: 30px;}
#quick-view .modal-dialog { max-width: 95%;}
.prd-detial-txt { padding-right: 0px;}
.prd-detial-txt select{max-width: 100%;}
.fs-30 {font-size: 25px;}
.prd-detial-txt .whlist-btn { position: relative;}
.prd-action input[type="number"] {width: 70px;}
.prd-action ul li strong { display: block;}
.back-to-top { right: 15px;}
.ser-box h6 { font-size: 14px;}
.ser-box p { font-size: 14px;}
.responsive-tab .cust-nav1{display: none;}
.responsive-tab .tab-content > .tab-pane{display:block !important;opacity:1;}
.card-header a { background: #049dbf;  color: #fff;  font-size: 16px;}
.responsive-tab .tab-txt{border-top:none;}
.prd-tabs.responsive-tab { margin-top: 0px;}
#sync2 .item img {height: 50px;}
div#accordion .card-body { padding: 15px 0px;}
.contact-box address { width: 100%;  margin-right: 0px !important; margin-bottom: 20px;}
.field-sm { width: 100%; padding: 0px;  margin-bottom: 14px;}
.field .field-sm:last-child {margin-bottom: 0px;}


.visible-xs { display: block;}
.hidden-xs {display: none!important;}
table#cart thead { display: none;}
table#cart tbody td { display: block;    padding: .6rem;    width: 100%;}	
table#cart tbody td:before { content: attr(data-th);    font-weight: bold;    display: inline-block;    width: 8rem;}
tr.visible-xs { display: table-row!important;}
table#cart tfoot td { display: block;}	
table#cart tbody td .form-control { display: inline !important;}	
table#cart tbody td input[type="number"] { max-width: 100px;}
td.actions {  text-align: left;}	
td[data-th="Subtotal"].text-center { text-align: left !important;}	
table#cart { min-width: 100%; max-width: 100%;}
table#cart tbody td.actions .btn {float: none;}
table#cart tbody td img {  max-width: 200px;  margin-bottom: 10px;}
.table-container { overflow-x: hidden;}
.checkout-container .p-4 { padding: 15px 0px !important;}
.checkout-container .input-group-append .btn { min-width: auto !important;  padding: 13px 9px !important;  font-size: 13px; 
	font-weight: 500;}
table#cart tbody td .w-250 { width: auto;}


}

 
