/* Responsive style */
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
img {
	max-width: 100%;
	width: 100%;
}
.logo img {
	width: revert-layer;
}
@media screen and (min-width: 1200px) {
	.cms-faq .page-main {
		--bs-gutter-x: 5rem;
	}
}
@media screen and (max-width: 1200px) {
	.block-popular-search {
		--cols-number: 4;
	}	
}
@media screen and (max-width: 1024px) {
	.block-popular-search {
		--cols-number: 3;
	}
	#backtotop {width: 45px;height: 45px;}
	.scroll_down #backtotop {bottom: 10rem;}
	.mobile_bottom {display:block;}
	.grid-slider.slick-initialized,
	.magicproduct .content-products {
		margin-right: calc(-.5 * var(--bs-gutter-x)) !important;
		margin-left: calc(-.5 * var(--bs-gutter-x)) !important;
	}
	.grid-slider.slick-initialized .alo-item,
	.magicproduct .content-products .product-item {
		padding-left: calc(var(--bs-gutter-x) * .5);
		padding-right: calc(var(--bs-gutter-x) * .5);
	}
	.content-products .slick-prev, .content-products .slick-next, .grid-slider .slick-prev, .grid-slider .slick-next {height: 40px;width: 40px;}
	.content-products .slick-prev:before, .content-products .slick-next:before, .grid-slider .slick-prev:before, .grid-slider .slick-next:before {font: normal normal normal 15px / 1 FontAwesome;}
	.content-products:hover .slick-prev, .grid-slider:hover .slick-prev {left: 20px;}
	.content-products:hover .slick-next, .grid-slider:hover .slick-next {right: 20px;}
	.add-to-links {top: 1rem;right: 1rem;}
	.add-to-links .item-btn {width: 40px;height: 40px;}
	.product-item-details .alo-count-down,
	.product-item-details .actions-cart {bottom: 1rem;left: 1rem;right: 1rem;}
	.product-item-details .actions-cart .stock, .product-item-details .actions-cart button.btn-cart {height: 40px;}
	.swatch-attribute-options, .product-reviews-summary {margin-bottom: 10px;}
	
	.product-item-details .alo-count-down .countdown {
		height: 40px;
		padding: 0 1rem;
		font-size: 14px;
		font-weight: 400;
	}
	.page-layout-2columns-right .column.main ,
	.page-layout-2columns-left .column.main {
		width: 100% !important;
		padding-left: calc(var(--bs-gutter-x) * .5);
		padding-right: calc(var(--bs-gutter-x) * .5);
	}
	.page-layout-2columns-left .toolbar .sidebar-filters-toggle, 
	.page-layout-2columns-right .toolbar .sidebar-filters-toggle {
		display: flex !important;
		margin: 0;
		align-items: center;
		gap: 5px;
		background: var(--cl-main);
		color: var(--bs-white);
		height: 30px;
		border: none;
		border-radius: 3px;
		padding: 0 1.5rem;
	}
	.toolbar .sidebar-filters-toggle .filter-toggle {
		width: 24px;
	}
	.page-layout-2columns-right .alo-grid .sidebar ,
	.page-layout-2columns-left .alo-grid .sidebar {
		-webkit-transition: left .3s;
		-moz-transition: left .3s;
		-ms-transition: left .3s;
		transition: left .3s;
		height: 100%;
		left: calc(-1 * 100%);
		overflow: auto;
		position: fixed;
		top: 0;
		padding: 0;
		width: calc(100% - 50px);
		max-width: 330px;
	}
	
	.page-layout-2columns-right.filter-active .alo-grid .sidebar ,
	.page-layout-2columns-left.filter-active .alo-grid .sidebar {
		left: 0;
		z-index: 99;
		background: var(--bs-white);
		box-shadow: var(--shadow, 0px 30px 0px rgba(0, 0, 0, 0.08));
	}
	.has-sidebar-filters-toggle .block.filter .block-title {
		display: block;
		border-bottom: 1px solid var(--cl-border);
		margin-bottom: 0;
		padding:1.25rem 3rem;
	}
	.block.filter .filter-title strong {
		font-size: 18px;
		text-transform: capitalize;
		font-weight: 600;
	}
	
	.sidebar .filter-content {
		padding: 0 3rem;
	}
	.has-sidebar-filters-toggle.filter-active .sidebar-filters-toggle:before {
		left: 330px;
		font-size: 30px;
		color: var(--cl-main);
		width: 50px;
		height: 50px;
		line-height: 50px;
	}
	.sidebar .accordion-container,
	.sidebar .block-sidebar ,
	.sidebar .meanmenu-accordion {display:none;}
	.magiccart-testimonials-grid {
		flex-direction: column;gap: 0;
	}
	.magiccart-testimonials-grid .item {
		width:100%;
	}
	.product.info.detailed {
		margin-bottom: 40px;
		padding-bottom: 40px;
	}
}
@media screen and (min-width: 767px) {
	.modals-shopgram .modal-inner-wrap .modal-content {
		overflow: hidden !important;
	}
	.modals-shopgram .custom-scrollbar {
		padding:3rem;
		overflow: hidden auto; 
		max-height: 80vh;
	}
}
@media screen and (max-width: 767px) {
	body {
		overflow-x: hidden !important;
	}
	.btn, a.btn, button {
		padding: 0 var(--col-gap-15);
	}
	.magepow-categories .categories-square .category-item-info .category-item-name {
	bottom: 1rem;
	left: 1rem;
	right: 1rem;
	}
	.block-popular-search {
		--cols-number: 2;
	}	
	.modal-popup .action-close {
		border: 1px solid var(--cl-border);
		background: #fff;
	}
	figure img {
		width:100%
	}
	.category-description {
		margin-bottom:30px;
	}
	
	.testimonial .item .inner-customer {
		flex-direction: column;
	}
	.testimonial .inner-left {display:none}
	.testimonial .inner-right {
		padding: 1.5rem;
	}
	.products-grid {
		--cols-number: 2;
		--cols-space: 2rem;
	}
	.cart.table-wrapper thead .col {display:none;}
	.cart.table-wrapper .item-info {
		display: flex;
		flex-wrap: wrap;
	}
	.cart.table-wrapper .item .col {
		padding: 1rem;
		border: none;
		text-align: left;
		border-left: 1px solid var(--cl-border);
        border-bottom: 1px solid var(--cl-border);
	}
	.cart.table-wrapper .item .col.subtotal {border-right: 1px solid var(--cl-border);}
	.cart.table-wrapper .item .col.item {
		border: 1px solid var(--cl-border);
		padding: 1rem;
		display: flex;
		gap: 10px;
		align-items: center;
		flex: 1 1 100%;
	}
	.cart.table-wrapper .product-item-photo {
		position: static;
		max-width: 100px;
	}
	.cart.table-wrapper .item-actions td ,
	.cart.table-wrapper .item-actions {
		border:none;
	}
	.product-item-details count-down {
		font-size: 12px;
        padding: 0 1rem;
        bottom: 1rem;
        left: 1rem;
        right: 1rem;
		height: 40px;
	} 
	    .modal-popup.modal-slide .modal-inner-wrap #popup-newsletter {padding: 3rem;}
	.modal-popup.modal-slide._inner-scroll .modal-inner-wrap {
		min-height: inherit;
	}
	.catalog-product-view .product.media,
	.modals-quickview .product-view .product.media {
		width: 100%;
		flex: 1 0 100%;
	}
	.product-view .product-info-main.product-shop,
	.modals-quickview .product-view .product-shop {
		overflow: inherit;
		max-height: inherit;
		width: 100%;
		flex: 1 0 100%;
	}
	.copyright-containe .copyright {
		margin-bottom: 15px;
		display: block;
		text-align: center;
	}
	.footer-copyright .payment {justify-content: center;}
	.mobile-collapsible {
        clear: both;
        position: relative;
    }
	.toggle-content {
        display: none;
    }
	.toggle-content.visible {
        display: block;
        padding-bottom: 15px;
    }
	.mobile-collapsible .toggle-tab.mobile {
        color: var(--cl-main);
        cursor: pointer;
        display: flex;
        font-size: 20px;
        line-height: normal;
        font-weight: 700;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        height: 40px;
        justify-content: end;
        align-items: center;
    }
	.page-footer .toggle-tab:before {
        content: "\f107";
        font-family: FontAwesome; 
    }
	.block-footer-top .block-title, 
	.block-footer-top .title {
		line-height: 40px;
	}
	.cms-countdown.horizontal .box-count {align-items: center;}
	.cms-countdown.horizontal .box-count .number {
		font-size: 20px;
		width: 30px;
	}
	.cms-countdown.horizontal .box-count .number b {line-height: 1;}
	.cms-countdown.horizontal .box-count .text {
		font-size: 14px;
	}
	.cms-countdown.horizontal .box-count:not(:first-child):before {
		width: 18px;
		font-size: 18px;
	}
	.magictabs {
		overflow: auto hidden;
        white-space: nowrap;
        display: block;
        width: 100%;
	}
	.magictabs .item {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		font-size: 1.4rem;
	}
	.modal-popup.modal-slide .modal-inner-wrap {
		max-height: fit-content;
		position: absolute;
		top: 50%;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
	.modal-popup.modal-slide._show .modal-inner-wrap {
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
	.actions-toolbar .secondary {
		padding-top:3rem
	}
	.nav-toggle {display:block;}
	.copyright-container {
		flex-direction: column;
		gap: 15px;
	}
	.footer-copyright .top-form-language {
		justify-content: center;
	}
	.login-container .fieldset {
		margin-bottom: 30px;
	}
	.toolbar-products .view-mode {display: none;}
}
@media screen and (max-width: 480px) { 
	.product-info-main .page-title-wrapper .page-title {
		font-size: 2rem;
		line-height: 2rem;
	}
	.block-popular-search { 
		--cols-number: 1;
	}
	.products-grid {--cols-number: 1;}
	.modal-popup.modal-popup_ajaxwishlist_magepow .modal-inner-wrap .ajax-wishlist-image, 
	.modal-popup.modal-popup_ajaxcompare_magepow .modal-inner-wrap .ajax-compare-image {display:none;}
	.toolbar-products {
		flex-wrap: wrap;
	}
	.shopthelook-right .justify-content-start ,
	.shopthelook-left .justify-content-start {
		justify-content: center !important; 
	}
	.product-item-details count-down {
		font-size:11px;
		padding: 0 .5rem;
	}
	.message.global.cookie.magepow-gdpr-cookie-notice {
		left: 0;
		right: 0;
		bottom: 0 !important;
	}
}
.alo-to-top {
    bottom: 3rem;
    font-weight: 700;
    font-size: 18px;
    position: fixed;
    right: 3rem;
    background-color: #fff;
    width: 50px;
    height: 50px;
    z-index: 99;
    overflow: hidden;
    padding: 0;
    border-radius: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    opacity: 0;
    box-shadow: 0 0 30px #00000017;
    cursor: pointer;
    border: 1px solid var(--cl-border);
}
.alo-to-top.show {
    opacity: 1;
}
.alo-to-top:before {
    content: "";
    height: var(--height);
    background: #111;
    position: absolute; 
    bottom: 0;
    left: 0;
    right: 0;
}
.alo-to-top svg,
.alo-to-top .fa {
    color: #fff;
    mix-blend-mode: difference;
} 
.alo-to-top .back-to-top {display:none;}

.data-tabs-content li img {
	width: auto;
} 