/* Responsive */
@media (max-width:1200px) {
	.img1{display: none;}
	.title-main h2{font-size: 50px}
	.title-about h2{font-size: 60px;}
	.product__name a{font-size: 15px;}
	.album_i{max-width: 66%;}
	.listalbum{max-width: 34%}
	.footer-article .wrap-content{padding: 40px;}
}
@media (max-width:1001px) {
	/* General */
	.logo-mobi,.rps-xl--visible { display: block; }
	.box-hinhmenu:before,.box-hinhmenu:after,.wrap_hinhanhhd .wrap-content:after,.logo-avatar,.header-top,.flex-product-main .left-product,.logo-header,.rps-xl--hidden { display: none; }
	.flex-product-main .right-product,.footer-copyright,.footer-statistic,.navigation,.info-top,.rps-xl--w-100 { width: 100%; }
	#hamburger { display: block; } 
	.footer-powered{text-align: center;}
	.navigation nav ul li ul {
	    position: unset;
	    box-shadow: none;
	    opacity: 1;
	    visibility: unset;
	}
	.right_top{width: 100%;}
	.rps-lg--visible { display: block; }
	.rps-lg--hidden { display: none; }
	.rps-lg--w-100 { width: 100%; }
	.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; }
	.grid-news,.wap_tieuchi,.right-product .grid-product,.grid-product{
	    grid-template-columns: repeat(2, 1fr);
	    gap: 20px;
	}
	.main__title h1{font-size: 30px;}
	.wel{
	    font-size: 40px;
	    margin-bottom: -10px;
	}
	.title-about h2{font-size: 50px;}
	.noidung-about,.photo-about {width: 100%;}
	.photo-about {margin-top: 20px;}
	.time-nb span{font-size: 25px;}
	.time-nb{padding: 6px 20px;}
	.name-news{font-size: 18px;}
	.title-index span{font-size: 55px;letter-spacing: 5px;}
	.header-bottom {
	    position: static;
	    background: var(--color-red);
	}
	.search__icon i{color: #fff;}
	.slogan-about{font-size: 25px;margin-top: -10px;}
	.title-tchi,.slogan-tchi{font-size: 35px;}
	.slogan-tchi{line-height: 40px;}
	.name-tchi{font-size: 16px;line-height: 25px;}
	.title-main .slogan{font-size: 25px;}
	.title-form,.title-main h2{font-size: 40px}
	.wrap_hinhanhhd .swiper-pagination{position: absolute;display: none;}
	.wrap_hinhanhhd{padding-bottom: 50px;}
	.listalbum {
	    max-width: 500px;
	    position: static;
	    left: 0;
	    top: 0;
	    width: 100%;
	    z-index: 1;
	    margin: auto;
	    margin-bottom: 25px;
	}
	.listalbum_i{padding: 10px;border-radius: 10px;}
	.album_i{max-width: 100%;gap:20px;margin-bottom: 20px;}
	.wap_tintuc,.wap_ykien,.wap_video,.wap_dknt{width: 100%;}
	.wap_dknt{margin-top: 20px;}
	.newsletter-form{padding-left: 0;}
}
@media (max-width:769px) {
	.footer-article .wrap-content{padding: 40px 20px;}
	.title-index span{font-size: 45px;letter-spacing: 5px;}
	.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;}
	.right-product .grid-product,.grid-product{
	    grid-template-columns: repeat(2, 1fr);
	    gap: 10px;
	}
	.grid-news,.wap_tieuchi{
	    grid-template-columns: repeat(2, 1fr);
	    gap: 20px 10px;
	}
	.photo-about{padding-right: 20px;padding-bottom: 20px;}
	.ListTab_css_i a{font-size: 14px;padding: 8px 16px;}
	.name-news{font-size: 16px;}
	.tags-sp span{width: 100%;display: block;margin-bottom: 10px;}
	.hinh_lon{padding-top: 10px;padding-right: 10px;}
	.title-form,.title-tchi,.slogan-tchi{font-size: 30px;}
	.slogan-about{font-size: 20px;}
	.title-about h2{font-size: 40px;}
	.box-hinhmenu{padding: 10px;}
	.main_hinhmenu{padding: 12px;}
	.slogan2 {
	    margin-top: -10px;
	    margin-bottom: 10px !important;
	}
	.listalbum_i a{font-size: 17px;}
	.album_i{max-width: 100%;gap:10px;margin-bottom: 10px;}
}
@media (max-width:576px) { 
	.title-pro-detail{font-size: 20px;}
	.title-tchi,.slogan-tchi{font-size: 28px;}
	.slogan-tchi{line-height: 35px;}
	.title-index span{font-size: 35px;letter-spacing: 5px;}
	.view-news{font-size: 14px;}
	.name-blog,.name-news{font-size: 15px;}
	.photo-about{padding-right: 10px;padding-bottom: 10px;}
	.title-form,.main__title h1{font-size:25px;}
	.pic-tchi{display: table;margin: auto;margin-bottom: 10px;}
	.info-tchi{width: 100%;text-align: center;}
	.rps-md--visible { display: block; }
	.rps-md--hidden { display: none; }
	.rps-md--w-100 { width: 100%; }
	.button-about{zoom:0.8;}
	.title-main h2{font-size: 30px;}
	.product-item{padding: 6px;}
	.title-main .slogan {font-size: 22px;}
	.newsletter{margin-bottom: 10px;}
	.newsletter2{gap:10px;}
	.footer-article .wrap-content{padding: 40px 10px;}
	.footer__title{font-size: 16px;}
	.giomc p{font-size: 20px;}
	.footer__name{font-size: 35px;}
}
@media (max-width:460px) {
	.listalbum_i a{font-size: 16px;}
	.name-tchi {
        font-size: 15px;
        line-height: 25px;
        padding: 0 20px;
    }
	.button-about{zoom:0.7;}
}
@media (max-width:369px) { }