/* Responsive */
@media (max-width:1024px){
	.navigation .index-line{display: none;}
	.header{display: block;}
	.header-logo-mobile{max-width: 50%;display: block;}
	.home-ic{font-size:20px;color:#fff;}
	.home-ic,
	.book-slide{display:block;}
	.footer-copyright2{text-align:center;margin-top:30px;display:block;}
	.footer-fanpage{margin:0px -20px -20px 0px;border-bottom-right-radius:20px;overflow:hidden;}
	.footer-box{margin:0px!important}
	.hinhanh-btn div:nth-child(2){padding:0px 20px;}
	.hinhanh-d{position:unset;display:flex;justify-content:center;width:100%;margin-bottom:20px;}
	.hinhanh .title-index{position:unset;text-align:center;max-width:unset;}
	.title-index h2{font-size:50px;}
	.about-slide-box{min-width:100%;}
	.about-txt-1 span:nth-child(3){font-size:90px;}
	.slideshow{padding-bottom:10px;}
	.navigation{background:url(../images/slide1.webp);}
	.navigation-bg{height:auto;}
	.navigation>.navigation__inner{padding:10px 0px;}
	.search-phone label{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--m1);}
	.navigation-box{height:auto;}
	.footer-powered .wrap-content{flex-wrap:wrap;}
	.footer-article .wrap-content{grid-template-columns:1fr;gap:20px;padding:20px;}
	.about .wrap-content{grid-template-columns:1fr;}
	.hinhanh{padding-bottom:30px;}
	.footer-article{padding:70px 0px 20px 0px;}
	.monngon,
	.videoin,
	.thucdon,
	.custom-py{padding:30px 0px;}
	.about{margin:30px 0px;}
	.album-d,
	.product-d,
	.grid-news{grid-template-columns:repeat(3,1fr);gap:10px}

	/* General */
	.footer-copyright,
	.bookblock-box,
	.about-logo,
	.monngon-prev,
	.monngon-next,
	.hinhanh-next,
	.hinhanh-prev,
	.leaf,
	.navigation nav#menu{display:none;}
	.menu-mobile{display:block!important;}
	.navigation nav ul li ul{position:unset;box-shadow:none;opacity:1;visibility:unset;}
	.search-phone{display:flex;border:#fff solid 2px;background:#fff;}
	.search-phone input{border-color:#fff;height:40px;}
	#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){
	.footer-time span{font-size:17px;}
	.title-index h2{font-size:40px;}
	.about-txt-1 span:nth-child(3){font-size:70px;}
	.about-txt-1 span:nth-child(1){font-size:35px;}
	.slideshow .wrap-content{padding:5px;}
	.product-price-new{font-size:18px;}

	/* General */
	.grid-album{--col:3;}
	.news-left{width:100%;}
	.news-right{width:100%;margin-top:30px;padding:10px;}

	/* 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){
	.videoin-slogan{font-size:40px;}
	.videoin .wrap-content{padding:10px;}
	.product-photo{padding:5px;}
	.product-name{font-size:20px;-webkit-line-clamp:2}
	.banner > img{min-height:400px;}
	.banner-txt-1{font-size:25px;}
	.about-txt-1 span:nth-child(4){font-size:20px;}
	.about-txt-1 span:nth-child(3){font-size:60px;}
	.about-txt-1 span:nth-child(2){font-size:25px;margin-bottom:0px;}
	.about-txt-1 span:nth-child(1){font-size:30px;}
	.album-d,
	.product-d,
	.grid-news{grid-template-columns:repeat(2,1fr);}
	.gutter-x-20{--bs-gutter-x:10px;}
	.grid-pro-detail{display:block;}
	.grid-pro-detail .right-pro-detail,
	.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){
	.hinhanh-slide{margin:0px -23%;}
	.videoin-slogan{font-size:30px;}
	.banner-txt-2{font-size:20px;-webkit-line-clamp:5;}
	.about-txt-1 span:nth-child(4){font-size:17px;}

	/* General */
	.grid-album{--col:2;}
}
@media (max-width:440px){
}
@media (max-width:369px){
}