@charset "UTF-8";

/* Media Query */
@media(max-width:1024px) { 
	/* General */
	.rps-xl--visible { display: block; }
	.rps-xl--hidden { display: none; }
	.rps-xl--w-100 { width: 100%; }
	.ckeditor {}
	.ckeditor:after { content: ''; clear: both; display: block; }
	.ckeditor *:not(iframe) { max-width: 100% !important; height: auto !important; }
	.ckeditor iframe { max-width: 100% !important; } 

	/* ? MenuDesk */
	.menu-desk { width: 0px; opacity: 0; position: fixed; top: 0; left: -100%; bottom: 0; background: transparent; transition: all 0.5s ease-out; z-index: 999; }
	.menu-desk.show {opacity: 1;left: 0;width: 480px;max-width: 85%;transition: all 0.5s ease-out;z-index: 300;}
	.menu-desk__inner { opacity: 0; position: fixed; top: 0; left: -300px; bottom: 0; width: 290px; text-align: left; box-shadow: -2px 0px 5px 0px #2222224d; background: #fff; transition: all 0.5s ease-out; cursor: pointer; z-index: 1000; }
	.menu-desk.show .menu-desk__inner { opacity: 1; left: 0; }
	.menu-desk__btn-exit { transition: all 0.3s ease-out; cursor: pointer; }
	.menu-desk__btn-exit i { font-size: 20px; color: var(--clr-tone); }
	.menu-desk.show .menu-desk__btn-exit i { transform: rotateZ(-90deg); transition: all 0.5s ease-out; }
	.menu-desk__logo { display: table; margin: auto; zoom: .76; }
	.menu-desk__list { padding: 15px; position: relative; }
	.menu-desk-center ul { list-style: none; padding: 0; margin: 0 }
	.menu-desk-center ul li.li-tim { display: none }
	.menu-desk-center ul li h2 { font-size: 17px; margin-bottom: 0 }
	.menu-desk-center ul li b { display: inline-block; vertical-align: top; margin-right: 8px }
	.menu-desk-center ul li b img { display: inline-block; vertical-align: top }
	.menu-desk-center ul li a { color: #191919; display: block; border: 1px solid rgb(132 132 132 / 20%); padding: 10px 40px 10px 10px; position: relative; font-size: 15px; margin-bottom: 12px; border-radius: 5px; transition: .5s !important; font-weight: 500 }
	.menu-desk-center ul li a.active2 { color: #fff; box-shadow: 0 0 0 25px var(--clr-tone) inset; }
	.menu-desk-center ul li a i { position: absolute; right: 10px; transform: rotate(90deg); width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; font-size: 12px; background: var(--clr-tone); color: #fff; border-radius: 50%; top: 10px }
	.menu-desk-center ul li a.active2 i { transform: rotate(0); border-left: 1px solid rgba(255, 255, 255, .2); background: #fff; color: var(--clr-tone); }
	.menu-desk-center ul ul { display: none; padding-left: 15px; margin: 5px 0 10px 0 }
	.menu-desk-center ul li ul li a { padding-left: 20px; color: #6f6f6f }
	.menu-desk-center ul li ul li ul li a { padding-left: 20px }
	.menu-desk-center ul li:last-child a { margin-bottom: 0 }
	.menu-desk__social-title { font-family: var(--font-bold); font-size: 20px; color: #fff; text-align: left; margin-bottom: 10px; }
	.menu-desk__social ul { list-style: none; padding: 0px; margin: 0px; }
	.menu-desk__social ul li { margin-right: 15px; }
	.menu-desk__social ul li:last-child { margin-right: 0; }
	.menu-desk__social ul li a { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border: 1px solid #fff; border-radius: 5px; background: transparent; transition: all 0.3s ease-out; }
	.menu-desk__social ul li a:hover { box-shadow: 0px 0px 4px 0px #fff, 0px 0px 4px 0px #fff inset; }
	.menu-btn { color: var(--clr-white); font-size: 35px; text-decoration: none; width: 20px; display: block; cursor: pointer; margin: 0; text-align: center; }
	.menu-desk--top { display: flex; flex-direction: row-reverse; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 5px 15px; border-bottom: 1px solid var(--clr-tone); }
	.menu-desk--bottom { padding: 15px; margin-top: auto; border-top: 1px solid var(--clr-tone); }
	.menu-desk__inner { display: flex; flex-direction: column; position: absolute; top: 0; bottom: 0; height: 100%; width: 100%; }
	.menu-desk-center { overflow-y: scroll; height: 100%; -webkit-overflow-scrolling: touch; -ms-scroll-chaining: none; overscroll-behavior: none; }
	
	/* Mmenu */
	/* nav:where(#menu, #mm-menu) { font-family: var(--font-bold); --mm-color-background: #fff; --mm-color-text: #000; --mm-color-text-dimmed: #000; --mm-color-button: #000; }
	nav:where(#menu, #mm-menu) .mm-navbar__title { font-size: 18px; }
	.mm-listitem__btn span { display: none; } */
	.navigation {padding: 5px 0;background: var(--clr-active);}
	.slide__title {top: 3rem;}
	.formNewsletter__main,
	.intro__main {flex-direction: column; gap: 1.5rem;}
	.formNewsletter-left,
	.formNewsletter-right,
	.intro-left,
	.intro-right {width: 100%;}
	.wrap-intro::before {background-position: center right;}
	.box__flipbook {zoom: .75;}


}
@media (min-width:851px) and (max-width:1023px) { }
@media(max-width:850px) {
	
	/* General */
	.rps-lg--visible { display: block; }
	.rps-lg--hidden { display: none; }
	.rps-lg--w-100 { width: 100%; }
	
	/* Product */
	.album__list.flex-list,
	.product__list.flex-list { --columns: 3; --space-horizontal: 0.625rem; --space-vertical: 1.25rem; }
	.news__list.flex-list { --columns: 2; --space-horizontal: 0.625rem; --space-vertical: 1.25rem; }
	
	/* Footer */
	.footer-article__inner>[class^="footer-article--"] { width: 100%; }
	.footer-article__inner>[class^="footer-article--"]:not(:last-child) { margin-bottom: 1.5rem; }

}

@media(max-width:769px) {
	.footer-powered:has(.footer-statistic) .footer-copyright, .footer-powered:has(.footer-statistic) .footer-statistic { text-align: center; }
	.footer-powered:has(.footer-statistic) .footer-copyright { margin-bottom: 0.25rem; } 
	.feedback__info:before {content: none;}
	.box__flipbook {zoom: .65;}

	
}
@media(max-width:576px) {
	
	/* General */
	.rps-md--visible { display: block; }
	.rps-md--hidden { display: none; }
	.rps-md--w-100 { width: 100%; }
	
	/* Product */
	.product__list.flex-list { --columns: 2; --space-horizontal: 0.5rem; --space-vertical: 1.25rem; } 
	.product__info {padding: 0 7px 7px;}
	
	/* News */
	.news .news__photo { margin-bottom: 1rem; }
	
	.navigation__logo {zoom: .76;}
	.intro__btn,
	.intro__photo,
	.intro__photo1 {position: unset; width: fit-content;}
	.intro__btn {width: max-content;}
	.intro-right {display: flex; flex-direction: column-reverse; gap: 1rem;} 
	.intro__btn .icon {width: 100px; height: 50px; border-radius: 5px;}
	.news__info {padding: 10px;}
	.news__desc {--line-clamp: 1;}
	.productList-left:before {content: none;}
	.productList__title {flex-direction: column;gap: 1rem;}
	.newsletter__flex {flex-direction: column; gap:0;} 
	.news__name {-webkit-line-clamp: 1;} 
	.box__flipbook {zoom: .3;}
}	
@media(max-width:420px) { }
@media(max-width:369px) {
	
	/* Cart */
	.cart-pro-detail a { width: 100%; }
	.cart-pro-detail a:first-child { margin: 0 0 0.5rem 0; }
	.cart-pro-detail a i { display: none; }
}