/* Responsive */
@media (max-width:1024px) {
	/* General */ 
	.navigation nav#menu { display: none; }
	.navigation nav ul li ul {position: unset;box-shadow: none;opacity: 1;visibility: unset;} 
	#hamburger {display: block;margin-bottom: 0;width: 40px;height: 40px;position: relative;cursor: pointer;background: #ddd;padding: 5px;border-radius: 5px;}
	#hamburger:before, #hamburger:after, #hamburger span {background: var(--clr-black);} 
	#hamburger:before, #hamburger:after, #hamburger span {background: var(--color-2);content: '';display: block;width: calc(100% - 10px);height: 3px;position: absolute;left: 5px;border-radius: 5px;}
	#hamburger:before {top: 10px;}
	#hamburger span {top: 18px;}
	#hamburger:after {top: 26px;}
	#hamburger:before, #hamburger:after, #hamburger span { -webkit-transition: none 0.5s ease 0.5s; transition: none 0.5s ease 0.5s; -webkit-transition-property: transform, top, bottom, left, opacity; -webkit-transition-property: top, bottom, left, opacity, -webkit-transform; transition-property: top, bottom, left, opacity, -webkit-transform; transition-property: transform, top, bottom, left, opacity; transition-property: transform, top, bottom, left, opacity, -webkit-transform; }
	


}
@media (max-width:850px) {
	/* General */ 
	.grid-album { --col:3; }
	.news-left { width: 100%; }
	.news-right { width: 100%; margin-top: 30px; padding: 10px; }
	.navigation-logo{
		margin: 0;
	}
	.navigation-logo-mobi{display: block;}
	.navigation-logo-mobi img{max-height: 80px;width: auto;}
	.slideshow-image img{}
	.navigation-logo-inner::after{display: none;}
	.navigation-logo img{max-height: 90px;width: auto;}
	.wrap-criteria{
		padding: 2rem 0 1rem;
	}
	.title-main-index h2{
		font-size: 22px;
		background-size: auto 11px;
	}
	.title-main-index span{
    font-size: 19px;
    text-align: center;
}
	.title-main-index span::after, .title-main-index span::before{
    width: 20px;
    background-size: 100% auto;
}
	.name-criteria{
		font-size: 15px;
	}
	.wrap-newsHome{padding: 2rem 0;}
	.left-newsHome{width: 100%;}
	.right-newsHome{width: 100%;padding: 2rem 1rem;}
	.title-news h2{font-size: 30px;}
	.news-time{display: none;}
	.news-name a{font-size: 15px;line-height: 22px;height: calc(22px*2);}
	.news-desc{
		-webkit-line-clamp: 2;
	}
	.footer-article--4{margin-top: 1rem;}
	.footer-article .wrap-content{padding: 3rem 0;}
	.grid-news{--col: 1;}
	.grid-news2, .w-pageListProduct .grid-product, .grid-product{--col: 2;}
	.newsHome-name{}
	.newsHome-number{font-size: 40px;top: 10px;}
	.newsHome-view{}
	.swiper-news .newsHome{}
	.swiper-news .newsHome2{transform: translateY(30px);}
	.wrap-feedback{padding: 3rem 0;}
	.title-main-3 h2{margin-bottom: 1.5rem;}
	.desc-feedback{margin-top: 16px;}
	.title-main-4 h2{margin-bottom: 0;}
	.title-main-4 span{font-size: 18px;}
	.footer-article__inner{padding: 0;min-height: auto;}
	.footer-article__inner::after{display: none;}
	.footer-powered .wrap-content{}
	.breadCrumbs{padding-left: 0;}
	.grid-pro-detail .right-pro-detail{width: 100%;margin-top: 20px;}
	.title-detail h1{font-size: 21px;}
	.header-top{display: none;}
	.box-logo{display: none;}
	.right-menu-top{width: 100%;}
	.right-menu{display: none !important;}
	.header-bottom{padding: 0;}
	.header-bottom .wrap-content{width: 100%;}
	.navigation{border-radius: 0;padding: 0;}
	.search__toggle .search__grid{position: absolute;width: 250px;top: 50px;right: 0;}
	.product-view{width: 100%;}
	.product-view a{width: calc(50% - 10px);min-width: auto;padding: 12px 10px;font-size: 13px;}
	.price-new{font-size: 16px;}
	.product-number{font-size: 18px;}
	.footer-map{height: 55vh;}
	.product-options{
		width: calc(50% - 10px);
		margin-bottom: 5px;
	}
	.options-name{font-size: 14px;}
	.options-desc{font-size: 17px;}
	.left-promotion{width: 100%;}
	.right-promotion{width: 100%;margin-top: 20px;}
	.name-promotion{font-size: 19px;}
	a.hotline-promotion{margin-bottom: 10px;}
	.wap-newsletter{
    padding-left: 1rem;
    padding-right: 1rem;
}
	.product-list{
    padding-left: 12px;
    padding-right: 7px;
}
	.product-list h2{
    font-size: 18px;
}
	.view-more{
		font-size: 13px;
		padding-right: 0;
		background: none;
	}
	.wrap-bannerQC{
    padding: 3rem 0;
}
	.left-bannerQC{
    width: 100%;
}
	.right-bannerQC{
    width: 100%;
    margin: 1rem 0 0;
}
	.name-bannerQC{font-size: 30px;}
	.left-privilege{display: none;}
	.right-privilege{width: 100%;}
	.newsHome-time{display: none;}
	.wrap-newsletter{padding: 3rem 0;}
	.wap-newsletter2{width: 100%;}
	.w-40-newsletter{width: 100%;}
	.newsletter-btn{margin: 0 auto 20px;width: 100%;text-align: center;}
	.desc-pro-detail{width: 100%;}
	.search__toggle{margin-left: 0;}








	/* 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) {
	.gutter-x-20 { --bs-gutter-x: 10px; } 
	.grid-pro-detail { display: block; }
	.grid-pro-detail .left-pro-detail { width: 100%; padding: 0px; border-right: none; }
	
	.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;}
}
@media (max-width:576px) {
	/* General */
	.grid-album { --col:2; }
 }
@media (max-width:440px) { .grid-product{--col: 1;--gap-x: 5px;}}
@media (max-width:369px) { }