@media only screen and (min-width: 1600px) {

}

@media (min-width: 1200px) {
  
   
}


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

@media  (max-width: 1400px) {
	section.product-list-wrapper {
		padding: 20px 2vw;
		min-height: 100vh;
		/* background-color: #fff; */
	}
}

@media (min-width:1200px) and (max-width: 1400px) {
	
   
}

@media (min-width:1024px) and (max-width: 1200px) {

}
@media (min-width:1024px) and (max-width: 1200px) {
	 
}

@media (min-width:768px) and (max-width: 1024px) {
.slide-holder.container {
    padding: 0px 2vw;
    max-width:100%;
   
}


	
	li.nav-item.dropdown:after{
		right:20px;
		top: 30px;
	}
	ul.navbar-nav.navbar-right-menu li a.nav-link{
		padding:20px 20px;
	}
	.search_bar input[type=text]{
		width:100%;
	}
	.filter-btn{
				display:inline-block;
				padding: 0px 5px;
				font-size: 20px;
				line-height: 20px;
				cursor: pointer;
			}

	li.nav-item.dropdown:hover ul.nav-dropdown {
				display:none;
			}
			li.nav-item.dropdown  ul.nav-dropdown.show{
				display:block;
			}

	.side-filter{
		display:none;
	}
	.side-filter.show{
				display: block;
				position: fixed;
				top: 0;
				left: 0;
				width: 80%;
				height: 100vh;
				z-index: 9999;
				background-color: #fff;
				box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
			}

	.banner-section .owl-nav{
		display:none;
	}
	.banner-section{
		margin-bottom:20px;
	}
	.banner-section .owl-dots{
		bottom:-30px;
	}
	.myorders-holder .tab-content{
		padding:5px;
	}
	.myprofile-info{
		
padding: 5px;
		
box-shadow: none;
	}
	
	.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}
	.nav-tabs .nav-link.active{
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}
	.nav-tabs .nav-link{
		padding: 4px 6px;
		font-size: 12px;
	}
	ul.featured-brand-list li{
		width:auto;
	}
	.cart-wrap{
		padding: 15px;
	}
	.cart-items{
		border-radius:0px;
		box-shadow:none;
		padding: 0px;
		background-color: transparent;
	}
	.main-heading{
		font-size:18px;
		margin-bottom:10px
	}
	p.item-price{
		
font-size: 16px;
	}
	p.item-price strike{
		font-size:12px;
	}
	p.item-price span{
		font-size:14px;
	}
	.product-imgs{
		/* border:none; */
		border: 1px solid #d37000;
		margin-top: 15px;
	}
	
	.product-imgs img.big-img{
		height:200px;
	}
	a.write-review-btn{
		
font-size: 9px;
	}
	h3.product-price{
		font-size: 16px;
	}
	h3.product-price strike{
		font-size:12px;
	}
	h2.product-name{
		font-size: 16px;
		margin-bottom: 10px;
		margin-top: 10px;
	}
h5.desp-title{
	font-size:12px;
}
	.side-nav-categories{
		box-shadow:none;
	}
	.main-itemlist .slider-title{
		box-shadow:none;
		border:none;
		padding: 0;
		margin: 10px 0px;
	}
	.main-itemlist{
		padding: 10px 15px;
		/* border: none; */
		margin: 0;
	}
	
	
	
	.form-section.register-form{
		width:100%;
		background-color: rgb(255 255 255 / 70%);
	}

	.brand-logo{
			/* width:100%; */
			margin: 20px auto;
			display: none;
	}
	.form-section.login-form{
		width:100%;
		background-color: rgb(255 255 255 / 70%);
	}
	ul.top-ofthe-day-list li a .item-name {
		font-size:12px;
	}
	ul.top-ofthe-day-list li{
		padding:5px;
		margin: 5px;
		width: 45%;
	}
	.star-rating ul.list-inline{
		font-size:10px;
	}
	.thumb-content h4.item-name{
		font-size:12px;
	}
	ul.best-offer-slider li{
		width: 37%;
		padding: 5px;
	}
	ul.best-offer-slider{
		height: auto;
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
	}
	.top-offers ul.top-offers-list{
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
		padding: 10px 0px;
	}
	ul.best-offer-slider li .grid-title{
		width:100%;
		font-size:12px;
		padding: 10px;
	}
	ul.best-offer-slider li .grid-card{
		padding:0px;
	}
	.best-offer-slider .grid-img-holder{
		width:auto;
	}
	section.slide-wrapper.deals{
		width:100%;
		padding: 15px!important;
		margin-right: 0px;
		border:none;
	}
	section.slide-wrapper.offers{
		width:100%;
		padding: 15px!important;
		margin-right: 0px;
	}
	section.slide-wrapper.offers .slide-holder ul.top-offers-list .owl-nav{
		top:-50px;
	}
	section.slide-wrapper.top-offers ul.top-offers-list li{
		margin:5px;
		width: 33%;
	}
	section.slide-wrapper.offers-deals ul.top-offers-list li{
		margin:5px;
		width: auto;
	}
	ul.top-offers-list li .grid-img-holder{
		width: auto;
		display: block;
	}
	ul.top-offers-list li .item-name{
		width:100%;
		font-size: 12px;
		text-align:center;
		padding: 5px;
		min-height: 55px;
		overflow-wrap: break-word;
	}
	
	
	.slide-wrapper{
		padding: 0px!important;
	}
	.slider-title{
		margin-bottom:10px;
		padding: 5px 0;
	}
	.slider-title h4.title-head{
		font-size:18px;
		padding: 10px;
	}
	span.cart-quantity-badge{
		
	}
	header.desktop-header{
		z-index:9999;
	}
	
.navbar-light .navbar-brand{
	width: 130px;
}

li.nav-item.dropdown ul.nav-dropdown{
	
position: relative;
}
}

@media (max-width: 768px) {

	.search_bar{
		padding: 25vw 0px;
	}

	button.searchclose_btn{
		margin:0px;
	}

	.footer-top.container{
		padding:0px;
		max-width: 100%;
	}
	ul.shop-our-services-list.homepage{
		height:150px;
	}
div#main_menu {
	position:fixed;
	left:0px;
	top: 0;
	width: 80%;
	height: 100vh;
	background-color: #000;
	overflow-y: auto;
	z-index: 999999;
	overflow-x: hidden;
	transition: none;
}
	
	li.nav-item.dropdown:after{
		right:20px;
		top: 30px;
	}

	li.nav-item.mini.dropdown:after{
		right: 5px;
		top: calc(50% - 5px);
	}
	ul.navbar-nav.navbar-right-menu li a.nav-link{
		padding:20px 20px;
	}
	.search_bar input[type=text]{
		width: 80%;
	}
	.filter-btn{
				display:inline-block;
				padding: 0px 5px;
				font-size: 20px;
				line-height: 20px;
				cursor: pointer;
			}

	li.nav-item.dropdown:hover ul.nav-dropdown {
				display:none;
			}
			li.nav-item.dropdown  ul.nav-dropdown.show{
				display:block;
			}

	.side-filter{
		display:none;
	}
	.side-filter.show{
				display: block;
				position: fixed;
				top: 0;
				left: 0;
				width: 80%;
				height: 100vh;
				z-index: 9999;
				background-color: #fff;
				box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
			}

	.banner-section .owl-nav{
		display:none;
	}
	.banner-section{
		margin-bottom:20px;
	}
	.banner-section .owl-dots{
		bottom:-30px;
	}
	.myorders-holder .tab-content{
		padding:5px;
	}
	.myprofile-info{
		
padding: 5px;
		
box-shadow: none;
	}
	
	.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}
	.nav-tabs .nav-link.active{
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}
	.nav-tabs .nav-link{
		padding: 4px 6px;
		font-size: 12px;
	}
	ul.featured-brand-list li{
		width:auto;
	}
	.cart-wrap{
		padding: 15px;
	}
	.cart-items{
		border-radius:0px;
		box-shadow:none;
		padding: 0px;
		background-color: transparent;
	}
	.main-heading{
		font-size:18px;
		margin-bottom:10px
	}
	p.item-price{
		
font-size: 16px;
	}
	p.item-price strike{
		font-size:12px;
	}
	p.item-price span{
		font-size:14px;
	}
	.product-imgs{
		/* border:none; */
		border: 1px solid #d37000;
		margin-top: 15px;
	}
	
	.product-imgs img.big-img{
		height:200px;
	}
	a.write-review-btn{
		
font-size: 9px;
	}
	h3.product-price{
		font-size: 16px;
	}
	h3.product-price strike{
		font-size:12px;
	}
	h2.product-name{
		font-size: 16px;
		margin-bottom: 10px;
		margin-top: 10px;
	}
h5.desp-title{
	font-size:12px;
}
	.side-nav-categories{
		box-shadow:none;
	}
	.main-itemlist .slider-title{
		box-shadow:none;
		border:none;
		padding: 0;
		margin: 10px 0px;
	}
	.main-itemlist{
		padding: 10px 15px;
		/* border: none; */
		margin: 0;
	}
	
	
	
	.form-section.register-form{
		width:100%;
		background-color: rgb(255 255 255 / 70%);
	}

	.brand-logo{
			/* width:100%; */
			margin: 20px auto;
			display: none;
	}
	.form-section.login-form{
		width:100%;
		background-color: rgb(255 255 255 / 70%);
	}
	ul.top-ofthe-day-list li a .item-name {
		font-size:12px;
	}
	ul.top-ofthe-day-list li{
		padding:5px;
		margin: 5px;
		width: 45%;
	}
	.star-rating ul.list-inline{
		font-size:10px;
	}
	.thumb-content h4.item-name{
		font-size:12px;
	}
	ul.best-offer-slider li{
		width: 37%;
		padding: 5px;
	}
	ul.best-offer-slider{
		height: auto;
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
	}
	.top-offers ul.top-offers-list{
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
		padding: 10px 0px;
	}
	ul.best-offer-slider li .grid-title{
		width:100%;
		font-size:12px;
		padding: 10px;
	}
	ul.best-offer-slider li .grid-card{
		padding:0px;
	}
	.best-offer-slider .grid-img-holder{
		width:auto;
		height: 150px;
	}
	section.slide-wrapper.deals{
		width:100%;
		padding: 15px!important;
		margin-right: 0px;
		border:none;
	}
	section.slide-wrapper.offers{
		width:100%;
		padding: 15px!important;
		margin-right: 0px;
	}
	section.slide-wrapper.offers .slide-holder ul.top-offers-list .owl-nav{
		top:-50px;
	}
	section.slide-wrapper.top-offers ul.top-offers-list li{
		margin:5px;
		width: 33%;
	}
	section.slide-wrapper.offers-deals ul.top-offers-list li{
		margin:5px;
		width: auto;
	}
	ul.top-offers-list li .grid-img-holder{
		width: auto;
		display: block;
	}
	ul.top-offers-list li .item-name{
		width:100%;
		font-size: 12px;
		text-align:center;
		padding: 5px;
		min-height: 55px;
		overflow-wrap: break-word;
	}
	
	
	.slide-wrapper{
		padding: 0px!important;
	}
	.slider-title{
		margin-bottom:10px;
		padding: 5px 0;
	}
	section.slide-wrapper.shop-our-services .slider-title h4.title-head{
		font-size:32px;
		padding: 10px;
	}
	section.slide-wrapper.shop-our-services .slider-title h4.title-subhead{
		
font-size: 18px;
	}
	.shop-by-category .slider-title h4.title-head{
		font-size:32px;
		padding: 10px;
	}
	.shop-by-category .slider-title h4.title-subhead{
				
font-size: 18px;
	}
	.slider-title h4.title-head{
		font-size:18px;
		padding: 10px;
	}
	span.cart-quantity-badge{
		
	}
	header.desktop-header{
		z-index:9999;
		padding: 0;
	}
	
.navbar-light .navbar-brand{
	width: 130px;
}
div#main_menu {
	position:fixed;
	left:0px;
	top: 0;
	width: 80%;
	height: 100vh;
	background-color: #000;
	overflow-y: auto;
	z-index: 999999;
	overflow-x: hidden;
	transition: none;
}
li.nav-item.dropdown ul.nav-dropdown{
	
position: relative;
}
}
@media (max-width: 576px){

}

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

}

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


}
	
	
		@media only screen and (max-width:700px){
	
		}
		@media only screen and (min-width:481px) and (max-width:768px) {
			

		}
		@media only screen and (min-width:575px) and (max-width:768px){

			.app-store-link{
	width:auto;
}
	.playstore-link{
		width:auto;
	}
			header.desktop-header{
				padding-top:40px;
			}
		
			nav.navbar.navbar-expand-lg.navbar-light.primary-navbar .container{
				  padding: 0px 4vw;
    max-width:100%;
			}
			nav.navbar.navbar-expand-lg.navbar-light.secondary-navbar .container{
				  padding: 0px 4vw;
    max-width:100%;
			}
			.slide-holder.container {
    padding: 15px 4vw;
    max-width:100%;
}
			.fac-box{
				margin:5px;
			}
.footer-logo{
	margin: 15px auto;
}
ul.footer-menu{
	text-align: left;
	padding: 5px 10px;
	column-count: 1;
}
			body{
		font-size:14px;

	}

	.item-holder{
		padding: 15px;
	}
	.thumb-wrapper{
		margin-bottom:10px;
	}
ul.shop-our-services-list li .item-name{
	font-size:16px;
}
ul.shop-our-services-list li .grid-card{
	height:90px;
}
span.mob-icon {
	display:inline-block;

	vertical-align: middle;
	padding: 10px;
}
span.mob-icon i.bi {
		font-size: 16px;
		line-height: normal;
}
span.mob-icon i.fa {
	font-size: 20px;
	line-height: normal;
}

ul.shop-our-services-list li{
		margin:5px;
		width: 25%;
		border: 3px solid #d37000;
	}
.secondary-navbar ul.navbar-nav.navbar-right-menu{
	float:right;
}
		}

		@media only screen and (max-width:575px){
			span.desk-icon{
	/* display:none; */
}
			.footer-logo{
				width:200px;
			}
				.app-store-link{
	width:200px;
}
	.playstore-link{
		width:200px;
	}
			.crown-logo-holder{
				border-right:none;
			}
	button.mob-search-btn  {
		-webkit-appearance: button;
		color: #fff;
		background-color: transparent;
		border: none;
		font-size: 18px;
		width: 55px;
		display: inline-block;
		right: 50px;
		position: absolute;
		line-height: 1;
		padding: 10px 10px;
		appearance: none;
		-webkit-appearance: none;
	}
	button.mob-search-btn:focus {
		border: none;
	}

		nav.navbar.navbar-expand-lg.secondary-navbar{
			display:none;
		}
		#main_menu ul.navbar-nav.navbar-right-menu li.nav-item.active {
    border-bottom: 2px solid #b48a0f;
    background-color: #b48a0f;
}
		body{
			font-size:10px;
			background-color: #fff;
			padding-bottom:60px;
		}
		.react-photo-gallery--gallery img {width: 48%;height: 200px;}
		}
		@media only screen and (min-width:480px) and (max-width:575px){
			ul.shop-our-services-list li{
				width: 28%;
				margin: 5px;
			}

			ul.shop-our-services-list li .grid-card{
				
height: 100px;
			}


}
	@media only screen and (min-width:320px) and (max-width:480px){
	

}
@media only screen and (max-width:320px){

}
		@media only screen and (max-width: 480px){
			h3.alacarte-price {
				font-size: 14px;
				padding: 0px 10px;
				width: 100%;
				margin-bottom: 5px;
				}
			  
			  h3.trial-price {
				font-size: 14px;
				padding: 0px 10px;
				width: 100%;
				margin-bottom: 5px;
				}
			.cmt_username{
				font-size:12px;
			}

			section.mini-slider{
				padding:20px 0px;
			}
			.homeAbout_content p{
				font-size:12px;
			
			}
.page_coverimg_holder{
	height:150px;
}
.homeAbout_holder .img-holder{
	height: 255px;
}
			.page_coverimg_holder .title-section{
				
padding-top: 10%;
			}
.homeAbout_content .title-section .section_heading{
	font-size: 34px;
}
.homeAbout_content .title-section .section_caption{
		
margin-top:-10px;
				
font-size: 18px;
}
			.title-section .section_heading{
				font-size: 34px;
			}
			.title-section .section_caption{
				
margin-top: 0;
				
font-size: 18px;
			}
.search_bar input[type=text]{
	font-size:12px;
}
			.custom-datepicker{
				padding:0px;
				margin-bottom: 10px;
			}

			.custom-datepicker .time-slots{
				width:100%;
				/* white-space: nowrap; */
				overflow-y: auto;
				border: navajowhite;
				padding: 0px;
				margin-bottom: 10px;
				margin-top: 10px;
			}
			.custom-datepicker .time-slots .btn{
				
padding: 4px 6px;
				
font-size: 12px;
				
width: auto;
				
border-radius: 4px;
				
border: none;
				
line-height: normal;
			}

			section.slide-wrapper.shop-our-services.services-page{
				height:100vh;
			}

			section.slide-wrapper.shop-our-services.services-page ul.shop-our-services-list{
				
white-space: normal;
				
overflow: auto;
			}

			.user-comments{
		margin-bottom: 5px;
		padding: 0px;
		border-bottom: 1px solid #ddd;
	}
	.new-comment-section{
		padding:0px;
		margin:10px 0px;
	}

			.footer-top.container, .footer-copyright{
		display:none;
	}
.myorders-holder{
		padding:5px;
		box-shadow: none;
		border-radius: 0;
}
			body{
		font-size:10px;
background-color: #fff;
	}
	

ul.shop-our-services-list li{
		margin:5px;
		width: 22%;
	}
			
			
			ul.order-list li.order-content{
				padding:10px
			}
			div#myaccount-info{
				padding:0px
			}
			.card-body.myaccount-info{
				padding:5px;
			}

			.content-wrapper{
				padding:0px;
			}

			

			.pricing__total .pricing__price{
				font-size:18px;
			}

			.checkout-total{
				width: 50%;
				margin-bottom: 0;
				display: block;
				float: left;
				padding: 0px 0px;
			}
			.checkout-total .total-label{
				width:100%;
				font-size: 11px;
				line-height: normal;
			}
			.checkout-total .price-total{
				
text-align: left;
				
float: left;
				
font-size: 16px;
				
line-height: normal;
			}
			.checkout-total .total-label .showdetail-btn{
				font-size: 9px;
				display: inline-block;
				padding: 0px 5px;
			}
			tr.total-row{
				display: table-row;
			}
			.cart-totals .total-details {
    padding: 10px;
    display: none;
}
.cart-totals .total-details.show{
  display:block;
}

			.table-cart .img-product{
				
height: auto;
			}
			.coupon-box .coupon-input.input-group input{
				font-size:10px;
			}
			 .coupon-box .coupon-input.input-group button.btn-apply-coupon{
				font-size:10px;
			}
			.f.checkout-summary-detail{
				padding: 5px;
				display:none;

			}
			.f.checkout-summary-detail.show{
				display:block;
			}
			.checkout__summary{
				box-shadow:none;
				border:none;
				position: fixed;
				bottom: 60px;
				left: 0;
				width: 100%;
				padding: 5px;
				background-color: #fff;
				z-index: 999;
				box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
				border-radius: 0px;
			}
			.form__footer{
				/* position: fixed; */
				/* top: auto; */
				/* bottom: 60px; */
				/* left:0; */
				/* width:100%; */
				/* padding:5px; */
				/* background-color: #fff; */
				/* z-index: 999; */
				/* visibility: inherit; */
				display: block;
			}
			.form__footer button.btn.btn-continue{
				width: 49%;
				float: left;
				font-size: 12px;
			}
			.checkout{
				padding:0px;
				
			}
			.checkout__form{
				border:none;
				border-radius:0px;
				z-index: 0;
				position: static;
			}
			#page-container{
				margin-bottom:60px;

			}
			.btn-cart-totals .btn.btn-checkout{
				width: 50%;
				height: auto;
				font-size: 12px;
				padding: 8px 5px;
				line-height: normal;
			}
			.btn-cart-totals .btn.btn-login-checkout{
				width: 49%;
				height: auto;
				font-size: 12px;
			}
			.btn-cart-totals{
				/* position:fixed; */
				/* width: 100%; */
				margin: 0px;
				bottom: 60px;
				left: 0;
				padding: 0px 5px;
				background-color: #fff;
			}
			.cart-totals table tr td.price-total{
				font-size:18px;
				padding: 0;
			}
			.cart-totals h3.main-heading{
				font-size:18px;
			}
			.cart-totals table tr td.subtotal{
				font-size:16px;
			}
			.cart-totals{
				border-radius:0px;
				box-shadow:none;
				padding: 0px;
				position: fixed;
				width: 100%;
				margin: 0px;
				bottom: 58px;
				left: 0;
				padding: 8px;
				background-color: #fff;
				box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
			}
.table-cart .price{
	font-size: 12px;
}
			.table-cart .name-product{
				font-size: 12px;
				margin-bottom: 5px;
				padding-top: 0;
			}
			.product-count{
				/* float:left; */
				padding: 5px 0px;
			}
			.count-inlineflex{
				border:1px solid #d37000
			}
			.product-count .qtyminus, .product-count .qtyplus{
				
line-height: 20px;
				
height: 20px;
				
width: 20px;
			}
			.total{
				/* float:right; */
				padding: 0px 0px;
				font-size: 16px;
			}
			ul.shop-our-services-list li .grid-img-holder{
				
height: 100px;
				
width: 100%;
			}
section.product-list-wrapper{
	padding: 0px 0px;
}
			ul.top-offers-list li{
				width: 33%;
			}
			.slider-title{
				padding:5px;
				margin-bottom:10px;
			}
			section.slide-wrapper.shop-our-services .slider-title h4.title-head{
				font-size:34px;
				padding: 5px 5px;
			}
			section.slide-wrapper.shop-our-services .slider-title h4.title-subhead{
				margin-top: -5px;
				font-size:18px;
			}
			.shop-by-category .slider-title h4.title-head{
				font-size:34px;
				padding: 5px 5px;
			}
			.shop-by-category .slider-title h4.title-subhead{
				margin-top: -5px;
				font-size:18px;
			}
			.slider-title h4.title-head{
				font-size: 34px;
				padding: 5px 5px;
			}
			.slide-holder.container{
				padding: 15px;
			}

			.slide-wrapper{
				
padding: 15px;
			}
ul.shop-our-services-list{
	overflow-x: scroll;
	overflow-y: hidden;
	white-space:nowrap;
}
ul.best-offer-slider li{
	width:70%;
}
ul.shop-our-services-list.homepage{
	height:auto;
	/* overflow: visible; */
}
			ul.shop-our-services-list li{
				
margin: 5px;
				
width: 45%;
				
border: 2px solid #d37000;
			}
			ul.shop-our-services-list li .grid-card{
				
height: auto;
			}
			ul.shop-our-services-list li .item-name{
				
font-size: 11px;
			}

			.item-holder .thumb-wrapper{
		box-shadow:none;
		border:1px solid #ddd;
		padding:0px;
		margin-left:-1px;
		border-radius: 0;
		margin-bottom: -1px;
	}
	.item-holder{
		padding:0px;
		margin-bottom: 0px;
	}
	.item-holder.featured-item{
		margin-bottom: -1px;
	}
	.featured-itemlist{
		
height: auto;
		
overflow-y: visible;
	}
	.side-img-holder{
		
height: 365px;
		
margin-bottom: 20px;
	}

		}