/* Responsive */
@media (max-width:1200px) {
	.name-com{font-size: 60px;}
	.title_album{font-size: 40px;}
}
@media (max-width:1001px) {
	/* General */
	.logo-mobi,.rps-xl--visible { display: block; }
	.box-footer:nth-child(1),.flex-product-main .left-product,.logo-header,.right_top,.rps-xl--hidden { display: none; }
	.box-footer:nth-child(2),.box-footer:nth-child(3),.box-footer:nth-child(4),.flex-product-main .right-product,.footer-copyright,.footer-statistic,.navigation,.info-top,.rps-xl--w-100 { width: 100%; }
	.box-footer:nth-child(2),.box-footer:nth-child(3){margin-bottom: 20px;}
	#hamburger { display: block; } 
	.footer-powered{text-align: center;}
	.navigation nav ul li ul {
	    position: unset;
	    box-shadow: none;
	    opacity: 1;
	    visibility: unset;
	}
	.logo-mobi{padding-top: 6px;}
	/* General */
	.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;
	}
	.item-tchi,.wap_tieuchi{border: 0;}
	.main__title h1,.title-main h2{font-size: 35px;}
	.wel{font-size: 20px;}
	.big-news,.small-news,.noidung-about,.photo-about {width: 100%;}
	.small-news {margin-top: 20px;}
	.photo-about{margin-bottom:20px}
	.time-nb span{font-size: 25px;}
	.time-nb{padding: 6px 20px;}
	.title-index span{font-size: 55px;letter-spacing: 5px;}
	.title-about h2{font-size: 35px;}
	.main_title {
		position: static;
		transform: unset;
		margin-bottom: 30px;
		padding: 10px;
		border: 5px solid #2384E9;
	}
	.title_album {
		color: #333;
		font-size: 30px;
	}
	.name-com {
		font-size: 40px;
	}
}
@media (max-width:769px) {
	.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;}
	.grid-news,.wap_tieuchi,.right-product .grid-product,.grid-product{
	    grid-template-columns: repeat(2, 1fr);
	    gap: 10px;
	}
	.name-tchi{font-size: 40px;}
	.footer__title{font-size: 18px;}
	.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;}
	.item-hinhanhhd{margin-bottom: 10px;}
	.header-bottom{position: static;}
	.header-bottom .wrap-content{width: 100%;}
	.navigation,.navigation>.navigation__inner{border-radius: 0;}
	.navigation>.navigation__inner{padding: 0px 20px;}
	.title-about h2,.main__title h1,.title-main h2{font-size:30px;}
	.name-album,.price-new{font-size: 16px;}
	.title_album{font-size: 25px;}
	.pic-videoHome:after{background-size: 60px;}
}
@media (max-width:576px) { 
	.small-news{gap: 10px 10px;}
	.title_album{font-size: 20px;}
	.name-com{font-size: 30px;}
	.name-blog1{font-size: 20px;}
	.icon-pro {
        width: 100px;
        height: 46px;
        background-size: 100% 100%;
        font-size: 20px;
        padding-left: 20px;
		margin-right: -10px;
	}
	.small-news .name-blog,.product__name a{font-size: 16px;}
	.title-index span{font-size: 35px;letter-spacing: 5px;}
	.view-news{font-size: 14px;}
	.name-album{font-size: 15px;}
	.title-about h2,.main__title h1,.title-main h2{font-size:27px;}
	.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%; }
	.content-about{font-size: 15px;padding: 0;}
	.price-new{font-size: 15px;}
	.product-info {
		padding: 15px 10px;
	}
	.xthem-sp span{font-size: 18px;}
	.product-khac .product-item {
		margin: 5px;
	}
}
@media (max-width:480px) { 
	.hinh_vuichoi{width: 100%;}
	.wap_video {
		width: 100%;
		margin-top: 20px;
	}
	.icon-pro{width: 85px;height: 42px;}
}
@media (max-width:369px) { }