/* Responsive */
@media (max-width:1024px){
/* 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;}
.hotline-lang{display:none;}
.header-right{width:100%;justify-content:end;}
.header-left{width:200px;}
.header{padding:14px 10px!important;min-height:55px!important;position:relative;}
.menu-mobile ul li .scroll i{margin:0 auto!important;}
.introduce-container{padding:30px 10px 0 10px;}
.introduce-grid{grid-template-columns:48% 48%;}
.title-main::before,.title-main::after{width:300px;}
.produce-container{padding:30px 10px;}
.product-cat-container{padding:20px 10px 30px 10px;}
.news-container,.album-container,.product-container{padding:30px 10px;}
.newsletter-grid,.album-grid{grid-template-columns:100%;}
.partner-container{padding:25px 10px;}
.newsletter-grid{gap:20px;}
.newsletter-container{padding:20px 10px;}
.navigation.has-scroll{padding:10px;}
.navigation.has-scroll .logo-header-mobi{display:block!important;zoom:.8;}
.navigation.has-scroll .navigation__inner{width:100%!important;}
.change-lang-mobi{display:flex;gap:5px;}
section.header .navigation__inner{justify-content:end!important;}
section.header.has-scroll{min-height:52px!important;}
section.header.has-scroll .header-left .logo-header{zoom:0.5;}
.product-flex .swiper-button-next-2{right:0px;}
.product-flex .swiper-button-prev-2{left:0px;}
.product-cat-flex .swiper-button-next-1{right:0px;}
.product-cat-flex .swiper-button-prev-1{left:0px;}
.progress-wrap{bottom:100px!important;display:none!important;}
.has-scroll #hamburger:before,.has-scroll #hamburger:after,.has-scroll #hamburger span{background:#fff!important;}
}
@media (max-width:850px){
.product-filter{grid-template-columns:100%;}
.product-filter-cate-animal ul.active,.product-filter-use ul.active,.product-filter-group-product ul.active{position:relative;top:2px;}
.grid-news{grid-template-columns:1fr 1fr;}
/* 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{padding:30px 0px;}
.footer-article__inner > [class^="footer-article--"]{width:100%;}
.footer-article__inner > [class^="footer-article--"]:not(:last-child){margin-bottom:1.5rem;}
}
@media (max-width:780px){
.recruitment-info{grid-template-columns:100%;}
.recruitment-item{grid-template-columns: 100%;align-items:center;gap:15px;}
.recruitment-grid{grid-template-columns: 100%;gap:10px;}
.partner-flex{padding:0px;}
.partner-grid{grid-template-columns:100%;}
.partner-swiper-button-next,.partner-swiper-button-prev{display:none;}
.product-cat-flex{margin:-5px;}
.product-cat-item{margin:5px;}
.product-cat-name a{box-shadow:2px 2px 4px 0px rgba(0,0,0,0.20);gap:10px;}
.title-main::before,.title-main::after{width:100px;top:23px;}
.introduce-grid > div:nth-child(1){order:1;}
.introduce-grid{grid-template-columns:100%;gap:20px;}
.album__item{padding:0 5px 0 5px!important;margin-bottom:10px!important;}
.grid-product{grid-template-columns:1fr 1fr;gap:10px;}
.title-pro-detail{font-size:20px;}
.partner-grid div:nth-child(1) h2 p,.title-main span{font-size:35px;}
.main__title,.main__title h1{font-size:25px;}
.main__title{margin-bottom:10px;}
.gutter-x-20{--bs-gutter-x:10px;}
.grid-pro-detail{display:grid;grid-template-columns:100%;gap:20px;}
.grid-pro-detail .left-pro-detail{width:100%;padding:0px;border-right:none;}
.album-grid,.album-flex{gap:10px;}
.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;}
.footer-powered .wrap-content{flex-wrap:wrap;justify-content:center;gap:15px;}
.footer-statistic span:nth-child(2){display:none!important;}
.introduce-btn{margin-top:20px;}
.company-name{font-size:40px;}
}
@media (max-width:576px){
.recruitment-name a{font-size:15px;}
.title-main::before,.title-main::after{width:50px;}
.newsletter-grid div:nth-child(2){flex-flow:wrap;gap:10px;}
.header-left{width:auto!important;}
.navigation.has-scroll .logo-header-mobi,.header-left{top:0;min-width:172px!important;padding:0;height:52px;}
.grid-news{grid-template-columns:1fr;}
.rps-md--visible{display:block;}
.rps-md--hidden{display:none;}
.rps-md--w-100{width:100%;}
.product-cat-name{font-size:15px;}
}
@media (max-width:440px){
}
@media (max-width:369px){
}