/* =====================================
Template Name: Eshop
Author Name: Naimur Rahman
Author URI: http://www.wpthemesgrid.com/
Description: Eshop - eCommerce HTML5 Template.
Version:1.0
========================================*/
/* Mobile Screen */

@media only screen and (min-width: 425px) and (max-width:776px){
	.cart-sidebar .cart-box img {
		max-width: 90px;
		max-height: 90px;
		object-fit: cover;
		border-radius: 6px;
	}


	#formAppend p{ 
		margin-bottom: 1rem; 
		margin-top: 1rem; 
	} 
	 
	.shop.single .page-targated{ 
		margin-top: 10px; 
	} 
}

@media only screen and (min-width: 576px) and (max-width:776px){
	.mega-sidebbar {
		
		width: 60%;
		
	}
	
}


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



	.footer-btn {
		width: 100%;
		
	}


	.cstm-dashboard .shippping .shipping-card .edit-btn ,
	.cstm-dashboard .shippping .shipping-card .delete-btn ,
	
	.cstm-dashboard .shippping .shipping-card .edit-btn-2 {
		width: 50%;
	}	
	.shop.order .order-summary .order-info span {
		
		max-width: 200px;
		
	}
	.shop .shop-shorter .single-shorter input {
max-width: 260px;
	}
	.site-header.sticky .header-bottom {
		position: absolute;
		z-index: 999;
		top: initial;
		left: 0;
		bottom: initial;
	}
	.site-header .header-bottom {
		width: 100%;
		z-index: 333;
		position: absolute;
		position: relative;
		padding-bottom: 20px;
		background: #333;
	}
	.slicknav_menu {
		display: block;
	}
	.slicknav_menu {
		display: block;
		background: transparent;
		padding: 0;
	}
	.slicknav_btn {
		background: transparent;
		padding: 0;
		margin: 6px 0 0;
	}
	.slicknav_menu .slicknav_icon-bar {
		box-shadow: none;
	}
	.skill-image {
		display: none;
	}
	.slicknav_nav {
		clear: both;
		color: #fff;
		margin: 0;
		background: transparent;
		padding-top: 15px;
	}
	.slicknav_nav li a {
		margin: 0;
		color: #333;
		background: transparent;
		overflow: hidden;
	}
	.slicknav_nav li a i {
		display: none;
	}
	.slicknav_nav li:hover a {
		color: #F7941D;
		background: transparent;
	}
	.slicknav_nav li:hover {
		background: transparent;
	}
	.slicknav_nav li .dropdown li:hover {
		background: transparent;
	}
	.slicknav_nav li .dropdown li a {
		color: #555;
		background: transparent;
	}
	.slicknav_nav li .dropdown li a:hover {
		color: #F7941D;
		background: transparent;
	}
	.slicknav_nav li .slicknav_item {
		background: transparent;
	}
	.slicknav_nav .slicknav_row,
	.slicknav_nav a {
		padding: 0;
		margin: 0;
		padding: 6px 0;
		font-weight: 500;
	}
	.slicknav_nav li:last-child a {
		padding-bottom: 0px;
	}
	.slicknav_menu .slicknav_icon-bar {
		background-color: #F7941D;
		box-shadow: none;
		text-shadow: none;
	}
	.slicknav_nav .slicknav_arrow {
		color: #F7941D;
	}
	.slicknav_menu .slicknav_icon-bar {
		display: block;
		width: 25px;
		height: 3px;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		border-radius: 1px;
		-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .25);
		-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .25);
		box-shadow: 0 1px 0 rgba(0, 0, 0, .25);
	}
	.slicknav_nav li .slicknav_item:hover {
		background: transparent;
		;
	}
	.shop.single {
		padding: 20px 0 30px 0;
	}
	.header.shop .search-bar-top {
		display: none;
	}
	.header.shop .right-bar {
		display: none;
	}
	.header.shop .logo {
		margin: 0;
	}
	.section {
		padding: 50px 0px;
	}
	.section-title {
		margin-bottom: 30px;
		padding: 0px 20px;
	}
	.section-title h2 {
		font-size: 22px;
		margin-bottom: 20px;
	}
	.section-title p {
		font-size: 13px;
	}
	.breadcrumbs {
		padding: 20px 0;
	}
	.header.shop .topbar {
		background: #fff;
	}
	.header.shop .topbar .top-left {
		text-align: center;
	}
	.header.shop .topbar .right-content {
		text-align: center;
		float: none;
		margin-top: 8px;
	}
	.header.shop .list-main li {
		border: none;
		padding: 0;
		display: block;
		padding: 5px 0;
		border-bottom: 1px solid #eee;
		text-align: left;
		color: #333;
	}
	.header.shop.v3 .topbar .inner-content {
		border: none;
		padding: 0;
	}
	.header.shop .list-main li a {
		color: #333;
	}
	.header.shop .list-main li a:hover {
		color: #fff;
		text-decoration: underline;
	}
	.header.shop .top-left .list-main li i {
		color: #fff;
	}
	.header.shop .list-main li i {
		color: #fff;
	}
	.header.shop .topbar .right-content {
		margin-top: 0px;
		border-top: 1px solid #ffffff87;
	}
	.header.shop .search-bar {
		width: 445px;
	}
	.header.shop .search-bar input {
		padding: 0 52px 0 20px;
		width: 264px;
	}
	.header.shop .all-category {
		display: none;
	}
	.header .header-inner {
		display: none
	}
	.header.shop .nav li .new {
		display: none !important;
	}
	.hero-slider {
		height: 350px;
	}
	.hero-slider .hero-text {
		margin-top: 60px;
	}
	.hero-slider .hero-text h1 {
		font-size: 30px;
		margin-bottom: 0px;
	}
	.hero-slider .hero-text h1 span {
		font-size: 15px;
		margin-bottom: 0;
	}
	.hero-slider .hero-text p {
		color: #333;
		margin-bottom: 28px;
	}
	.hero-slider .hero-text .btn {
		padding: 10px 25px;
	}
	.hero-area3 .big-content .inner {
		padding: 30px;
	}
	.hero-area3 .small-content {
		height: 210px;
	}
	.hero-area3 .small-content .title {
		font-size: 16px;
	}
	.hero-area3 .small-content .button .btn {
		font-size: 12px;
	}
	.product-area .nav-tabs .nav-item {
		margin-bottom: 10px;
	}
	.small-banner {
		padding: 18px 0;
	}
	.small-banner .single-banner {
		margin-bottom: 18px;
	}
	.small-banner .single-banner p {
		font-size: 13px;
	}
	.small-banner .single-banner .content {
		padding: 12px 10px 10px 35px;
	}
	.small-banner .single-banner h3 {
		font-size: 17px;
	}
	.small-banner .single-banner a {
		margin-top: 15px;
		font-size: 11px;
	}
	.midium-banner .single-banner .content {
		padding: 15px 10px 10px 30px;
	}
	.midium-banner .single-banner {
		margin-bottom: 15px;
	}
	.midium-banner .single-banner h3 {
		font-size: 17px;
		line-height: 22px;
	}
	.midium-banner .single-banner a {
		padding: 5px 20px;
		margin-top: 15px;
		font-size: 12px;
	}
	.most-popular .single-product {
		margin: 20px 15px 0 15px;
	}
	.shop-home-list {
		padding-top: 0;
	}
	.shop-home-list .shop-section-title {
		margin-top: 20px;
	}
	.shop-home-list .single-list .content {
		padding: 0;
		padding: 20px;
		text-align: center;
	}
	.cown-down {
		height: auto;
	}
	.cown-down .content .title {
		font-size: 20px;
	}
	.cown-down .padding-left {
		padding: 0;
	}
	.cown-down .padding-right {
		padding: 0;
	}
	.cown-down .content {
		padding: 30px 20px;
	}
	.cown-down .content .price {
		margin-top: 22px;
		font-size: 25px;
	}
	.cown-down .content .price s {
		font-size: 20px;
	}
	.cown-down .content .heading-block {
		padding: 0;
		position: relative;
	}
	.shop-blog .shop-single-blog {
		margin-bottom: 30px;
	}
	.shop-services {
		padding: 50px 0;
	}
	.shop-services .single-service {
		padding: 42px 0 18px 0;
		text-align: center;
	}
	.shop-services .single-service i {
		height: 40px;
		width: 40px;
		line-height: 40px;
		font-size: 24px;
		top: 0;
		left: 50%;
		margin-left: -20px;
	}
	.shop-services.home {
		padding: 25px 0;
	}
	.shop-newsletter .newsletter-inner input {
		width: 100%;
		height: 42px;
		padding: 0 12px 0 15px;
		border-radius: 30px;
		margin-bottom: 10px;
		display: block;
		text-align: center;
	}
	.shop-newsletter .newsletter-inner .btn {
		height: 42px;
		padding: 10px 15px;
		width: 100%;
		border-radius: 30px;
		left: 0;
		display: block;
	}
	.shop-blog .shop-single-blog .content {
		padding: 28px;
	}
	.shop-blog.grid .shop-single-blog {
		margin-top: 0px;
	}
	.shop.checkout .checkout-form h2 {
		font-size: 20px;
		font-weight: 600;
	}
	.shop.checkout .checkout-form p {
		font-size: 14px;
		font-weight: 400;
		margin-top: 5px;
		margin-bottom: 25px;
	}
	.shop.checkout .single-widget.get-button .btn {
		height: auto;
		font-size: 13px;
		padding: 12px;
	}
	.shop.login .login-form h2 {
		font-size: 24px;
		margin-bottom: 8px;
		padding-bottom: 12px;
	}
	.shop.login .login-form p {
		font-size: 13px;
		margin-bottom: 30px;
		line-height: 18px;
	}
	.shop.login .form .btn {
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	.shop.login .login-form .lost-pass {
		margin-left: 0;
	}
	.shop .single-shorter label {
		margin: 8px 5px 0 0;
	}
	.shop .nice-select {
		width: 100%;
		margin-top: 0px;
	}
	.shop .view-mode {
		width: 100%;
		display: flex;
		justify-content: center;
		gap: 20px;
		align-items: center;
	}
	.shop .view-mode li {
		display: inline-block;
		margin-right: 5px;
		display: inline-block;
		/* margin-top: 4px; */
		/* width: 100%; */
		/* display: block; */
		/* display: inline-block; */
	}
	.shop .view-mode li a {
		width: 20px;
		height: 20px;
		background: transparent;
		text-align: center;
		line-height: 32px;
		color: #888;
		border-radius: 0px;
		display: inline-block;
		/* margin-bottom: 10px; */
	}
	.shop.single .rating-author {
		margin-right: 0;
	}
	.shop.single .rating-des {
		padding: 17px 20px 17px 95px;
	}
	.blog-single .blog-title {
		font-size: 20px;
		margin: 20px 0 10px 0;
	}
	.blog-single blockquote {
		padding: 15px 15px 15px 60px;
	}
	.blog-single blockquote i {
		font-size: 25px;
	}
	.main-sidebar {
		padding: 25px;
	}
	.main-sidebar .side-tags .tag {
		margin-top: 30px;
	}
	.blog-single .comments .single-comment.left {
		margin-left: 0;
	}
	.blog-single .reply form {
		padding: 0;
		border: none;
	}
	.blog-single .reply .form-group {
		margin-bottom: 15px;
	}
	.blog-single .reply .form-group input {
		height: 42px;
	}
	.blog-single .reply .form-group textarea {
		height: 120px;
	}
	.blog-single .reply .button .btn {
		height: 45px;
		border: none;
		padding: 0px 20px;
		width: 100%;
	}
	.blog-single.grid .pagination {
		float: none;
		text-align: center;
		margin-top: 12px;
	}
	.error-page .error-inner h2 {
		font-size: 55px;
	}
	.error-page .error-inner h5 {
		font-size: 16px;
		font-weight: 500;
	}
	.error-page .error-inner p {
		line-height: 20px;
		font-size: 14px;
		padding: 0 20px;
	}
	.error-page .button .btn {
		padding: 8px 20px;
	}
	.contact-us .title h4 {
		font-size: 15px;
	}
	.contact-us .title h3 {
		font-size: 18px;
	}
	.contact-us .form-main {
		padding: 0px;
		border: none;
		box-shadow: none;
	}
	.contact-us .single-head {
		padding: 0px;
		border: none;
		box-shadow: none;
		margin-top: 40px;
	}
	.contact-us .single-info {
		text-align: center;
	}
	.contact-us .single-info i {
		display: inline-block;
	}
	.contact-us .single-info .title {
		font-size: 16px;
	}
	.contact-us .form .form-group textarea {
		height: 150px;
	}
	.contact-us .form .button .btn {
		width: 100%;
	}
	.mail-success .mail-inner h2 {
		font-size: 22px;
	}
	.mail-success .mail-inner p {
		line-height: 21px;
		font-size: 13px;
	}
	.mail-success .mail-inner .btn {
		padding: 8px 28px;
	}
	.footer .footer-top {
		padding: 12px 0px;
	}
	.footer .links ul li {
		margin-bottom: 5px;
	}
	.footer .single-footer h4 {
		margin-bottom: 12px;
	}
	.footer .copyright .left {
		float: none;
		text-align: center;
	}
	.footer .copyright .right {
		float: none;
		text-align: center;
		margin-top: 10px;
	}
	.footer .single-footer {
		padding: 12px 0;
	}
	.modal-dialog .quickview-slider-active {
		display: none;
	}
	.modal-dialog .modal-content .modal-header {
		right: 15px;
		top: 12px;
	}
	.quickview-content {
		padding: 30px;
	}
	.quickview-content h2 {
		font-size: 22px;
	}
	.quickview-content h3 {
		font-size: 17px;
		margin: 10px 0 10px;
	}
	.quickview-content .quickview-peragraph p {
		line-height: 22px;
	}
	.quickview-content .size .title {
		margin-top: 10px;
	}
	.modal-dialog .modal-content .modal-header .close {
		font-size: 9px;
	}
	.quickview-content .quantity .input-group {
		margin-bottom: 10px;
	}
	.quickview-content .add-to-cart .btn {
		height: 42px;
		padding: 0 25px;
		line-height: 42px;
		font-size: 12px;
		margin-bottom: 8px;
	}
	.quickview-content .add-to-cart .btn.min {
		line-height: 41px;
	}
	.quickview-content .nice-select {
		height: 40px;
	}
	.quickview-content .quantity .input-number {
		height: 40px;
	}
	.quickview-content h2 {
		font-size: 18px;
		font-weight: 500;
	}
	.quickview-content .quickview-peragraph p {
		line-height: 21px;
		font-size: 13px;
		font-weight: 400;
	}
	.quickview-content h3 {
		font-size: 15px;
		margin: 10px 0 10px;
	}
}



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

	
	.pay-btn{
		width: 50%;
	}
}

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

	#google-pay-button-container{ 
	    width: 100%;
	}
	.paypal-buttons-layout-horizontal{
	    width: 100% !important;
	    height: 40px !important;
	}

	.cart-sidebar {
		/* min-width: 300px; */
	/* max-width: 300px; */
		min-width: 100% !important;
	}
	
}


@media only screen and (min-width: 545px) and (max-width:580px){
	.shop .shop-shorter .single-shorter input {
	
		width:400px;
		
	}
}

/* Mobile Screen */
@media only screen and (max-width: 767px) {

	.cstm-dashboard .main .single-product.product-detail .product-img a img {
    min-height: 230px !important;
    object-fit: cover !important;
    max-height: 230px !important;
    height: 100% !important;
}
.shop.cart .order-details img { 
 max-height: 90px; 
}

#cartAccordions .order-details img {
    max-height: 80px;
}


	.shop.home .map-section .location-sec {
    margin-top: 0em;
}



	.mega-grid {
		column-count: 1 !important; /* add !important to override previous styles */
		column-gap: 8px;
	  }
	.order-complete-popup .swal2-title{
		font-size: 24px;
	  }
	

	.shop.single .add-to-cart .btn {
		font-size: 12px;
	}

	

.counter .button.minus{
    order: 3;
}

.counter .button.plus{
    order: 1;
}

.counter input{
    order: 2;
}

	
	
	.shop.checkout,
	.shop.cart, .shop.contact, .shop.gallery, .shop.about, .shop.careers, .shop.career-detail {
		padding: 2.5em 0em; /* 40px = 2.5em */
	}
	
	.shop.help {
		padding: 2.5em 0em 0em 0em; /* 40px = 2.5em */
	}
	
	.page-banner, .steps-banner, .page-banner-2, 
	.page-banner.contact-us, .page-banner.gallery-banner, .page-banner.about-us, 
	.page-banner.careers, .page-banner.help-center, .page-banner.career-detail {
		padding: 3.125em 1.25em; /* 50px = 3.125em, 20px = 1.25em */
	}
	


	.muncipal-accordion .accordion-button {
		padding: 20px !important;
	}

	.muncipal-accordion .accordion-body {
		padding: 0px 20px 20px 20px !important;
	}

	.single-product .product-img a img {
		min-height: 230px; 
		object-fit: cover; 
		max-height: 230px; 
		height: 100%; 
	
	}

	.location-name {
		line-height: 18px !important;
		/* border-bottom: 1px solid black; */
		display: inline-block;
	}

	.location-detail {
    margin-bottom: 6px !important;
    font-size: 12px !important;
    line-height: 14px !important;
    position: relative;
    padding-left: 14px; 
}

.location-detail::before {
    content: "•"; 
    position: absolute;
    left: 0;
    top: 0;
    font-size: 18px; 
    color: rgb(253, 184, 19);
	font-weight:bold;
    line-height: 14px;
}


	
	.neighborhood-title {
		font-size: 16px;
		font-weight: 600;
		margin-bottom: 16px;
		color: #000000;
	}
	/* .mega-sidebbar {
	
padding: 10px;
	
left: 30px;
	
top: 20px;
	
border: 1px solid black;
	
max-height: 500px;
	
overflow-y: scroll;
	} */

	  

	.mega-sidebbar {
		padding: 20px;
		left: auto;
		position: fixed;
		top: 0;
		right: 0 !important;
		width: 65%;
		min-height: 100vh;
		background: #fff;
		z-index: 9999;
		box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);
		transform: translateX(200%);
		transition: transform 0.5s ease;
		display: block !important;
		}
	
	 .mega-sidebbar.open {
    transform: translateX(0%);
    z-index: 999999;
}
	.page-banner p, .page-banner-2 p {
		font-size: 14px;
	}



	.carousel-caption h1 {
		color: #fff;
		font-size: 2em;
		line-height: 1.0625; /* 34px / 32px = 1.0625 */
	  }



	.cart-sidebar {
	
		right: -150%;
		/* max-width: 300px;
		min-width: 300px; */

		padding: 8px;
	}


	.cart-sidebar .cart-box {
		display: flex;
		padding: 8px;
	
		margin-bottom: 16px !important;
	
		gap: 10px;
	}

	.cart-sidebar .cart-box .price {
		
		font-size: 14px;
		
	}

	.cart-sidebar .cart-box .radio-stack span {
		
		
		font-size: 9px;
	}

	.cart-sidebar .price {
	
		font-size: 20px;
	
	}

	.cart-sidebar .total {
	
		font-size: 20px;
	}

	.cart-sidebar .checkout {
	
		padding: 10px;
		
		font-size: 14px;
		
	}

	.cart-sidebar .view-cart {
	
		padding: 10px;
		
		font-size: 14px;
	
	}

	
	.cart-sidebar .cart-box .quantity {
		font-size: 10px;
	
	}

	.cstm-dashboard .shippping .shipping-card span {
		font-size: 12px;
		
	}

	.cstm-dashboard .shippping .shipping-card h5 {
		font-size: 12px;
	}
	.cstm-dashboard .discount .coupon-exp-card .coupon-discnt .discnt {
		font-size: 18px;
	
	}

	.cstm-dashboard .discount .coupon-exp-card .details h3 {
		
		font-size: 16px;
	
	}
	.cstm-dashboard .discount .coupon-discnt-card .coupon-discnt .discnt {
		font-size: 18px;
		color: #000;
	}
	.cstm-dashboard .discount .coupon-discnt-card .details h3 {
		
		font-size: 16px;
		
	}

	
	.shop.checkout .payment-cards img {
		max-width: 29px;
	}
	.shop .nice-select.ship-to span {
	
		font-size: 12px;
		
	}
	.shop.single .product-des .price span {

		/* margin-bottom: 8px; */
		font-size: 22px;
		
	}
	.shop.single .product-des  .description {
		
		font-size: 12px;
	
	}
	.shop.single .product-des h6 {
		margin-top: 12px;
	
		font-size: 16px;
	
	}

	.shop.single .product-des .prod-det {
	
		font-size: 12px;
	
	}
	.shop.single .quantity .button {
		
		top: 0px;
		
	}

	.shop.single .product-des .short .sku {
		padding: 10px 0px 12px 0px;
		
		font-size: 14px;
		
	}

	.shop.single .flex-control-thumbs li {
		min-height: 60px !important;
		
	}
	.shop.single .flex-control-nav {
		
		gap: 10px;
	}
	.shop-sidebar .single-widget .title {
		font-size: 18px;
	}
	.shop .shop-top {
		display: flex;
		flex-wrap: nowrap;
	}
	.shop .shop-shorter .nice-select .list{
		width: 98%;
	}
	.shop .shop-shorter .nice-select  .option { 
		padding-left: 6px; 
		padding-right: 29px;  }
	.shop-sidebar .single-widget .title {
		margin-bottom: 18px;
		padding-bottom: 16px;
	}
	.shop-sidebar .categor-list li {
		margin-bottom: 10px;
	}
	.shop-sidebar .single-widget {
		padding: 16px;
	}
	.shop-sidebar .categor-list li {
padding: 8px 14px;
	}
	.shop .shop-shorter .nice-select.nice-select::after {
		width: 12px !important;
		top: 58%;
	}
	.shop .shop-shorter .nice-select {
		padding: 4px 10px 4px 30px;
	}
	.shop .shop-shorter .results span {
		font-size: 0.75rem;
	  }
.shop .shop-shorter .nice-select span {
font-size: 10px;
line-height: 34px;
}
/* 
.shop .shop-shorter .single-shorter input {
    border-radius: 50px;
    width: 350px;
    opacity: 1;
    padding-top: 11px !important;
    padding-bottom: 13px !important;
    padding-left: 12px !important;
}
.shop .shop-shorter .single-shorter input:focus {
    outline: none;
}
.shop .shop-shorter .single-shorter input::placeholder {
    color: rgb(149, 149, 149);
    font-size: 12px;
} */
	.steps-banner p {
		font-size: 12px;
	}
	.header.shop{
		overflow-x:  hidden !important;
	}
	.popup .form-group label {
		width: 100%;
	}
.popup .popup-inner{
width: 90%;;
	}
.popup .form-group {
	display: flex;
	flex-direction: column;
	align-items: start !important;
	margin-bottom: 15px;
  }
.popup .form-group input {
	width: 100% !important
  }
  .popup .form-group label {
margin-bottom: 10px;
  }
  .popup .content-container h2{
	color: #000000;
	font-size: 28px;
	  }
	.cart-product-container {
		max-height: none;
		overflow-y: visible;
		overflow-x: visible;
		scrollbar-width: none;
	}
	.cart-product-container::-webkit-scrollbar {
		display: none;
	}
	#headingcart .accordion-button h2 {
		font-size: 18px;
	}
	.cart-product-container .counter .button.minus button,
	.counter .button.plus button {
		padding: 6px;
	}
	.cart-product-container .order-details .counter {
		width: 75%;
		padding: 4px;
	}
	.order-details-container {
		padding: 16px;
	}
	.cart-product-container .order-details .product-detail h2 {
		font-size: 14px;
	}
	.radio-stack input[type="radio"] {
		width: 16px;
		height: 16px;
		border: 5px solid #bfbfbf;
	}
	.delete-img {
		width: 16px;
	}
	.remove-btn {
		font-size: 12px;
	}
	.cart-product-container .order-details .addres-label {
		font-size: 10px !important;
	}
	.cart-product-container .order-details .radio-stack span {
		font-size: 10px;
	}
	.cart-product-container .order-details .product-detail p {
		font-size: 12px;
		color: #21272A;
		font-weight: 400;
	}
	.order-details .total p {
		font-size: 12px;
	}
	.shop.cart .order-summary .total-summary .tax {
		font-size: 14px;
	}
	.shop.cart .order-summary .total-summary .sub-total {
		font-size: 14px;
	}
	.shop.cart .order-summary .total-summary span {
		font-size: 12px;
	}
	.shop.cart .order-summary .form-title {
		font-size: 18px;
	}
	.shop.cart .order-summary {
		padding: 14px;
	}
	.shop.cart .addres-label {
		font-size: 10px !important;
		line-height: 12px;
	}
	.shop.cart .radio-stack span {
		color: #21272A;
		font-size: 10px;
	}
	.shop.cart .order-details .product-detail p {
		font-size: 12px;
	}
	.shop.cart .order-details .product-detail h2 {
		font-size: 12px;
	}
	.shop.cart .counter .button.minus button,
	.counter .button.plus button {
		padding: 6px;
	}
	.shop.cart .counter {
		width: 75%;
		padding: 4px;
	}
	.shop.cart .order-details .total span {
		font-size: 10px;
		line-height: 10px;
	}
	.shop.cart .order-details .total p {
		font-size: 12px;
		color: #1B1B1B;
	}
	.shop.cart .order-details {
		padding: 16px 1px !important;
	}
/* 	
	.shop.checkout,
	.shop.cart , .shop.contact , .shop.gallery , .shop.about , .shop.careers , .shop.career-detail {
	padding: 40px 0px;
	}

	.shop.help{
	padding: 40px 0px 0px 0px;
		
	}
	.page-banner , .page-banner-2 , 	.page-banner.contact-us , .page-banner.gallery-banner , .page-banner.about-us , .page-banner.careers , .page-banner.help-center , .page-banner.career-detail {
		padding: 50px 20px;
	}



	.page-banner h2  , .page-banner-2 h2{
		font-size: 32px;
	}
	.steps-banner {
		padding: 50px 20px;
		z-index: 10 !important;
	} */


	.header.shop .middle-inner {
		padding: 20px 0px;
		/* position: relative; */
		overflow: hidden !important;
	}
	.header.shop .header-inner {
		padding-top: 20px;
		padding-left: 6px;
		padding-right: 6px;
	}
	.custom-accordion .accordion-header .accordion-button {
		font-size: 18px;
	}
	.shop .main-title {
		font-size: 22px;
	}
	.header .logo {
		max-width: 150px;
	}
	.steps-banner h2 {
		font-size: 32px;
	}
	.breadcrumbs {
		padding: 90px 0 90px;
	}
	.breadcrumbs h2 {
		font-size: 28px;
	}
	.shop.single {
		padding: 0px 0 30px 0;
	}
	.shop-services.section {
		padding: 40px 0 0 0;
	}
	.blog-single.grid .pagination {
		float: none;
		text-align: center;
		margin-top: 12px;
	}
	.site-header .header-bottom {
		width: 100%;
		z-index: 333;
		position: absolute;
		position: relative;
		padding-bottom: 20px;
		background: #333;
	}
	.slicknav_menu {
		display: block;
	}
	.slicknav_menu {
		display: block;
		background: transparent;
		padding: 0;
	}
	.slicknav_btn {
		background: transparent;
		padding: 0;
		margin: 6px 0 0;
	}
	.slicknav_menu .slicknav_icon-bar {
		box-shadow: none;
	}
	.skill-image {
		display: none;
	}
	.slicknav_nav {
		clear: both;
		color: #fff;
		margin: 0;
		background: transparent;
		padding-top: 15px;
	}
	.slicknav_nav li a {
		margin: 0;
		color: #333;
		background: transparent;
		overflow: hidden;
	}
	.slicknav_nav li a i {
		display: none;
	}
	.slicknav_nav li:hover a {
		color: #F7941D;
		background: transparent;
	}
	.slicknav_nav li:hover {
		background: transparent;
	}
	.slicknav_nav li .dropdown li:hover {
		background: transparent;
	}
	.slicknav_nav li .dropdown li a {
		color: #555;
		background: transparent;
	}
	.slicknav_nav li .dropdown li a {
  color: #555;
  background: transparent;
  position: relative;
  /* padding-left: 20px; */
}

	.slicknav_nav li .dropdown li a:hover {
		color: #F7941D;
		background: transparent;
	}
	.slicknav_nav li .slicknav_item {
		background: transparent;
	}
	.slicknav_nav .slicknav_row,
	.slicknav_nav a {
		padding: 0;
		margin: 0;
		padding: 6px 0;
		font-weight: 500;
	}
	.slicknav_nav li:last-child a {
		padding-bottom: 0px;
	}
	.slicknav_menu .slicknav_icon-bar {
		background-color: #F7941D;
		box-shadow: none;
		text-shadow: none;
	}
	.slicknav_nav .slicknav_arrow {
		color: #F7941D;
	}
	.slicknav_menu .slicknav_icon-bar {
		display: block;
		width: 25px;
		height: 3px;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		border-radius: 1px;
		-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .25);
		-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .25);
		box-shadow: 0 1px 0 rgba(0, 0, 0, .25);
	}
	.slicknav_nav li .slicknav_item:hover {
		background: transparent;
		;
	}
	.slicknav_nav li .new {
		display: none !important;
	}
	.header.shop .search-bar-top {
		display: none;
	}
	.header.shop .right-bar {
		display: none !important;
	}
	.header .middle-inner {
		width: 100%;
	}
	.header.sticky .middle-inner {
		/* position:fixed;
	top:0;
	left:0;
	background:#fff;
	animation: fadeInDown 1s both 0.2s;
	-webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
	box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
	z-index:999; */
	}
	/* Header Search */


.header.shop .search-top {
    display: block;
    position: absolute;
    right: 64px;
    top: 36px;
}
	.header.shop .logo {
		margin: 0;
	}
	.section {
		padding: 2.5em 0; /* 40px / 16 = 2.5em */
	  }
	.section-title {
		margin-bottom: 30px;
		padding: 0px 20px;
	}
	.section-title h2 {
		font-size: 22px;
		margin-bottom: 20px;
	}
	.section-title p {
		font-size: 13px;
	}
	.breadcrumbs {
		padding: 20px 0;
	}
	.header.shop .topbar .top-left {
		text-align: center;
	}
	.header.shop .topbar .right-content {
		text-align: center;
		float: none;
		margin-top: 8px;
	}
	.header.shop .search-bar {
		width: 445px;
	}
	.header.shop .search-bar input {
		padding: 0 52px 0 20px;
		width: 264px;
	}
	.header.shop .all-category {
		display: none;
	}
	.header .header-inner {
		display: none
	}
	.hero-slider {
		height: 350px;
	}
	.hero-slider .hero-text {
		margin-top: 60px;
	}
	.hero-slider .hero-text h1 {
		font-size: 30px;
		margin-bottom: 0px;
	}
	.hero-slider .hero-text h1 span {
		font-size: 15px;
		margin-bottom: 0;
	}
	.hero-slider .hero-text p {
		color: #333;
		margin-bottom: 28px;
	}
	.hero-slider .hero-text .btn {
		padding: 10px 25px;
	}
	.hero-area2 .single-slider {
		height: 400px;
	}
	.hero-area2 .single-slider .content {
		padding: 90px 0px 0px 0px;
	}
	.hero-area2 .single-slider .content .sub-title {
		font-size: 14px;
	}
	.hero-area2 .single-slider .content .title {
		font-size: 17px;
		margin-top: 7px;
		margin-bottom: 12px;
	}
	.hero-area2 .single-slider .content .des {
		color: #fff;
		line-height: 20px;
	}
	.hero-area2 .single-slider .content .button .btn {
		padding: 7px 18px;
		margin-top: 22px;
		font-size: 12px;
	}
	.hero-area3 .big-content {
		height: 300px;
		margin-top: 16px;
	}
	.hero-area3 .big-content .inner {
		padding: 0 25px 0 250px;
	}
	.hero-area3 .big-content .title {
		font-size: 20px;
		margin-bottom: 9px;
		line-height: 27px;
	}
	.hero-area3 .big-content .des {
		line-height: 22px;
		font-size: 13px;
	}
	.hero-area3 .big-content .button {
		margin-top: 30px;
		display: block;
	}
	.hero-area3 .big-content .button .btn {
		padding: 8px 18px;
		font-size: 13px;
	}
	.hero-area3 .small-content {
		margin-top: 15px;
	}
	.hero-area4 .big-content {
		height: 300px;
		margin-top: 20px;
	}
	.hero-area4 .big-content .inner {
		padding: 0;
		padding-right: 30px;
		background: #ffffffba;
		padding: 25px;
		left: 0;
		height: 100%;
	}
	.hero-area4 .big-content .title {
		font-size: 20px;
		margin-bottom: 12px;
		line-height: 22px;
	}
	.hero-area4 .big-content .des {
		font-size: 13px;
		color: #333;
		line-height: 21px;
	}
	.hero-area4 .big-content .button {
		margin-top: 20px;
	}
	.hero-area4 .big-content .button .btn {
		padding: 6px 17px;
		font-size: 12px;
	}
	.hero-area4 .owl-carousel .owl-nav div {
		height: 32px;
		width: 35px;
		line-height: 32px;
		font-size: 11px;
		background: #3336;
	}
	.hero-area4 .owl-carousel .owl-nav {
		margin-top: -16px;
	}
	.product-area .nav-tabs .nav-item {
		margin-bottom: 10px;
	}
	.small-banner {
		padding: 18px 0;
	}
	.small-banner .single-banner {
		margin-bottom: 18px;
	}
	.modal-dialog .quickview-slider-active {
		width: 720px;
	}
	.quickview-content {
		padding: 40px;
	}
	.quickview-content .size .title {
		margin-top: 16px;
	}
	.midium-banner .single-banner .content {
		padding: 35px;
	}
	.midium-banner .single-banner {
		margin-bottom: 15px;
	}
	.midium-banner .single-banner h3 {
		font-size: 20px;
		line-height: 24px;
	}
	.midium-banner .single-banner a {
		padding: 6px 20px;
		margin-top: 15px;
	}
	.most-popular .single-product {
		margin: 20px 15px 0 15px;
	}
	.shop-home-list .shop-section-title {
		margin-top: 20px;
	}
	.shop-home-list .single-list .content {
		padding: 0;
		padding: 20px;
		text-align: center;
	}
	.shop.single .product-des .size {
		margin-top: 10px;
	}
	.shop.single .product-des .short h4 {
		font-size: 20px;
		font-weight: 500;
		margin-top: 0;
		line-height: 24px;
	}
	.shop.single .product-des {
		margin-top: 20px;
	}
	.shop.single .product-des .rating {
		margin-top: 6px;
	}
	.shop.single .product-des .price {
		font-size: 17px;
		margin-top: 10px;
	}
	.shop.single .product-des .short .description {
		font-size: 14px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-bottom: 11px;
	}
	.shop.single .product-des .color h4 {
		font-size: 15px;
		font-weight: 500;
	}
	.shop.single .add-to-cart .btn {
		height: 42px;
		padding: 0 35px;
		/* margin-right: 5px;
		margin-top: 6px; */
	}
	.shop.single .form .form-group textarea {
		height: 150px;
	}
	.shop.single .product-des .color ul li a {
		margin-bottom: 8px;
	}
	.shop.single .quantity .input-number {
		height: 42px;
	}
	.shop.single .nav-tabs li a {
		padding: 8px 22px;
	}
	.shop.single .single-des p {
		font-size: 14px;
		font-weight: 400;
	}
	.shop.single .single-des {
		margin-top: 18px;
	}
	.shop.single .single-des ul li {
		margin-bottom: 4px;
	}
	.shop.single .rating-des {
		padding: 17px 20px 17px 107px;
	}
	.shop.single .form .form-group button {
		padding: 14px 40px;
	}
	.cown-down {
		height: auto;
	}
	.cown-down .content .title {
		font-size: 22px;
	}
	.cown-down .padding-left {
		padding: 0;
	}
	.cown-down .padding-right {
		padding: 0;
	}
	.cown-down .content {
		padding: 30px 20px;
	}
	.cown-down .content .price {
		margin-top: 22px;
		font-size: 28px;
	}
	.cown-down .content .price s {
		font-size: 20px;
	}
	.cown-down .content .heading-block {
		padding: 0;
		position: relative;
	}
	.shop-blog .shop-single-blog {
		margin-bottom: 30px;
	}
	.shop-services {
		padding: 50px 0;
	}
	.shop-services .single-service {
		padding: 42px 0 18px 0;
		text-align: center;
	}
	.shop-services .single-service i {
		height: 40px;
		width: 40px;
		line-height: 40px;
		font-size: 24px;
		top: 0;
		left: 50%;
		margin-left: -20px;
	}
	.shop-services.home {
		padding: 25px 0;
	}
	.shop-newsletter .newsletter-inner input {
		width: 330px;
		height: 42px;
		padding: 0 20px;
		border-radius: 30px;
		margin-bottom: 10px;
		display: block;
		text-align: center;
	}
	.shop-newsletter .newsletter-inner .btn {
		height: 42px;
		padding: 10px 15px;
		width: 330px;
		border-radius: 30px;
		left: 0;
		display: block;
	}
	.shop-blog .shop-single-blog .content {
		padding: 28px;
	}
	.shop-blog.grid .shop-single-blog {
		margin-top: 0px;
	}
	.blog-single .blog-title {
		font-size: 22px;
		margin: 25px 0 15px 0;
	}
	.blog-single blockquote {
		padding: 20px 30px 20px 65px;
	}
	.main-sidebar {
		padding: 25px;
	}
	.main-sidebar .side-tags .tag {
		margin-top: 30px;
	}
	.blog-single .comments .single-comment.left {
		margin-left: 0;
	}
	.blog-single .reply form {
		padding: 0;
		border: none;
	}
	.blog-single .reply .form-group {
		margin-bottom: 15px;
	}
	.blog-single .reply .form-group input {
		height: 42px;
	}
	.blog-single .reply .form-group textarea {
		height: 120px;
	}
	.blog-single .reply .button .btn {
		height: 45px;
		border: none;
		padding: 0px 20px;
	}
	.cart-information .single-info h4 {
		font-size: 14px;
	}
	.shopping-summery thead {
		display: none;
	}
	.shopping-cart .table td {
		padding: .75rem;
		vertical-align: top;
		border-top: 1px solid #e9ecef;
		display: block;
		height: auto;
		text-align: left !important;
		padding-left: calc(50% + 20px) !important;
		width: 100%;
		position: relative;
		padding-left: 91px;
		margin-top: 5px;
	}
	.shopping-cart .qty .button .btn {
		padding: 0;
		width: 35px;
	}
	.shopping-cart .table td::before {
		content: attr(data-title);
		display: block;
		font-weight: bold;
		position: absolute;
		left: 0px;
		top: 0px;
		padding: 10px 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 50%;
		height: 100%;
		border-bottom: 1px solid #e6ebee;
		background: #F7941D;
		color: #fff;
		border: none;
	}
	.shopping-cart .table td {
		vertical-align: middle;
		padding: 10px;
		border-bottom: 1px solid #eee;
	}
	.shopping-summery thead tr th {
		padding: 10px;
	}
	.shopping-cart .total-amount .right {
		padding-left: 0px;
	}
	.shopping-cart .total-amount .left {
		margin-bottom: 30px;
	}
	.shopping-cart .total-amount {
		margin-top: 30px;
	}
	.shopping-cart .total-amount .left .coupon form .btn {
		display: inline-block;
		height: 48px;
		margin-left: 0px;
		width: 220px;
		margin-top: 10px;
		display: block;
	}
	.shop.login {
		padding: 50px 0;
	}
	.shop.login .login-form h2 {
		font-size: 30px;
		margin-bottom: 10px;
		padding-bottom: 15px;
	}
	.shop-list .pagination {
		float: none;
		text-align: center;
	}
	.shop-list .list-content {
		margin-top: 30px;
	}
	.shop-list .list-content .btn {
		height: auto;
		line-height: auto;
		padding: 12px 32px;
	}
	.single-product {
		margin-top: 30px;
	}
	.error-page .error-inner h2 {
		font-size: 55px;
	}
	.error-page .error-inner h5 {
		font-size: 16px;
		font-weight: 500;
	}
	.error-page .error-inner p {
		line-height: 20px;
		font-size: 14px;
		padding: 0 20px;
	}
	.error-page .button .btn {
		padding: 8px 20px;
	}
	.contact-us .form-main {
		padding: 30px;
	}
	.contact-us .form .button .btn {
		height: auto;
		padding: 14px 20px;
	}
	.contact-us .form .form-group input {
		height: 45px;
	}
	.contact-us .title h3 {
		font-size: 23px;
	}
	#myMap {
		height: 300px;
		width: 100%;
	}
	.contact-us .single-head {
		padding: 30px;
		margin-top: 30px;
	}
	.contact-us .form .form-group input {
		height: 40px;
	}
	.about-us .about-content {
		padding: 0;
		margin-bottom: 30px;
	}
	.about-us .about-content h3 {
		font-size: 25px;
		margin-bottom: 12px;
		padding-bottom: 12px;
	}
	.about-us .about-content p {
		line-height: 22px;
		margin-bottom: 10px;
		font-size: 14px;
		font-weight: 300;
		color: #333;
	}
	.about-us .about-content .button {
		margin-top: 30px;
	}
	.about-us .about-content .button .btn {
		margin-right: 10px;
		padding: 10px 22px;
		font-size: 13px;
	}
	.footer .footer-top {
		padding: 25px 0px !important;
	}
	.footer .copyright .left {
		float: none;
		text-align: center;
	}
	.footer .copyright .right {
		float: none;
		text-align: center;
		margin-top: 10px;
	}
	.footer .single-footer {
		padding: 20px 0;
	}
	.modal-dialog .quickview-slider-active {
		display: none;
	}
	.modal-dialog .modal-content .modal-header {
		right: 15px;
		top: 12px;
	}
	.quickview-content {
		padding: 30px;
	}
	.quickview-content h2 {
		font-size: 22px;
	}
	.quickview-content h3 {
		font-size: 17px;
		margin: 10px 0 10px;
	}
	.quickview-content .quickview-peragraph p {
		line-height: 22px;
	}
	.quickview-content .size .title {
		margin-top: 10px;
	}
	.modal-dialog .modal-content .modal-header .close {
		font-size: 9px;
	}
	.quickview-content .quantity .input-group {
		margin-bottom: 10px;
	}
	.quickview-content .add-to-cart .btn {
		height: 42px;
		padding: 0 25px;
		line-height: 42px;
		font-size: 12px;
	}
	.quickview-content .add-to-cart .btn.min {
		line-height: 41px;
	}
}


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

	.order-complete-popup{
		min-width: 660px;
		min-height: 445px;
	  }

	  .order-complete-popup .swal2-html-container{
	  	padding: 75px;
	  }
	
	
	

	.map-popup {
        min-width: 660px;
        min-height: 330px;
    }

	.animated-popup{
		min-width: 660px;
		min-height: 330px;
	  }
	
	.muncipal-accordion .accordion-button {
		cursor: default;
		pointer-events: none; /* disables click */
	  }

	  .muncipal-accordion .accordion-button.collapsed::after{
background-image: none !important;
	  }


	.mega-sidebbar .close-btn {
	display: none;
	}
		


	
	.cstm-dashboard .favourites .single-product .product-img{
		max-height: 206px;
		max-width: 100%;
	}

	.cstm-dashboard .order .single-product .product-img ,
	.cstm-dashboard .main .single-product .product-img{
		max-height: 206px;
		max-width: 100%;
	}
	.single-product .product-img{
		/* max-height: 206px; */
		/* max-width: 296px; */
	}
	.single-product .product-img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}


	.customer-dashboard-main .single-product .product-img a img {
    min-height: 160px;
    max-height: 160px;
    object-fit: cover;
}
		.not-absolute-lg {
			position: static !important;
			bottom: auto !important;
		}
	}



	@media only screen and (min-width: 768px) and (max-width: 991px) {
		.mega-grid {
			column-count: 2 !important; /* add !important to override previous styles */
			column-gap: 8px;
		  }

		

		.page-banner, .steps-banner, .page-banner-2, 
.page-banner.contact-us, .page-banner.gallery-banner, 
.page-banner.about-us, .page-banner.careers, 
.page-banner.help-center, .page-banner.career-detail {
    padding: 5em 1.25em; /* 80px = 5em, 20px = 1.25em */
	transition: padding 0.5s ease-in-out;

}



		.header .header-inner .right-bar {
			
			top: -10px;
		}

		



		.neighborhood-title {
			font-size: 18px;
		
		}

		.header .nav li .dropdown.active {
			/* min-height: 650px; */
		}

		.location-section {
			margin-bottom: 8px;
		}

		.header.shop .nav li .dropdown li a {
			font-weight: 400;
			font-size: 10px;
		}
		.mega-sidebbar {
			display: none;
			padding: 20px;
			left: 153px;
			position: absolute;
			z-index: 999;
			width: 75vw;
			overflow-y: scroll;
			background: #fff;
			min-height: 650px !important;
			max-height: 650px !important;
		}
		

	


		.carousel-caption h1 {
			color: #fff;
			font-size: 2.5em; /* 40px / 16 = 2.5em */
			line-height: 1; /* 40px / 40px = 1 */
		  }
	.shop.checkout, .shop.cart {
	
		padding: 30px 0px;
		
	}
	.shop .shop-shorter .nice-select.nice-select::after {
        width: 14px !important;
        top: 58%;
    }
	.single-product.catg{
		height: 210px;
		width: 100%;
	}
	.header .header-inner .single-icon .total-count {
		position: absolute;
		top: -10px;
		right: 3px !important;
		background: #f6931d;
		width: 12px !important;
		height: 12px !important;
		line-height: 12px !important;
		text-align: center;
		color: #fff;
		border-radius: 100%;
		font-size: 11px;
	}
	
	.search-wrapper {
		position: relative;
		width: 100%;
		max-width: 400px;
		justify-content: flex-end;
		overflow: visible;
		display: flex; 
	}
	.search-button{
		z-index: 1;
	}
	.header-search {
		width: 0;
		padding: 0;
		opacity: 0;
		transition: all 0.4s ease;
		position: absolute;
		right: 0;
		top: 80px;
		transform: translateY(-50%);
		z-index: 2;
		background: white;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
		border-radius: 30px;
		overflow: hidden;
	}
	.header-search.expanded {
		/* border: 1px solid gray; */
		width: 350px;
		padding: 10px 15px;
		opacity: 1;
	}
.shop .shop-shorter .nice-select span {
    font-size: 12px;
}
	.shop .shop-shorter .results span {
		font-size: 14px;
	}
	.shop .shop-shorter {
		justify-content: center;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.header.shop .nav li.active a {
		padding-left: 20px;
		padding-right: 20px;
	}
	.custom-accordion .accordion-header .accordion-button {
		font-size: 18px;
	}
	.shop .main-title {
		font-size: 26px;
	}
	.steps-banner h2,
	.page-banner h2  , .page-banner-2 h2{
		font-size: 48px;
		line-height:60px !important;
	}
	.section {
		padding: 50px 0px;
	}
	.shop.single {
		padding: 30px 0 50px 0;
	}
	.section-title {
		margin-bottom: 50px;
		padding: 0px 109px;
	}
	.section-title h2 {
		font-size: 26px;
		margin-bottom: 20px;
	}
	.section-title p {
		font-size: 13px;
	}
	.shop-services.section {
		padding: 45px 0 0px 0;
	}
	.breadcrumbs {
		padding: 20px 0;
	}
	.blog-single.grid .pagination {
		float: none;
		text-align: center;
	}
	.header.shop .topbar .top-left {
		text-align: center;
	}
	.header.shop .topbar .right-content {
		text-align: center;
		float: none;
		margin-top: 8px;
	}
	.header.shop .right-bar .sinlge-bar .single-icon {
		font-size: 18px;
	}
	.header .shopping .shopping-item {
		top: 62px;
	}
	.header .shopping .dropdown-cart-header a {
		font-size: 12px;
	}
	.header .shopping .dropdown-cart-header span {
		font-size: 12px;
	}
	.header .shopping-list h4 a {
		font-weight: 500;
		font-size: 13px;
	}
	.header .shopping-item .total span {
		font-size: 12px;
		font-weight: 500;
	}
	.header .shopping-item .total .total-amount {
		font-size: 13px;
		font-weight: 500;
	}
	.header .shopping-item .bottom .btn {
		padding: 8px 20px;
	}
	.header.shop .search-bar {
		height: 45px;
	}
	.header.shop .nice-select {
		height: 44px;
		line-height: 44px;
		font-size: 13px;
	}
	.header.shop .nice-select .list li {
		font-size: 13px;
	}
	.header.shop .search-bar .btnn {
		height: 45px;
		line-height: 45px;
		font-size: 14px;
	}
	.header.shop .search-bar {
		width: 445px;
	}
	.header.shop .search-bar input {
		padding: 0 52px 0 20px;
		width: 264px;
		height: auto;
		font-size: 13px;
	}
	.header.shop .all-category {
		display: none;
	}
	.navbar-nav {
		display: inline-block !important;
	}
	.header.shop .nav li {
		display: inline-block;
		margin-right: 0px;
	}
.header.shop .nav li a {
    font-size: 12px;
    padding: 12px 4px;
}
	.header .nav li a i {
		font-size: 8px;
	}
	.header.shop .nav li .new {
		font-size: 8px;
		left: 21px;
		top: 0px;
		font-weight: 500;
		height: 16px;
		line-height: 16px;
	}
	.header.shop .nav .dropdown li {
		display: block;
	}
	.hero-slider {
		height: 416px;
	}
	.hero-slider .hero-text {
		margin-top: 80px;
	}
	.hero-slider .hero-text h1 {
		font-size: 35px;
		margin-bottom: 5px;
	}
	.hero-slider .hero-text h1 span {
		font-size: 17px;
		margin-bottom: 0;
	}
	.hero-slider .hero-text .btn {
		padding: 12px 30px;
	}
	.hero-area2 .single-slider {
		height: 400px;
	}
	.hero-area2 .single-slider .content {
		padding: 90px 0px 0px 0px;
	}
	.hero-area2 .single-slider .content .sub-title {
		font-size: 14px;
	}
	.hero-area2 .single-slider .content .title {
		font-size: 17px;
		margin-top: 7px;
		margin-bottom: 12px;
	}
	.hero-area2 .single-slider .content .des {
		color: #fff;
		line-height: 20px;
	}
	.hero-area2 .single-slider .content .button .btn {
		padding: 7px 18px;
		margin-top: 22px;
		font-size: 12px;
	}
	.hero-area3 .big-content {
		height: 400px;
		margin-top: 16px;
	}
	.hero-area3 .big-content .title {
		font-size: 25px;
		margin-bottom: 12px;
		line-height: 35px;
	}
	.hero-area3 .big-content .button {
		margin-top: 30px;
		display: block;
	}
	.hero-area3 .big-content .button .btn {
		color: #fff;
		padding: 10px 24px;
	}
	.hero-area3 .small-content {
		margin-top: 15px;
	}
	.hero-area3 .small-content.first {
		width: 49%;
		display: inline-block;
		margin-right: 10px;
	}
	.hero-area3 .small-content.secound {
		width: 49%;
		display: inline-block;
		float: right;
	}
	.hero-area4 .big-content {
		height: 400px;
		margin-top: 20px;
	}
	.hero-area4 .big-content .inner {
		padding: 0;
		padding-right: 30px;
	}
	.hero-area4 .big-content .title {
		font-size: 25px;
		margin-bottom: 20px;
		line-height: 30px;
	}
	.hero-area4 .big-content .des {
		font-size: 13px;
	}
	.hero-area4 .big-content .button {
		margin-top: 30px;
	}
	.hero-area4 .big-content .button .btn {
		padding: 10px 20px;
	}
	.small-banner {
		padding: 18px 0;
	}
	.small-banner .single-banner.tab-height {
		height: 300px;
	}
	.small-banner .single-banner {
		margin-bottom: 18px;
	}
	.modal-dialog .quickview-slider-active {
		width: 720px;
	}
	.quickview-content {
		padding: 40px;
	}
	.quickview-content .size .title {
		margin-top: 16px;
	}
	.midium-banner .single-banner .content {
		padding: 35px;
	}
	.midium-banner .single-banner h3 {
		font-size: 20px;
		line-height: 24px;
	}
	.midium-banner .single-banner a {
		padding: 6px 20px;
		margin-top: 15px;
	}
	.most-popular .single-product {
		margin: 20px 15px 0 15px;
	}
	.shop-home-list .shop-section-title {
		margin-top: 20px;
	}
	.cown-down {
		height: auto;
	}
	.cown-down .padding-left {
		padding: 0;
	}
	.cown-down .padding-right {
		padding: 0;
	}
	.cown-down .content {
		padding: 50px 110px;
	}
	.cown-down .content .heading-block {
		padding: 0;
		position: relative;
	}
	.shop-blog .shop-single-blog {
		margin-bottom: 30px;
	}
	.shop-services {
		padding: 50px 0;
	}
	.shop-services .single-service {
		padding: 12px 0 12px 65px;
	}
	.shop-newsletter .newsletter-inner input {
		width: 380px;
	}
	.shop-blog.grid .shop-single-blog {
		margin-top: 0px;
	}
	.main-sidebar .side-tags .tag {
		margin-top: 30px;
	}
	.shopping-cart .table td {
		padding: 20px;
	}
	.shopping-cart .qty .button .btn {
		width: 38px;
	}
	.shopping-cart .table .qty {
		padding: 0;
	}
	.shopping-cart .total-amount .left .coupon form .btn {
		display: inline-block;
		height: 48px;
		margin-left: 0px;
		width: 220px;
		margin-top: 10px;
		display: block;
	}
	.contact-us .form-main {
		padding: 30px;
	}
	.contact-us .form .button .btn {
		height: auto;
		padding: 15px 22px;
	}
	#myMap {
		height: 300px;
		width: 100%;
	}
	.contact-us .single-head {
		padding: 30px;
		margin-top: 30px;
	}
	.about-us .about-content {
		padding: 0;
		margin-bottom: 30px;
	}
	.error-page .error-inner h2 {
		font-size: 100px;
	}
	.footer .copyright .left {
		float: none;
		text-align: center;
	}
	.footer .copyright .right {
		float: none;
		text-align: center;
		margin-top: 10px;
	}
	.footer .single-footer {
		padding: 20px 0;
	}
}
@media only screen and (min-width: 1200px) {
	.single-product.catg{
		height: 250px;
		width: 100%;
	}
}
@media only screen and (min-width: 1400px){
	.product-des{
		max-width: 540px;
	}
	.single-product.catg{
		height: 272px;
		width: 100%;
	}
}
@media only screen and (min-width: 992px) and (max-width:1199px) {
	.mega-grid {
		column-count: 3 !important; /* add !important to override previous styles */
		column-gap: 8px;
	  }


	.header.shop .nav li a {
		font-size: 14px;
		padding: 12px 4px;
	}

	/* .mega-sidebbar {
		transition: max-width 1s;
		display: none;
		padding: 30px;
		left: 138px;
		position: absolute;
		z-index: 999;
		width: 78vw;
		overflow-x: scroll;
		background: #fff;
	} */

	.carousel-caption h1 {
		color: #fff;
		font-size: 3.5em; /* 56px / 16 = 3.5em */
		line-height: 0.89; /* 50px / 56px = 0.89 */
	  }
	#list-layout .product-content .title a {

		font-size: 20px;
	
	}
	.header.shop .nav li.active a {
		padding-left: 20px;
		padding-right: 20px;
	}
	.header-search {
		z-index: 999;
		top: 84px;
	}
}
@media only screen and (min-width: 1200px) and (max-width:1360px) {
	.header-search {
		top: 84px;
		z-index: 2;
	}
}

@media only screen and (min-width: 1360px) and (max-width:1560px) {
	.header-search {
		top: 96px;
		z-index: 2;
	}
}
@media only screen and (min-width: 992px) {
	.popup .content-container{
max-width: 500px;
}
	#cartAccordions .accordion-button {
		pointer-events: none !important;
	}
	#cartAccordions .accordion-button::after {
		background: none;
		background-image: none !important;
	}
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {

	
.header.shop .nav li .dropdown li a {
	font-size: 10px;
}

.mega-sidebbar {
    left: 160px;
    width: 80vw;
}


}

@media only screen and (min-width: 992px) and (max-width: 1200px) {


	.steps-banner h2, .page-banner h2, .page-banner-2 h2 {
		
		font-size: 60px;
		
	}

	.shop.order  .order-summary .order-info p {
	
		font-size: 14px;
	}

	.shop.order  .order-summary .order-info span {
	
		font-size: 14px;
		
	}

	.shop.order  .order-summary h2 {
	
		font-size: 22px;
	}

	.steps-banner.order-page h3 {
		font-size: 28px;
	
	}

	.shop.order .content p {
		line-height: 16px;
		font-size: 12px;
	}
	/* .shop.single .product-des .price span {
		margin-top: 40px
	} */
	.single-product.catg{
		height: 220px;
		width: 100%;
	}
	.header .header-inner .single-icon .total-count {
		position: absolute;
		top: -10px;
		right: 8px !important;
		background: #f6931d;
		width: 12px !important;
		height: 12px !important;
		line-height: 12px !important;
		text-align: center;
		color: #fff;
		border-radius: 100%;
		font-size: 11px;
	}
	/* .header.shop .header-inner .single-icon img {
		width: 70px !important;
	} */
	.header.shop .nav li a {padding: 16px 10px;}
	.order-details .total span {
		font-size: 10px;
		color: #7E8492;
	}
	.order-details .total p {
		font-size: 14px;
		color: #1B1B1B;
	}
	.order-details .product-detail h2 {
		font-size: 16px;
		color: #1B1B1B;
		font-weight: 600;
	}
	.order-details .product-detail p {
		font-size: 12px;
		color: #21272A;
		font-weight: 400;
	}
	.radio-stack span {
		color: #21272A;
		font-weight: 400;
		font-size: 12px;
	}
	.addres-label {
		font-size: 10px !important;
	}
	.cart-product-container .order-details .addres-label {
		font-size: 8px !important;
	}
}
/* 
@media screen and (min-width:991px) and (max-width:1360px){
	.page-banner , .steps-banner, .page-banner-2 , 	.page-banner.contact-us , .page-banner.gallery-banner , .page-banner.gallery-banner , .page-banner.about-us , .page-banner.careers , .page-banner.help-center , .page-banner.career-detail {
		padding: 176px 20px ;
	}
} */






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

	.shop.contact .form.contact-form button {
		height: 48px;
		
	}
	

	
	.shop.help .help-us-footer button {
		height: 48px;
	
	  }

	.billing-form .billing-btn , .cart-btn{
		height: 48px;
	}

	.shop.order .order-summary .button img {
		max-width: 1.5rem;
	}


	
	.muncipal-accordion .accordion-button {
		font-size: 18px !important;
	}


	.footer .copyright .inner {
		padding: 24px 0px 14px;
	}

	.footer p {
		line-height: 20px;
		font-size: 12px;
	}

	.footer h2 {
		font-size: 24px;
		line-height: 30px;
		
	}

	.shop.career-detail .submit-btn {
		width: 160px;
		background-color: rgb(0, 0, 0);
		font-size: 20px;
		color: rgb(255, 255, 255);
		font-weight: 400;
		border-radius: 50px;
		padding: 15px 20px;
		height: 48px;
		line-height: 0px;
	}

	.shop.gallery .pagination {
		margin: 2.5em 0 0;
	  }

	  .shop.careers .jobs-container {
		margin-top: 2.5em;
	  }

	.shop.about .inner ul {
		margin: 20px 0px;
	}

	.shop.about .about-us-container-3 p {
		margin: 0.625rem 0 1.25rem;
	  }

	.shop.about .about-us-container-3 {
		padding-top: 40px;
	}


.shop.about .about-us-container-1 {
	padding-bottom: 40px;
}
	

.page-banner h2, .page-banner-2 h2 {
    font-size: 2em; /* 32px = 2em */
}


	/* .steps-banner {
		padding: 50px 20px;
		z-index: 10 !important;
	} */


	.header.shop .nav li {
		margin-right: 2px !important;
	}

	.carousel-bg {
		height: 35em;
	}

	.shop.home {
		overflow-x: hidden;
		padding: 0px 0px 40px 0px;
	}

	


	.shop.home .home-container-1 {
		padding: 2.5em 0 1.25em 0; /* 40px / 16 = 2.5em, 20px / 16 = 1.25em */
	  }



	.shop.home .home-container-2 ,  	.shop.home .map-section {
		background-color: rgb(246, 246, 246);
		padding: 2.5em 0; /* 40px / 16 = 2.5em */
	  }


	.career-form-accordion .accordion-item .accordion-button {
		transition: 1s;
		color: rgb(33, 39, 42);
		font-size: 18px;
		font-weight: 500;
	}
	.career-form-accordion .accordion-item .accordion-button {
		padding: 22px 14px;
	}



	.owl-carousel .item img {
		height: 320px;
	}




	.shop.home .home-container-2 .inner img {
		min-height: 18.75em; /* 300px / 16 = 18.75em */
	  }



	.shop.home .home-container-2 ul li {
		margin-bottom: 10px;
	}
	.shop.home .home-container-2 ul li .check-icon {
		padding: 4px 4px;
	}

	.shop.home .home-container-2 ul li .check-icon svg {
		height: 14px;
		width: 14px;
	}

	.shop.home .home-container-2 ul li p {
		margin: 6px 0px;
	}

	.shop.home .home-container-2 ul li span {
		font-size: 16px;
	}

	.shop.home .home-container-2 .inner {
		padding: 16px;
	}

	.popup .close-btn {
		background-color: rgb(0, 0, 0);
		padding: 6px;
		border-radius: 50px;
		position: absolute;
		top: 10px;
		right: 10px;
		display: flex;
		justify-content: center;
		align-items: center;
	  }
	
	  .popup .content-container {
		padding: 40px 20px;
		height: 100%;
		background-color: rgb(255, 255, 255);
		border-radius: 10px;
	  }


	  .shop.home .inner h2,
	  .shop.home .inner h2 p,
	  .shop.home .inner h2 h3,
	  .shop.home .inner h2 h4,
	  .shop.home .inner h2 h5,
	  .shop.home .inner h2 h6,
	  .shop.home .inner h2 strong {
		font-size: 1.1em; /* 24px / 16 = 1.5em */
		color: rgb(0, 0, 0);
		font-weight: 600;
	  }




	  .shop.home .inner p {
		margin: 0.857em 0; /* 12px / 14px = 0.857em (using font-size as base) */
		font-size: 0.875em; /* 14px / 16 = 0.875em */
		color: rgb(102, 102, 102);
		font-weight: 400;
		line-height: 1.714; /* 24px / 14px = 1.714 (unitless) */
	  }



	.carousel-indicators {
	
/* left: 20px; */
	}
	.slider-banner .carousel-caption {
		padding: 0 1.25em;
	  }
	.shop.careers .card-container h2 {
		font-size: 1.125em;
	  }

	.shop.help .help-us-footer {
		padding: 3.75em 0;
	  }
	.faq-accordions {
		
		margin: 20px auto 40px auto;
	}

	.faq-accordions .accordion-item {
		margin-bottom: 16px;
	
	}




	.faq-accordions .accordion-item .accordion-button::before {
		content: "+";
		position: absolute;
		left: 1em;
		font-size: 0.75em;
		color: #000;
		transition: all 0.3s ease;
	  }


	  .faq-accordions .accordion-item .accordion-body {
		padding: 0 0.875em 0.875em 2em;
		color: #666666;
		font-size: 0.75em;
	  }

	.faq-accordions .accordion-item  .accordion-body {
	
font-size: 12px;
	
line-height: 16px;
	}
	.faq-accordions .accordion-item .accordion-button {
		font-size: 0.875em;
		padding: 0.875em 0.875em 0.875em 2em;
		line-height: 1.2857;
	  }

	.shop.help .inner h2 {
		font-size: 1.5em;
	  }
	  .shop.help .help-us-footer h2 {
		font-size: 1.5em;
	  }
	
	  .shop.help .help-us-footer button {
		margin-top: 0.75em;
		background-color: #000;
		padding: 0.75em 1.5625em;
		border: 1px solid #000;
		transition: all 0.5s ease;
		text-transform: capitalize;
	  }s

	.shop.contact .inner h6 {
		line-height: 18px;
		font-size: 14px;
		margin: 12px 0px 12px 0px;
	}

	.shop.contact .inc .contact-list li {
		margin-bottom: 12px;
	}

	.shop.contact .form-section {
  border-radius: 0.25rem;
  padding: 1rem;
  box-shadow: 0 0.25rem 0.375rem 0 rgba(236, 236, 236, 0.75);
}
	.shop.contact .inner h2,
	.shop.contact .form-section h2,
	.shop.career-detail .inner h2 {
	  font-size: 1.5rem;
	}

	.shop.contact .inner h6 {
		font-size: 1em;
		margin: 0.4em 0 1em;
	  }

	.shop.career-detail .employment-heading {
    margin-top: 30px;
}

.shop.contact .inc {
	padding: 1.25rem;
	margin-top: 1rem;
  }

	.shop.careers .card-container p {
		margin: 0.625em 0;
	  }

	.shop.careers .card-container {
		max-width: 100%;
		padding: 1em;
	  }
	.shop.careers .inner p {
		margin: 0.75em 0;
	  }
	.shop.careers .inner h2 {
		font-size: 1.5em;
	  }
	  .shop.about .inner p, 
	  .shop.career-detail .inner p, 
	  .shop.contact .inner p, 
	  .shop.about .about-us-container-2 .inner p, 
	  .shop.about .inner ul li span, 
	  .shop.home .home-container-1 p {
		font-size: 0.875em;
	  }


	  .shop.about .inner ul li span{
	line-height: 1.2em;
	  }
	  .shop.about .about-us-container-2 .inner h2 {
		font-size: 1.5em;
	  }
	.shop.about .inner h2 {
		font-size: 1.5em;
	  }
	  .shop.about .about-us-container-2 {
		padding: 2rem 1.25rem;
	  }
/* ====== CUSTOMER DASHBOARD ====== */

.cstm-dashboard .main .freq-purc-container {
    border: none;
}

.cstm-dashboard .main .inner{
    border: none;
    border-radius: 0px;
}

.cstm-dashboard .shippping .add-new span, .cstm-dashboard .shippping .add-new h2 {
    font-size: 18px;
 
}

.cstm-dashboard-sidebar .categor-list li {
    padding: 6px 16px;
    margin-bottom: 6px;
}

.cstm-dashboard-sidebar .categor-list .logout-btn {
   
    font-size: 12px;
    padding: 8px 14px;
 
}

.cstm-dashboard-sidebar {
    position: fixed;
    width: 300px;
    height: 100vh;
    top: 0;
    left: -300px;
    background-color: #fff;
    z-index: 99999;
    transition: left 0.3s ease;
  }

  .cstm-dashboard-sidebar.active {
    left: 0;
  }

  .overlay {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, -0.4);
    z-index: 99998;
    display: none;
  }

  .overlay.show {
    display: block;
  }
.cstm-dashboard .main .title, .cstm-dashboard .profile .title, .cstm-dashboard .discount .title, .cstm-dashboard .shippping .title, .cstm-dashboard .favourites .title, .cstm-dashboard .payment .title, .cstm-dashboard .order .title {
    font-size: 17px;
    padding-bottom: 14px;
}
.cstm-dashboard .main .order-info-table{
	display: none;
}

.cstm-dashboard-sidebar .categor-list li a {
    
    font-size: 12px;
    
}
	.cstm-dashboard-list {
		padding: 0px 18px;
	}
	.cstm-dashboard-sidebar img {
		margin-left: 0px;
		max-width: 150px;
	}
	.cstm-dashboard .profile  .form-group input {
		
		height: 42px;
	
	}



	.cstm-dashboard .payment .payment-info-table .delete-btn {
		
		font-size: 8px;
		
		padding: 4px 8px;
	}

	.cstm-dashboard .payment .payment-info-table th {
	
		font-size: 10px;
		white-space: nowrap;
		vertical-align: middle;
		padding: 8px 8px;
	
	}

	.cstm-dashboard .payment .payment-info-table td {

		padding: 8px 6px;
		width: 10%;
	}
	.cstm-dashboard .payment .payment-info-table tbody tr td {
		font-size: 10px;
		
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 80px;
	}

	.cstm-dashboard .payment .add-new-btn{
		padding: 6px 20px;
		border-radius: 30px;
		font-size: 10px;
	  }
	
/* ====== CUSTOMER DASHBOARD ====== */

	.shop.cart .address label {
		font-size: 12px;
	}

	.shop.cart .address p {
		font-size: 12px;
	}
	#headingcart .accordion-button h2 {
		font-size: 18px;
	
	}
	.form-check label{
		font-size: 12px;
		line-height: 15px;
	}

	.payment-details .form-title{
		font-size: 20px;
	}
	.discount-form input {
	
		height: 45px;
		
	}

	.shop.checkout .checkout-form p {
		font-size: 12px;
		
	}
	.radio-stack span {
	
		font-size: 12px;
	}

	.shop.checkout .nice-select, .shop.contact .nice-select {
		
		height: 46px;
		line-height: 45px;
		
	}
	.shop.checkout .form .form-group input , .shop.contact .form .form-group input , .shop.career-detail .form .form-group input {
	
		height: 46px;
		line-height: 45px;
		
	}
	.shop.checkout .nice-select.address-select span{
		font-size: 12px;
	}

	.shop.checkout .nice-select.ship-to span{
		font-size: 12px;
	}

	.shop.cart .nice-select.address-select span{
		font-size: 12px;
	}

	.payment-details {
	
		padding: 14px;
	}

	#cartAccordions .billing-form {
		padding: 10px !important;
	}

	.custom-accordion .accordion-header .accordion-button {
	
		padding-bottom: 16px;
		
	}

	.accordion-body {
		padding: 0rem 0.8rem 1.25rem;
	}

	.custom-accordion .accordion-button {
		padding: 16px;
	
	}

	.shop.checkout .form .form-group , .shop.contact .form .form-group {
		margin-bottom: 16px;
	}

	.submit-btn {
		
		padding: 14px;
		
		font-size: 14px;
	}

	.shop.order .order-summary .order-detail{
		font-size: 18px !important;
		line-height:20px !important;
	}
	.steps-banner.order-page a {
		
font-size: 12px;
		
padding: 8px 18px;
	}

	.steps-banner.order-page p {
		font-size: 14px;
	
	}
	.steps-banner h2, 
.page-banner h2, 
.page-banner-2 h2, 
.page-banner.about-us h2, 
.page-banner.careers h2, 
.page-banner.help-center h2 {
  line-height: 2.5rem;
}

.shop.order .order-summary .order-info p {
  font-size: 0.75rem;
}

.shop.order .order-summary .order-info span {
  font-size: 0.875rem;
}
	.shop.order .order-summary h2 {
		font-size: 1.375rem;
	  }
	.steps-banner.order-page h3 {
		font-size: 22px;
	}

	.shop.order .content p {
		line-height: 16px;
		font-size: 12px;
	}
	/* .shop.single .product-des .price span {
		margin-top: 40px
	} */
	#list-layout  .btn {
	
		padding: 6px 20px;
		font-size: 12px;

	}

	#list-layout  .btn img{
		height: 12px;
	}
	
#list-layout .product-content .title a{
    font-size: 16px;

}


#list-layout .product-content .cat {
   font-size: 12px;
}

#list-layout .product-content .product-price {
  
    font-size: 12px;
 
}

	.single-product.catg .product-content h3 a {
		font-size: 22px !important;
	}
	.shop .shop-shorter {
        justify-content: center;
        display: flex
;
        flex-wrap: wrap;
        align-items: center;
    }
	.pagination .pagination-list .arrows a { padding: 10px 10px; }
	 .pagination .pagination-list li a { padding: 4px 12px; }
}
@media screen and (max-width:1400px){

	.search-btn {
		padding: 8px;
		border-radius: 10px;
		background-color: rgb(203, 144, 4);
		display: inline-block;
		cursor: pointer;
		margin-left: auto;
		transition: background-color 0.3s;
		z-index: 1;
		width: 40px;
	}

	.vip-access-button {
		width: 110px !important;
		padding: 14px !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
		font-size: 12px !important;
	}
	/* .header.shop .header-inner .single-icon img {width: 80px !important;} */

	.location-detail {
	
		font-size: 12px;
	
	}
	.muncipal-accordion  .accordion-button {
		font-size: 16px;
	
	}

	.shop .shop-shorter {gap: 14px;}
}
@media only screen and (min-width:768px) and (max-width:1400px){



.vip-prod-btn {
    padding: 10px 8px !important;
}

.vip-prod-btn-span {
    font-size: 10px !important
}
	.single-product .product-img a img {
		max-height: 152px; 
		height: 100%; 
		min-height: 152px; 
		object-fit: cover; 
	}

	.cstm-dashboard .order .order-info-table {
		overflow: scroll;
		border-collapse: separate;
		width: 100%;
	}

	.radio-stack span {
		
		font-size: 12px;
	}
	.shop-sidebar .single-widget {
padding: 12px;
	}
	.shop-sidebar .single-widget .title {
		margin-bottom: 18px;
		padding-bottom: 16px;
	}
	.shop-sidebar .categor-list li {
		margin-bottom: 10px;
		padding: 8px 14px;
	}
	.shop-sidebar .single-widget .title {
		font-size: 18px;
	}
}

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


	
	
	

	
	.location-detail {
		margin-bottom: 0px;
		font-size: 10px;
		/* margin-bottom: 0.25rem; */
		line-height: 18px;
	}

	.location-name {
		font-size: 14px;
		font-weight: 600;
		line-height: 16px;
		margin-bottom: 6px;
		color: #000000;
	}

	.shop.gallery img {
		width: 100%;
		max-height:240px;
		min-height: 240px;
		object-fit: cover;
	}
}


@media only screen and (min-width:990px) and (max-width:1024px){
	.navbar-expand-lg .navbar-nav {
		flex-direction: row !important;
		
	}

	.header.shop .nav li a {
	
		padding: 16px 10px;
	
	}
	
}

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


	.slider-banner .carousel-caption {
		padding: 0 1.25em;
	  }

	
	.header.shop .header-inner {
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
}



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

	.header.shop .middle-inner {
		padding: 30px 20px;
		background: rgb(255, 255, 255);
		border-top: 1px solid rgb(238, 238, 238);
	}

	.header .header-inner .right-bar {
		right: 20px;
		top: -8px !important;
	}
	.header.shop .nav li {
		margin-right: 10px;
	}
}






@media only screen and (min-width:990px) and (max-width:1024px){
	.navbar-expand-lg .navbar-nav {
		flex-direction: row !important;
		
	}

	.header.shop .nav li a {
	
		padding: 16px 10px;
	
	}
	
}

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


	

	


	


	
	.header.shop .header-inner {
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.header.shop .middle-inner {
		padding: 30px 20px;
		background: rgb(255, 255, 255);
		border-top: 1px solid rgb(238, 238, 238);
	}

	.header .header-inner .right-bar {
		right: 20px;
		top: -8px !important;
	}
	.header.shop .nav li {
		margin-right: 10px;
	}
}



@media only screen and (min-width:992px) and (max-width:1360px){

	 .page-banner-2, 
	.page-banner.contact-us, .page-banner.gallery-banner, 
	.page-banner.about-us, .page-banner.careers, 
	.page-banner.help-center, .page-banner.career-detail {
		padding: 11em 1.25em; 
		transition: all 0.5s ease-in-out;
		transition: padding 0.5s ease-in-out;

	}

	.page-banner, .steps-banner{
		padding: 5em 1.25em; 
	}
	
}




@media only screen and (min-width:2560px){
	/* .header.shop .nav li .dropdown li a {
		font-size: 18px;
	} */


	.header.shop .nav li .dropdown li a {
		font-weight: 400;
		font-size: 1.05em;
	  }


	  .mega-sidebbar button {
		font-size: 1.25em;
	  }
	.header.sticky .header-inner{
		background-color: #ffffff !important;
	}
	.container{
		max-width: 1920px !important;
	}




	


.shop-sidebar .categor-list li {
    margin-bottom: 15px;
    border: 1px solid rgb(242, 243, 244);
    border-radius: 5px;
    padding: 16px 19px;
}
.footer h2 {
    font-size: 40px;
    line-height: 56px;
    font-weight: 500;
}
.footer p{
    font-size: 16px;
    font-weight: 400;
}




 .page-banner h2, .page-banner-2 h2 {
    /* margin-bottom: 20px; */
    line-height: 110px;
    font-size: 85px;
    color: #ffffff;
    font-weight: 600;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}





.muncipal-accordion .accordion-button {
    font-size: 24px;
    color: #000000;
    font-weight: 600;
    text-transform: capitalize;
}





.muncipal-accordion .accordion-button{
    padding: 31px !important;
}


.muncipal-accordion .accordion-body{
    padding: 0px 31px 31px 31px !important;
}





.muncipal-accordion .accordion-item {
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid rgb(224, 224, 224) !important;
}





.location-detail::before {
    content: "•"; 
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16spx;
    color: rgb(253, 184, 19);
    font-weight: bold;
    line-height: 14px;
}




.slider-banner .carousel-caption {
    padding: 0px 55px;
}

.carousel-caption h1 {
    color: #ffffff;
    font-size: 4em;
    line-height: 1em;
    font-weight: 600;
    max-width: 700px;
}

.carousel-caption p {
    margin: 16px 0px;
    font-size: 16px;
    color: #E1E1E1;
    font-weight: 400;
    line-height: 28px;
}




.carousel-bg {
    height: 820px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}





.shop.home .inner p {
    margin: 20px 0px;
    font-size: 16px;
    color: #666666;
    font-weight: 400;
    line-height: 160%;
}



.shop.home .home-container-2 ul li span {
    font-size: 20px;
    color: #000000;
    font-weight: 600;
    line-height: 28px;
}

.shop.home .home-container-2 ul li p {
    margin: 0;
}

.shop.home .inner h2 , .shop.home .inner h2 p , .shop.home .inner h2 span, .shop.home .inner h2 strong {
    font-size: 40px !important;
    color: #000000;
    font-weight: 600;
    line-height: 120%;
}




.shop.home {
    overflow-x: hidden;
    padding: 0px 0px 100px 0px;
}

.shop.home .home-container-1 {
    padding: 100px 0px 66px 0px;
}


.shop.home .home-container-1 p{
   font-size: 18px !important;
   color: #737373 !important;
   margin: 0px !important;
}

.shop.home .home-container-2 {
    background-color: rgb(246, 246, 246);
    padding: 100px 0px;
}

.shop.home .home-container-2 .inner {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    background-color: rgb(255, 255, 255);
    padding: 60px 26px;
}

.shop.home .home-container-2 .inner img {
    width: 100%;
    border-radius: 6px;
    max-height: 100%;
    object-fit: cover;
    min-height: 460px;
}






.career-form-accordion .accordion-item .accordion-button {
    line-height: 140%;
    padding: 30px 20px ;

}








.career-form-accordion .accordion-item .accordion-button {
    transition: 1s;
    color: rgb(33, 39, 42);
    font-size: 24px;
    font-weight: 600;


}

.shop.career-detail .inner .left-list li::before {
    content: "•";
    position: absolute;
    left: 0px;
    color: rgb(102, 102, 102);
    font-size: 16px;
    line-height: 22px;
}




.faq-accordions .accordion-item .accordion-button::before {
    content: "+";
    position: absolute;
    left: 40px;
    font-size: 24px;
    color: rgb(0, 0, 0);
    transition: 0.3s;
}

.faq-accordions .accordion-item .accordion-button:not(.collapsed)::before {
    content: "-";
}
.faq-accordions .accordion-item .accordion-body {
	padding: 0px 30px 30px 95px;
	color: #666666;
	font-size: 0.75em;
  }

.shop.career-detail {
    padding: 100px 0px;
}



.shop.help {
    overflow-x: hidden;
    padding: 100px 0px 0px;
}

.shop.help .inner h2 {
    font-size: 34px;
    color: rgb(0, 0, 0);
    font-weight: 600;
}

.shop.help .help-us-footer {
    background-image: url("../images/help-us-img.png");
    padding: 93px 0px;
}

.shop.help .help-us-footer h2 {
    font-size: 40px;
    color: #ffffff;
    font-weight: 600;

}

.shop.help .help-us-footer button {
    margin-top: 15px;
    background-color: rgb(0, 0, 0);
    font-size: 16px;
    color: #ffffff;
    letter-spacing: -2%;
    font-weight: 400;
    border-radius: 50px;
    padding: 15px 20px;
    border: 1px solid rgb(0, 0, 0);
    transition: 0.5s;
    text-transform: capitalize;
}

.faq-accordions {
    max-width: 1100px;
    margin: 50px auto 100px;
}

.faq-accordions .accordion-item {
    margin-bottom: 30px;
    box-shadow: rgba(149, 149, 149, 0.25) 0px 24px 32px 0px;
}

.faq-accordions .accordion-item {
    border: none !important;
    border-radius: 6px !important;
}

.faq-accordions .accordion-item .accordion-button {
    font-size: 22px;
    color: rgb(27, 17, 57);
    position: relative;
    padding: 30px 30px 30px 95px;
    font-weight: 600;
}



.shop.gallery {
    padding: 100px 0px;
}



.shop.about .about-us-container-2 .inner h2 {
    font-size: 40px;
    color: #ffffff;
    font-weight: 600;
}

.shop.about .about-us-container-2 .inner p {
    margin: 12px 0px;
    font-size: 16px;
    color: rgb(255, 255, 255);
    font-weight: 400;
    line-height: 24px;
    max-width: 820px;
}

.shop.about .about-us-container-2 .inner button {
    background-color: transparent;
    font-size: 14px;
    color: rgb(255, 255, 255);
    font-weight: 400;
    border-radius: 50px;
    padding: 15px 30px;
    border: 1px solid rgb(255, 255, 255);
    transition: 0.5s;
    text-transform: capitalize;
}



.shop.about .inner button {
    background-color: rgb(255, 255, 255);
    font-size: 14px;
    color: rgb(0, 0, 0);
    font-weight: 400;
    border-radius: 50px;
    padding: 15px 30px;
    border: 1px solid rgb(0, 0, 0);
    transition: 0.5s;
    text-transform: capitalize;
}



.shop.about .inner p {
    margin: 20px 0px;
    font-size: 16px;
    color: #666666;
    font-weight: 400;
    line-height: 24px;
}

.shop.about .inner ul {
    margin: 45px 0px;
}

.shop.about .inner ul li {
    display: flex;
    margin-bottom: 16px;
    align-items: center;
    gap: 24px;
}

.shop.about .inner ul li span {
    color: rgb(0, 0, 0);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}



.shop.careers {
    padding: 100px 0px;
}

.shop.careers .jobs-container{
    margin-top: 100px;
}

.shop.careers .inner h2 {
    font-size: 40px;
    color: #000000;
    font-weight: 600;
}

.shop.careers .img-section img {
    width: 100%;
    max-height: 430px;
    object-fit: cover;
    border-radius: 15px;
}

.shop.careers .inner p {
    margin: 20px 0px;
    font-size: 16px;
    color: #666666;
    font-weight: 400;
    line-height: 24px;
}

.shop.careers .inner ul {
    list-style: none;
    padding-left: 0px;
}

.shop.careers .inner ul li {
    position: relative;
    padding-left: 18px;
    margin-bottom: 2px;
    font-size: 16px;
    color: #666666;
    font-weight: 400;
    line-height: 24px;
}
.shop.careers .inner ul li::before {
	content: "•";
	position: absolute;
	left: 0;
	color: #666;
	font-size: 1rem;
	line-height: 1.375rem;
  }

.shop.careers .card-container {
    max-width: 1000px;
    border: 1px solid rgb(216, 216, 216);
    border-radius: 10px;
    padding: 30px;
}

.shop.careers .card-container h2 {
    font-size: 22px;
    color: #000000;
    font-weight: 500;
}
.shop.careers .card-container p {
    margin: 20px 0px;
    font-size: 14px;
    color: #4F5665;
    font-weight: 400;
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.shop.careers .card-container button {
    background-color: rgb(0, 0, 0);
    font-size: 14px;
    line-height: 16px;
    color: rgb(255, 255, 255);
    font-weight: 400;
    border-radius: 50px;
    padding: 10px 15px;
    letter-spacing: 1.5px;
}

.shop.about {
    overflow-x: hidden;
    padding: 100px 0px;
}

.shop.about .about-us-container-1 {
    padding-bottom: 100px;
}

.shop.about .about-us-container-2 {
    padding: 172px 120px;
    background-image: url("../images/about-bg-2.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.shop.about .about-us-container-3 {
    padding-top: 100px;
}


.shop.about .about-us-container-3 p{
    margin: 10px 0px 40px 0px !important;
}
.shop.about .inner h2 {
    font-size: 40px;
    color: #000000;
    font-weight: 600;
}

.shop.about .inner h3 {
    font-size: 20px;
    color: #000000;
    font-weight: 500;
}




.shop.contact .form.contact-form button {
	height: 52px;
    /* padding: 15px 30px; */
    background-color: rgb(0, 0, 0);
    width: 180px;
    border-radius: 50px;
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: 400;
}



.shop.contact .inc .contact-list li a img {
    width: 24px;
}

.shop.contact .inc .contact-list li a span {
    line-height: 18px;
    font-size: 16px;
    color: #ffffff;
    line-height: 150%;
}

.shop.contact .form-section {
    border-radius: 4px;
    padding: 20px 30px;
    box-shadow: rgba(236, 236, 236, 0.75) 0px 3px 6px 0px;
}

.shop.contact .form .form-group {
    margin-bottom: 25px;
}

.shop.contact .form .form-group label {
    color:#000000;
    position: relative;
    font-size: 16px;
}



.shop.contact {
    padding: 100px 0px;
}
.shop.contact .inner h2, .shop.contact .form-section h2 {
    font-size: 40px;
    color: #212121;
    font-weight: 600;
}

.shop.contact .inner h6 {
    font-size: 24px;
    color: #000000;
    font-weight: 500;
    line-height: 24px;
    margin: 20px 0px 30px 0px;
}

.shop.contact .inner p {
    font-size: 16px;
    color:#666666;
    font-weight: 400;
    line-height: 24px;
}

.shop.contact .inc {
    border-radius: 3px;
    background-color: #FDB813;
    padding: 44px 40px;
    margin-top: 50px;
}

.shop.contact .inc h4 {
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1px;
}




.shop.single .product-des .warranty ul li::before {
    content: "•";
    position: absolute;
    left: 0px;
    top: 0px;
    color: rgb(0, 0, 0);
    font-size: 16px;
    line-height: 1.5;
}




.shop .shop-shorter .nice-select span {
    color: #777777;
    font-size: 12px;
    font-weight: 500;
    line-height: 0px;
    margin: 0px;
    padding: 0px;
}

.shop .shop-shorter .nice-select::after {
    content: "";
    display: block;
    width: 14px;
    height: 24px;
    background-image: url("../images/sort-icon.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: 12px;
    top: 58%;
    transform: translateY(-50%);
    pointer-events: none;
    border: none;
}



.popup .close-btn {
    background-color: rgb(0, 0, 0);
    padding: 10px;
    border-radius: 50px;
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* 
.header.shop .header-inner .single-icon img {
    width: 80px !important;
} */

.shop .shop-shorter .results span {
    color: rgb(126, 126, 126);
    font-size: 16px;
}




.page-banner p,
.page-banner-2 p {
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.5px;
}


.page-banner h2,
.page-banner-2 h2 {
    /* margin-bottom: 24px; */
    line-height: 1.3em;
    font-size: 3.5em;
    color: rgb(255, 255, 255);
    font-weight: 600;
}


.steps-banner h2 {
    /* margin-bottom: 24px; */
    line-height: 1.3em;
    font-size: 3em;
    color: rgb(255, 255, 255);
    font-weight: 600;
}



.steps-banner {
    background-color: rgb(0, 0, 0);
    padding: 176px 55px;
}



.footer h2,
.footer p {
    color: rgb(255, 255, 255);
}

.footer-top {
    padding: 70px 0px 36px;
}

.footer .copyright .inner {
    border-top: 1px solid rgba(238, 238, 238, 0.24);
    padding: 24px 0px 72px;
}

.footer .copyright .left {}

.footer .copyright .right {
    float: right;
}

.footer .copyright p {
    font-size: 14px;
    color: rgb(255, 255, 255);
}




.shop.login .login-form .checkbox label::after {
    position: absolute;
    content: "";
    font-family: Fontawesome;
    width: 12px;
    height: 12px;
    line-height: 23px;
    left: 2px;
    top: 0px;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    transition: 0.4s;
    display: block;
    font-size: 9px;
}




.shop.checkout,
.shop.cart {
    margin: 0px auto;
    padding: 40px 0px;
    background: rgb(255, 255, 255);
}


.shopping-cart .total-amount .left .checkbox label::after {
    position: absolute;
    content: "";
    font-family: Fontawesome;
    width: 22px;
    height: 22px;
    line-height: 24px;
    left: 3px;
    top: 0px;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    transition: 0.4s;
    display: block;
    font-size: 11px;
}




.header-search {
    width: 0px;
    margin-right: 0px;
    border: none;
    opacity: 0;
    transition: 0.5s;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background: white;
    z-index: 0;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px;
    padding: 0px !important;
    border-radius: 50px !important;
}

.header-search::placeholder {
    font-size: 12px !important;
    color: #959595;
}

.header-search.expanded {
    
    /* z-index: 2; */
    width: 372px;
    opacity: 1;
    padding-top: 14px !important;
    padding-bottom: 16px !important;
    padding-left: 25px !important;
}



.search-btn {
    /* padding: 15px; */
    border-radius: 10px;
    background-color: rgb(203, 144, 4);
    display: inline-block;
    cursor: pointer;
    margin-left: auto;
    transition: background-color 0.3s;
    z-index: 1;
}

.search-btn:hover {
    background-color: rgb(181, 130, 3);
    z-index: 999;
}




.header .header-inner .right-bar {
    right: 20px;
    top: -14px;
}


/* .header.shop .right-bar .sinlge-bar .single-icon .total-count {
    position: absolute;
    top: -4px;
    right: 6px;
    width: 12px;
    height: 12px;
    line-height: 14px;
    text-align: center;
    color: rgb(0, 0, 0);
    border-radius: 100%;
    font-size: 8px;
    background: rgb(253, 184, 19) !important;
} */
/* 
.header.shop .header-inner .right-bar .sinlge-bar .single-icon img {
    width: 55px;
} */



.header.shop .nav li a {
    color: rgb(0, 0, 0);
    text-transform: capitalize;
    font-size: 18px;
    padding: 16px 15px;
    font-weight: 500;
    display: block;
    border-radius: 5px 5px 0px 0px;
    position: relative;
    transition: 0.4s;
}



.header.shop .header-inner {
    padding-top: 26px;
    padding-left: 55px;
    padding-right: 55px;
    background: rgb(253, 184, 19);
}



.header.shop .middle-inner {
    padding: 40px 55px;
    background: rgb(255, 255, 255);
    border-top: 1px solid rgb(238, 238, 238);
}



.header.shop .cart-top {
    z-index: 2;
    position: absolute;
    top: 30px;
    right: 110px;
}


.shop .shop-shorter .single-shorter input {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 50px;
    width: 350px;
    max-height: 44px;
    opacity: 1;
    padding-top: 11px !important;
    padding-bottom: 13px !important;
    padding-left: 12px !important;
}



.shop .shop-shorter .nice-select {height: 44px;border: 1px solid rgb(236, 236, 236);border-radius: 6px;padding: 10px 18px 10px 32px;}




/* .header.shop .header-inner .single-icon img {
    width: 80px !important;
} */
.shop .shop-shorter .results span {
    color: #7E7E7E;
    font-size: 16px;
}



.steps-banner {
    background-color: rgb(0, 0, 0);
    padding: 80px 55px;
}

.page-banner {
    background-image: url("../images/banner-img.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 100px 20px;
}

.page-banner.contact-us {
    background-image: url("../images/contact-us-bg.png");
    background-repeat: no-repeat;
    background-position: 30% center;
    background-size: cover;
    padding: 176px 55px;
}

.page-banner.careers {
    background-image: url("../images/careers-bg.png");
    background-repeat: no-repeat;
    background-position: 30% center;
    background-size: cover;
    padding: 176px 55px;
}


.page-banner.about-us {
    background-image: url("../images/about-us-bg.png");
    background-repeat: no-repeat;
    background-position: 20% center;
    background-size: cover;
    padding: 176px 55px;
}

.page-banner.gallery-banner {
    background-image: url("../images/gallery-bg.png");
    background-repeat: no-repeat;
    background-position: 30% center;
    background-size: cover;
    padding: 176px 55px;
}

.page-banner.help-center {
    background-image: url("../images/help-center-bg.png");
    background-repeat: no-repeat;
    background-position: 30% center;
    background-size: cover;
    /* background-image: none; */
    background-color: #000;
    padding: 176px 55px;

}


.page-banner.career-detail {
    /* background-image: url("../images/help-center-bg.png");
    background-repeat: no-repeat;
    background-position: 30% center;
    background-size: cover; */
    background-image: none;
    background-color: #000;
    padding: 176px 55px;

}



.footer h2 {
    font-size: 40px;
    line-height: 56px;
    font-weight: 500;
}
.footer p{
    font-size: 16px;
    font-weight: 400;
}




.shop.gallery .pagination {
    
    margin: 85px 0px 0px;
}




.shop.login .login-form .checkbox label::after {
    position: absolute;
    content: "";
    font-family: Fontawesome;
    width: 12px;
    height: 12px;
    line-height: 23px;
    left: 2px;
    top: 0px;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    transition: 0.4s;
    display: block;
    font-size: 9px;
}





.shop.career-detail .form-check-input:checked {
    background-color: #959595;
    border-color: #959595;
    box-shadow: none;
}



.form-check label {
    color: #000;
    font-size: 14px;
    line-height: 15px;
}

.shop.career-detail .submit-btn {
    width: 180px;
    background-color: rgb(0, 0, 0);
    font-size: 20px;
    color: rgb(255, 255, 255);
    font-weight: 400;
    border-radius: 50px;
    padding: 15px 20px;
    height: 58px;
}



.shop.checkout,
.shop.cart {
    margin: 0px auto;
    padding: 100px 0px;
    background: rgb(255, 255, 255);
}



.shopping-cart .total-amount .left .checkbox label::after {
    position: absolute;
    content: "";
    font-family: Fontawesome;
    width: 22px;
    height: 22px;
    line-height: 24px;
    left: 3px;
    top: 0px;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    transition: 0.4s;
    display: block;
    font-size: 11px;
}



.shop-sidebar .categor-list li {
    margin-bottom: 15px;
    border: 1px solid rgb(242, 243, 244);
    border-radius: 5px;
    padding: 16px 19px;
}



.header.sticky .header-search {
    border: 0.2px solid #959595 !important;
}

.header-search.expanded {
    /* z-index: 2; */
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px;
border: none;
    width: 372px;
    opacity: 1;
    padding-top: 11px !important;
    padding-bottom: 13px !important;
    padding-left: 12px !important;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px !important;

}




.search-btn {
    padding: 16px;
    border-radius: 10px;
    background-color: rgb(203, 144, 4);
    display: inline-block;
    cursor: pointer;
    margin-left: auto;
    transition: background-color 0.3s;
    z-index: 1;
    width: 56px;
}

.search-btn:hover {
    background-color: rgb(181, 130, 3);
    z-index: 999;
}

.header-search {

    width: 0px;
    margin-right: 0px;
    border: 0px !important;
    opacity: 0;
    transition: 0.5s;
    overflow: hidden;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    background: white;
    z-index: 0;
    box-shadow: none;
    padding: 0px !important;
    border-radius: 50px !important;
}



/* .header.shop .right-bar .sinlge-bar .single-icon .total-count {
    position: absolute;
    top: -4px;
    right: 6px;
    width: 12px;
    height: 12px;
    line-height: 14px;
    text-align: center;
    color: rgb(0, 0, 0);
    border-radius: 100%;
    font-size: 8px;
    background: rgb(253, 184, 19) !important;
} */

/* .header.shop .right-bar .sinlge-bar .single-icon .total-count {
    position: absolute;
    top: -4px;
    right: 50%;
    transform: translateX(50%);
    width: 12px;
    height: 12px;
    line-height: 14px;
    text-align: center;
    color: rgb(0, 0, 0);
    border-radius: 100%;
    font-size: 8px;
    background: rgb(253, 184, 19) !important;
  } */
  .header.shop .right-bar .sinlge-bar .single-icon .total-count {
    position: absolute;
    top: -4px;
    right: 40% !important;
    transform: translateX(50%);
    width: 12px;
    height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000000;
    border-radius: 100%;
    font-size: 9px;
    padding: 4px;
    background: rgb(253, 184, 19) !important;
  }




  .cart-sidebar {
    max-width: 520px;
    min-width: 520px;
   
}

/* .js-signature{
	width: 800px !important;
} */

/* .header.shop .header-inner .right-bar .sinlge-bar .single-icon img {
    width: 80px;
} */

}


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

	#cartAccordions .order-details img {
    max-height: 90px;
    max-width: 90px;
   
}

.shop.cart .order-details img {
    max-width: 100px;
    max-height: 100px;

}

}