@media (max-width:1195px){
.title-main span{font-size:44px!important;}
.title-main-company{font-size:22px;letter-spacing:5.5px;}
.slogan-main{font-size:14px;max-width:550px;}
.title-company-2{font-size:13px;letter-spacing:3.5px;}
.title-main-2 span{font-size:28px;}
.introduce-container{padding:60px 10px 80px 10px;}
.introduce-grid{grid-template-columns:600px 1fr;gap:15px;}
.introduce-title{font-size:30px;line-height:52px;margin-bottom:15px;}
.introduce-company{font-size:50px;line-height:58px;}
.introduce-company::before{height:95px;}
.introduce-desc span{font-size:14px;}
.introduce-btn{right:45px;}
.introduce-btn a{font-size:16px;width:220px;height:76px;}
.solieu-box{gap:8px;}
.solieu-item{padding:14px 0px 14px 12px;}
.solieu-name span{font-size:22px;}
.solieu-desc span{font-size:14px;}
.services-container{padding:55px 10px 70px 10px;}
.services-info{padding:45px 30px 0 30px;}
.services-number{font-size:80px;line-height:68px;}
.services-name{margin:28px 0 12px 0;}
.services-name a{font-size:18px;}
.services-desc span{font-size:14px;}
.projects-container{padding:65px 10px 55px 10px;}
.projects-box{grid-template-columns:repeat(3,1fr);gap:8px;}
.projects-name a{font-size:15px;}
.products-container{padding:45px 10px 55px 10px;}
.processes-container{padding:55px 10px 50px 10px;}
.processes-box{grid-template-columns:repeat(6,1fr);}
.processes-item:nth-child(2n+1){margin-top:150px;}
.processes-item .scale-img{width:120px!important;height:120px !IMPORTANT;}
.processes-name span{font-size:16px;line-height:28px;}
.processes-desc span{font-size:15px;line-height:24px;}
.newsletter-container{padding:45px 10px 50px 10px;}
.newsletter-container .title-main span{font-size:30px!important;}
.news-video-container{padding:55px 10px 0 10px;}
.news-video-grid{grid-template-columns:calc(100% - 640px) 610px;gap:25px;}
.news-item{grid-template-columns:45% 52%!important;gap:15px;}
.news-item .scale-img,.news-item .scale-img img{width:100%;height:100%;object-fit:cover;}
.news-item:nth-child(2n){grid-template-columns:1fr 200px;gap:15px;}
.news-item:nth-child(2n) .news-info{padding-left:30px;}
.news-item:nth-child(2n+1) .news-info{padding-right:30px;}
.news-date{font-size:13px;}
.news-name a{font-size:14px;}
.news-desc span{font-size:13px;}
.partners-container{padding:55px 10px 65px 10px;}
}
@media (max-width:1024px){
.navigation.active{position:fixed;width:100%;top:0;}
.navigation{display:block;}
.products-name a{font-size:18px;}
.products-name{margin:12px 0 8px 0;}
.header{display:none;}
.navigation nav#menu{display:none;}
.navigation nav ul li ul{position:unset;box-shadow:none;opacity:1;visibility:unset;}
#hamburger{display:block;margin-bottom:0;width:35px;height:23px;position:relative;cursor:pointer;}
#hamburger:before,#hamburger:after,#hamburger span{background:#ffffff;}
#hamburger:before,#hamburger:after,#hamburger span{content: '';display:block;width:100%;height:2px;position:absolute;left:0px;}
#hamburger:before{top:0px;}
#hamburger span{top:10px;}
#hamburger:after{top:20px;}
#hamburger:before,#hamburger:after,#hamburger span{-webkit-transition:none 0.5s ease 0.5s;transition:none 0.5s ease 0.5s;-webkit-transition-property:transform,top,bottom,left,opacity;transition-property:transform,top,bottom,left,opacity;}
.title-main span{font-size:38px!important;}
.title-main-company{font-size:20px;letter-spacing:4.5px;}
.slogan-main{font-size:13px;}
.title-company-2{font-size:12px;letter-spacing:3px;}
.title-main-2 span{font-size:24px;}
.introduce-container{padding:50px 10px 65px 10px;}
.introduce-grid{grid-template-columns:60% 39%;gap:1%;}
.introduce-title{font-size:18px;line-height:30px;margin-bottom:12px;}
.introduce-company{font-size:28px;line-height:38px;padding-left:20px;}
.introduce-company::before{height:61px;width:3px;}
.introduce-desc span{font-size:13px;line-height:22px;}
.introduce-btn{right:31px;}
.introduce-btn a{font-size:15px;width:200px;height:70px;padding-left:15px;}
.solieu-box{gap:8px;grid-template-columns:100%;}
.solieu-item{grid-template-columns:45px 1fr;gap:8px;padding:12px 0px 12px 10px;}
.solieu-name span{font-size:20px;line-height:22px;}
.solieu-desc span{font-size:13px;line-height:22px;}
.services-container{padding:45px 10px 60px 10px;}
.services-info{padding:35px 25px 0 25px;}
.services-number{font-size:70px;line-height:60px;}
.services-name{margin:22px 0 10px 0;}
.services-name a{font-size:17px;line-height:23px;}
.services-desc{margin-bottom:20px;}
.services-desc span{font-size:13px;line-height:22px;}
.projects-container{padding:55px 10px 45px 10px;}
.projects-box{grid-template-columns:repeat(2,1fr);gap:10px;}
.projects-name a{font-size:14px;line-height:22px;}
.products-container{padding:40px 10px 45px 10px;}
.processes-container{padding:35px 10px 30px 10px;}
.processes-box{grid-template-columns:repeat(3,1fr);background:none;}
.processes-item:nth-child(2n+1){margin-top:0;}
.processes-item .scale-img{width:90px;height:90px;}
.processes-item:nth-child(2n) .scale-img{order:0;}
.processes-item:nth-child(2n) .processes-info .processes-name{order:0;}
.processes-item .processes-info{margin-top:15px!important;background:none!important;padding:0px!important;}
.processes-name span{font-size:14px;line-height:24px;}
.processes-desc{opacity:1;margin:0;}
.processes-desc span{font-size:13px;line-height:20px;}
.newsletter-container{padding:40px 10px 45px 10px;}
.newsletter-container .title-main span{font-size:26px!important;}
.newsletter-grid{gap:10px;}
.news-video-container{padding:45px 10px 0 10px;}
.news-video-grid{display:block;}
.news-video-grid > div:nth-child(1){margin-bottom:40px;}
.title-box{margin-bottom:20px;}
.news-item:nth-child(2n+1){grid-template-columns:180px 1fr;gap:12px;}
.news-item:nth-child(2n){grid-template-columns:1fr 180px;gap:12px;}
.news-item:nth-child(2n) .news-info{padding-left:25px;}
.news-item:nth-child(2n+1) .news-info{padding-right:25px;}
.news-info{padding:12px 0 10px 0;}
.news-date{font-size:12px;}
.news-name{margin:2px 0;}
.news-name a{font-size:13px;line-height:22px;}
.news-desc span{font-size:12px;line-height:20px;}
.news-btn{margin-top:6px;}
.news-btn a{font-size:14px;}
.videos-name{height:50px;}
.videos-name a{font-size:15px;line-height:28px;}
.partners-container{padding:45px 10px 55px 10px;}
.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;}
.product-grid{grid-template-columns:1fr 1fr;gap:10px;}
.footer-title-compnay{font-size:50px;}
.footer-article-grid{grid-template-columns:1fr 1fr;gap:20px;}
}
@media (max-width:770px){
.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;}
.grid-album{--col:3;}
.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;}
.title-main span{font-size:32px!important;}
.title-main-company{font-size:18px;letter-spacing:3.5px;}
.slogan-main{font-size:12px;max-width:450px;}
.title-company-2{font-size:11px;letter-spacing:2.5px;}
.title-main-2 span{font-size:20px;line-height:22px;}
.introduce-container{padding:40px 10px 50px 10px;}
.introduce-grid{display:block;}
.introduce-grid > div:nth-child(1){margin-bottom:25px;}
.introduce-title{font-size:22px;line-height:36px;}
.introduce-company{font-size:36px;line-height:44px;}
.introduce-company::before{height:70px;}
.introduce-btn a{width:100%;max-width:300px;height:60px;margin:0 auto;justify-content:center;}
.solieu-box{grid-template-columns:1fr;gap:10px;}
.solieu-item{padding:12px 15px;}
.services-container{padding:35px 10px 45px 10px;}
.services-info{padding:25px 20px 0 20px;}
.services-number{font-size:60px;line-height:50px;}
.services-name a{font-size:16px;}
.projects-container{padding:40px 10px 35px 10px;}
.projects-box{grid-template-columns:repeat(2,1fr);gap:8px;}
.products-container{padding:35px 10px 40px 10px;}
.newsletter-container{padding:30px 10px 35px 10px;}
.newsletter-container .title-main span{font-size:22px!important;line-height:28px!important;}
.newsletter-grid{display:block;}
.newsletter-grid .newsletter__input{margin-bottom:10px;}
.news-video-container{padding:35px 10px 0 10px;}
.news-item{border-radius:8px;}
.news-item:nth-child(2n+1){grid-template-columns:150px 1fr;gap:10px;}
.news-item:nth-child(2n){grid-template-columns:1fr 150px;gap:10px;}
.news-item:nth-child(2n) .news-info{padding-left:15px;}
.news-item:nth-child(2n+1) .news-info{padding-right:15px;}
.news-info{padding:10px 0;}
.news-name a{font-size:12px;line-height:20px;}
.videos-name{height:45px;}
.videos-name a{font-size:14px;line-height:24px;}
.partners-container{padding:35px 10px 45px 10px;}
.footer-title-compnay{font-size:30px;margin-bottom:10px;}
.footer-article-grid{grid-template-columns:100%;gap:20px;}
section.footer-article{padding:30px 10px;}
.grid-news{grid-template-columns:1fr;}
.main__title h1,.main__title h2,.main__title p{font-size:24px;}
}
@media (max-width:525px){
h2.title-main{margin:0 0 5px 0;}
.products-name a{font-size:14px;}
h3.products-name{margin:8px 0 0 0;}
.product-btn a{font-size:12px;width:120px;height:31px;}
.grid-album{--col:2;}
.title-main span{font-size:26px!important;}
.title-main-company{font-size:16px;letter-spacing:2.5px;}
.slogan-main{font-size:12px;max-width:100%;padding:0 10px;}
.title-company-2{font-size:12px;letter-spacing:2px;margin-bottom:5px;}
.title-main-2 span{font-size:22px;line-height:20px;}
.introduce-container{padding:30px 10px 40px 10px;}
.introduce-title{font-size:20px;line-height:32px;margin-bottom:10px;}
.introduce-company{font-size:30px;line-height:38px;padding-left:15px;}
.introduce-company::before{height:60px;}
.introduce-desc{margin-bottom:20px;}
.introduce-btn a{height:55px;font-size:14px;}
.solieu-name span{font-size:18px;line-height:20px;}
.solieu-name{margin-bottom:4px;}
.services-container{padding:30px 10px 35px 10px;}
.services-info{padding:20px 15px 0 15px;}
.services-number{font-size:50px;line-height:44px;}
.services-name{margin:18px 0 8px 0;}
.services-name a{font-size:15px;line-height:20px;}
.services-desc{margin-bottom:15px;}
.projects-container{padding:30px 10px 30px 10px;}
.projects-info{padding:0 8px 8px 8px;}
.projects-name a{font-size:13px;line-height:20px;}
.project-btn{margin-top:15px;}
.project-btn a{width:180px;height:44px;font-size:14px;}
.products-container{padding:30px 10px 35px 10px;}
.processes-container{padding:30px 10px 25px 10px;}
.processes-box{grid-template-columns:repeat(2,1fr);gap:15px 10px;}
.processes-item .scale-img{width:80px;height:80px;}
.processes-name span{font-size:13px;line-height:22px;}
.newsletter-container{padding:25px 10px 30px 10px;}
.newsletter-container .title-main span{font-size:24px!important;line-height:26px!important;}
.newsletter-container .slogan-main{font-size:12px;line-height:20px;}
.news-video-container{padding:30px 10px 0 10px;}
.title-box{padding-left:10px;margin-bottom:15px;}
.news-item{display:block!important;border-radius:6px;}
.news-item:nth-child(2n) .scale-img{order:0;}
.news-item:nth-child(2n) .news-info{text-align:left;padding-left:10px;}
.news-item:nth-child(2n+1) .news-info{padding-right:10px;}
.news-item .scale-img{margin-bottom:10px;}
.news-item:nth-child(2n+1) .news-btn{text-align:left;}
.videos-item{border-radius:8px;}
.videos-name{height:40px;border-radius:8px;}
.videos-name a{font-size:13px;line-height:22px;}
.partners-container{padding:30px 10px 35px 10px;}
.introduce-btn a img{max-width:30px;}
}
@media (max-width:430px){
.main__title h1,.main__title h2,.main__title p{font-size:22px;}
.title-main span{font-size:26px!important;}
.title-main-company{font-size:14px;letter-spacing:2px;}
.slogan-main{font-size:11px;line-height:20px;}
.title-main-2 span{font-size:20px;}
.introduce-container{padding:25px 10px 35px 10px;}
.introduce-title{font-size:18px;line-height:28px;}
.introduce-company{font-size:26px;line-height:34px;}
.introduce-company::before{height:50px;}
.introduce-btn a{height:50px;font-size:13px;}
.solieu-item{grid-template-columns:40px 1fr;}
.solieu-name span{font-size:16px;}
.services-container{padding:25px 10px 30px 10px;}
.services-number{font-size:44px;line-height:38px;}
.services-name a{font-size:14px;}
.projects-container{padding:25px 10px 25px 10px;}
.projects-box{gap:6px;}
.projects-name a{font-size:12px;line-height:18px;}
.products-container{padding:25px 10px 30px 10px;}
.processes-container{padding:25px 10px 20px 10px;}
.processes-box{gap:12px 8px;}
.processes-item .scale-img{width:120px!important;height:120px!important;}
.processes-name span{font-size:12px;line-height:20px;}
.processes-desc span{font-size:12px;line-height:18px;}
.newsletter-container{padding:20px 10px 25px 10px;}
.newsletter-container .title-main span{font-size:24px!important;line-height:24px!important;}
.news-video-container{padding:25px 10px 0 10px;}
.title-box{margin-bottom:12px;}
.news-item{margin:4px 0;border-radius:5px;}
.news-info{padding:8px 10px;}
.news-item .scale-img{margin-bottom:0;}
.partners-container{padding:25px 10px 30px 10px;}
}
@media (max-width:1024px){
body{overflow-x:hidden;}
}