/* Responsive */
@media (max-width:1200px) {
.grid-menu { display: none; }
.mmenu-style { position: relative !important; padding: 10px; width: 100%; }
.mmenu-style > div { display: flex; align-items: center; justify-content: space-between; width: 100% !important; }
a.logo-header-mmenu { display: block; max-width: 95px; }
.mmenu-style.scroll-active { position: fixed !important; }
/* General */
.rps-xl--visible { display: block; }
.rps-xl--hidden { display: none; }
.rps-xl--w-100 { width: 100%; }
#hamburger { display: block; margin-bottom: 0; }
#hamburger:before, #hamburger:after, #hamburger span { background: var(--clr-black); }
.navigation nav ul li ul { position: unset; box-shadow: none; opacity: 1; visibility: unset; }
.tiktok-youtube-grid { grid-template-columns: 49% 49%; }
.introduce-grid { grid-template-columns: 50% 47%; }
.introduce-grid > div:nth-child(1) a { border-radius: 50px 0; }
.introduce-name { font-size: 25px; }
.introduce-name-company { font-size: 35px; line-height: 20px; }
.introduce-desc span { font-size: 14px; line-height: 24px; }
.introduce-btn a { font-size: 14px; width: 150px; height: 40px; }
.introduce-desc { padding: 10px 0; }
.branch-grid { grid-template-columns: 300px calc(100% - 300px); }
.footer-article--1, .footer-article--2, .footer-article--3 { width: 100%; }
.drum-VietNam-rotate { bottom: 100px; }
.footer-article { padding: 30px 10px !important; }
.feedback-item { max-width: 630px; margin: 0 auto; }
.news-grid { gap: 10px; }
.news-item:nth-child(1), .news-item:nth-child(2) { width: calc(50% - 5px); }
.news-item:nth-child(3), .news-item:nth-child(4), .news-item:nth-child(5) { width: calc(100%/3 - 7px); }
.product-grid-home { grid-template-columns: 303px calc(100% - 313px); }
.grid-product { gap: 10px; }
.product-new-grid { grid-template-columns: 360px calc(100% - 370px); }
.grid-pro-detail { grid-template-columns: 100%; gap: 20px; }
}
@media (max-width:850px) {
.grid-news { grid-template-columns: repeat(2, 1fr); gap: 10px; }
.product-grid { grid-template-columns: repeat(3, 1fr); gap: 10px; }
.album-container { padding: 30px 0 0 0; }
.newsletter-container, .news-container, .tiktok-youtube-container { padding: 30px 10px 0 10px; }
.branch-container { padding: 90px 10px 30px 10px; }
.tiktok-youtube-grid { gap: 30px; }
.title-box { background-size: contain; }
.introduce-grid { padding: 10px; border-radius: 50px 0 0 0; gap: 10px; }
.product-list-name a { font-size: 25px; }
.title-main span { font-size: 35px; }
.img-respon { max-width: 240px; }
.product-grid-home > div:nth-child(1) { display: none; }
.tiktok-youtube-grid, .introduce-grid, .product-new-grid, .product-grid-home { grid-template-columns: 100%; }
.product-new-grid { gap: 20px; }
.feedback-container, .product-container, .product-new-container, .introduce-container { padding: 30px 10px; }
.introduce-grid > div:nth-child(2) { border: none; padding: 0; }
/* 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; }
}
@media (max-width:700px) {
.product-contact a { font-size: 14px; }
.product-contact { font-size: 14px; }
.product-grid { grid-template-columns: repeat(2, 1fr); }
.feedback-item { grid-template-columns: 42% 55%; }
.feedback-item a::before { width: 100%; height: 100%; background-size: contain; }
.album-container .title-box, .product-container .title-box, .news-container .title-box, .tiktok-youtube-grid .title-box { margin-bottom: 15px; }
.grid-product { grid-template-columns: 1fr 1fr; }
.gutter-x-20 { --bs-gutter-x: 10px; }
.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; }
.product-list-info { padding: 10px; }
.product-list-name a { font-size: 20px; }
.product-list-desc span { -webkit-line-clamp: 10; }
.product-new-btn a, .product-list-btn a { width: 150px; height: 40px; font-size: 14px; margin-bottom: -1px; }
.news-item:nth-child(3), .news-item:nth-child(4) { width: calc(50% - 5px); }
.news-item:nth-child(5) { display: none; }
.branch-grid { grid-template-columns: 40% 60%; }
.feedback-run { margin: 0px; }
}
@media (max-width:576px) {
.grid-news { grid-template-columns: repeat(1, 1fr); gap: 10px; }
.product-list-grid { flex-flow: wrap; }
.product-list-item { width: 50%; height: 300px; }
.product-list-item.active { width: 50%; }
.product-list-desc span { -webkit-line-clamp: 4; }
.newsletter-hotline p a { font-size: 20px; }
.feedback-info { background-size: 100% 100%; }
.title-box .title-main span, .main__title h1 { font-size: 30px; }
.album-run { height: 320px; }
.news-item { width: 100% !important; }
.news-item:nth-child(5) { display: block; }
/* General */
.rps-md--visible { display: block; }
.rps-md--hidden { display: none; }
.rps-md--w-100 { width: 100%; }
.cart-pro-detail a, .cart-pro-detail .quantity-pro-detail, .btn-contact-product { width: 100%; }
}
@media (max-width:440px) { }
@media (max-width:369px) { }