/* Responsive */
@media (max-width:1190px){
.header{position:relative;display:none;}
.header:hover{background:transparent;}
.navigation{background:#1769ff;}
/* 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:#fff;content: '';}
.navigation.has-scroll #hamburger:before,.navigation.has-scroll #hamburger:after,.navigation.has-scroll #hamburger span{background:#ffffff;content: '';}
.navigation nav ul li ul{position:unset;box-shadow:none;opacity:1;visibility:unset;}
.product-list-item{width:calc(100%/3 - 20px);}
.why-grid{grid-template-columns:49% 49%;justify-content:space-between;padding:0;}
.header-grid{display:none;}
.header .wrap-1300{grid-template-columns:68px;justify-content:center;padding:5px 0;}
.navigation.has-scroll > .navigation__inner{width:100%;}
.navigation > .navigation__inner{padding:10px;}
.news-item a.hover-img img{width:100%;}
.news-item{max-width:100%;}
a.logo-header{display:flex!important;align-items:center;justify-content:center;padding:5px 0;border-radius:10px;background:#1769ff;width:100%;max-width:40px;}
.news-grid{margin:-5px;}
.news-grid .news-item{width:calc(50% - 10px);margin:5px;}
.news-info{padding:10px;margin-top:-20px;}
.product-grid .product-item{width:calc(25% - 10px);margin:5px;}
}
@media (max-width:1000px){
section.footer-article{padding:30px 10px;}
.product-grid .product-item{width:calc(100%/3 - 10px);margin:5px;}
.why-container,section.product-list-container,section.product-brand-container{padding:30px 10px;}
h2.title-main{font-size:22px;margin-bottom:15px;}
h2.title-main::before{height:30px;top:1px;}
.introduce-container{padding:30px 10px;}
a.introduce-logo{max-width:80px;}
.introduce-title{font-size:22px;}
.introduce-desc{font-size:14px;line-height:25px;}
.introduce-btn{margin-top:10px;}
.product-cat-title{flex-flow:wrap;gap:10px;margin-bottom:20px;}
.product-cat-tab{width:100%;overflow-x:scroll;}
.product-cat-item{white-space:nowrap;}
.title-box p{font-size:22px;margin:0;}
.title-box span{font-size:22px;}
h2.title-box{margin-bottom:10px;}
.why-item{padding:10px 0 10px 20px;}
.why-item p{font-size:15px;margin-bottom:5px!important;}
.why-item span{font-size:14px;line-height:22px;}
.product-cat-container{padding:30px 10px 0 10px;}
section.news-container{padding:30px 10px;margin-top:20px;}
.right-pro-detail{margin-top:20px;}
h1.title-pro-detail.capitalize{font-size:20px;}
.main__title h1,.main__title span,.main__title p{font-size:18px;}
.grid-pro-detail{display:block;}
.grid-pro-detail .left-pro-detail{width:100%;padding:0px;border-right:none;}
}
@media (max-width:850px){
.why-grid{grid-template-columns: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-article__inner > [class^="footer-article--"]{width:100%;}
.footer-article__inner > [class^="footer-article--"]:not(:last-child){margin-bottom:1.5rem;}
}
@media (max-width:769px){
.why-scroll{max-height:275px;}
.product-grid .product-item{width:calc(50% - 10px);margin:5px;}
.product-list-item h3 a{font-size:15px;padding:5px 0;border-radius:5px;}
.product-list-item h3{width:calc(100% - 10px);left:5px;bottom:5px;}
.product-brand-item a:nth-child(2){max-width:70px;margin-top:-35px;}
.product-brand-grid{grid-template-columns:1fr 1fr;gap:10px;}
.gutter-x-20{--bs-gutter-x: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;}
.product-list-item{width:calc(50% - 10px);border-radius:5px;}
.product-list-flex{gap:10px;}
.product-list-item a.hover-img img{width:100%;}
}
@media (max-width:576px){
h2.title-main::before{margin-top:-3px;}
.title-box span,.introduce-title,h2.title-main{font-size:18px;}
/* General */
.rps-md--visible{display:block;}
.rps-md--hidden{display:none;}
.rps-md--w-100{width:100%;}
}
@media (max-width:440px){
}
@media (max-width:369px){
}