/* Responsive */
@media (max-width:1200px) {
	.title-about h2{font-size: 50px;}
	.title-main h2{font-size: 40px;}
	.name-blog{font-size: 20px;line-height: 28px;}
	.small-news .name-blog {
	    font-size: 15px;
	    line-height: 22px;
	}
}
@media (max-width:1001px) {
	/* General */
	.logo-mobi,.rps-xl--visible { display: block; }
	.flex-product-main .left-product,.logo-header,.right_top,.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;
	}
	.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: 30px;}
	.wel{font-size: 30px;}
	.noidung-about,.photo-about {width: 100%;}
	.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;}
	.photo-about:after{right: 0;}
	.header-bottom {
	    width: 100%;
	    position: static;
	    padding: 10px 0px;
	}
	.title-about h2{font-size: 40px;}
	.grid-container{grid-template-rows: 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px;gap: 10px 10px;}
	.view-about{padding: 10px 22px;font-size: 14px;}
	.wrap-about{padding-bottom: 60px;}
	.wrap-tintucnb {
	    padding: 60px 0px;
	    padding-top: 370px;
	}
	.wap_video,.page1{padding-top: 60px;}
	.wap_banggia{padding: 50px 0px}
	.lhe{margin-left: 0;}
}
@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;}
	.slogan,.wel{font-size: 25px;}
	.photo-about{padding-right: 20px;padding-bottom: 20px;}
	.ListTab_css_i a{font-size: 14px;padding: 8px 16px;}
	.tags-sp span{width: 100%;display: block;margin-bottom: 10px;}
	.item-hinhanhhd{margin-bottom: 10px;}
	.title-about h2{font-size: 30px;}
	.product-item{padding: 6px;}
	.product-info{padding: 15px 5px;}
	.item-video video{height: 450px;object-fit: cover;}
	.big-news,.small-news{width: 100%;}
	.big-news{margin-bottom: 25px;}
	.name-blog{font-size: 18px;line-height: 26px;}
	.footer__name{font-size: 30px;}
	.lhe{padding: 10px;font-size: 14px;}
}
@media (max-width:576px) { 
	.small-news .name-blog,.wrap_sanphamnb .product__name a{
		font-size: 15px;
		-webkit-line-clamp: 2;
	    white-space: inherit;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    height: calc(24px*2);
	    line-height: 24px;
	}
	.logo-mobi img {max-width: 220px;}
	.grid-container{grid-template-rows: auto;gap: 5px 5px;}
	.slogan{font-size: 20px;}
	.title-index span{font-size: 35px;letter-spacing: 5px;}
	.view-news{font-size: 14px;}
	.name-news{font-size: 15px;line-height: 24px;}
	.photo-about{padding-right: 10px;padding-bottom: 10px;}
	.main__title h1,.title-main h2{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%; }
	.xthem-pro img {width: 40px;}
	.product__name {width: calc(100% - 50px);}
	.product__name a{font-size: 15px;line-height: 22px;}
	.logo-header img{max-width: 200px;}
}
@media (max-width:480px) { 
	.logo-header img{max-width: 190px;}
	.main__title h1,.title-main h2{font-size:22px;}
	.name-news{font-size: 14px;}
}
@media (max-width:369px) { }