/* 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: 35px; height: 23px; position: relative; cursor: pointer; }
	#hamburger:before, #hamburger:after, #hamburger span {background: var(--clr-black);} 
	#hamburger:before, #hamburger:after, #hamburger span { background: #ffffff; content: ''; display: block; width: 100%; height: 2px; position: absolute; left: 0px; }
	#hamburger:before { top: 0px; }
	#hamburger span { top: 10px; }
	#hamburger:after { top: 20px; }
	#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{ width: auto !important;height: 35vh;object-fit: cover;}
	.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: 30px;}
	.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;
	}
	.feedback{margin: 0;width: calc(50% - 5px);}
	.pic-feedback{}
	.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{margin-top: 16px;padding-top: 5px;}
	.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 1rem;}
	.search__toggle .search__grid{position: absolute;width: 250px;top: 50px;right: 0;}
	.wrap-aboutHome{padding: 2rem 0;}
	.left-aboutHome{width: 100%;order: 2;margin-top: 20px;}
	.right-aboutHome{width: 100%;padding: 30px 20px;}
	.slogan-index{
		background-size: auto 20px;
		padding-bottom: 30px;
		margin-bottom: 1.2rem;
	}
	.name-aboutHome{
    font-size: 25px;
}
	.view-aboutHome{
    font-size: 13px;
    padding: 10px 20px;
    min-width: 150px;
    margin-top: 10px;
}
	.right-aboutHome::after{background-size: 23vw;}
	.wrap-productListNB{padding: 2.5rem 0;}
	.slogan-index-2 span{font-size: 15px;}
	.product-view{width: 100%;padding: 10px 10px;}
	.product-view a:nth-child(1){display: none;}
	.product-view a:nth-child(2){margin-right: 0;}
	.price-new{font-size: 16px;}
	.product-number{font-size: 18px;}
	.footer-map{height: 55vh;}



	/* 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: 2;--gap-x: 5px;}}
@media (max-width:369px) { }