@media screen and (max-width: 1440px){
    .career-detail-section{max-width: 100%;}
    .career-detail-left{padding-left: 0;}
    .category-site-contain{padding:40px;}
    .category-blog-relative{padding: 40px 40px 80px 40px;}

    .section2-info{width:55%;}
    .section2-box{padding-right:128px;}
    .swiper-2 .swiper-slide.swiper-slide-active .section4-small-box, .swiper-2 .swiper-slide.swiper-slide-prev .section4-small-box{padding-top: 135%;}
    .section4-right{margin-top: 17%;}
    .swiper-2 .swiper-slide .section4-small-box .section4-r-line{bottom:5%;height: 80px;}
    .swiper-2 .swiper-slide.swiper-slide-active .section4-small-box .section4-r-line{bottom:-5%;}
    .swiper-2 .swiper-slide .section4-small-box svg{transform: scale(0.5);}
    .section-5-left{padding-top:0px;}
    .section-5-right{margin-top:-60px;}

    .solution-overview:after{bottom:-60%;right:-50%;}
    .career-title *{font-weight:500 !important;}
    .solution-overview{overflow: hidden;}
}


@media screen and (max-width: 1400px){
    .h-solution-list{padding: 0;}
    .h-solution-number{font-size: 160px;}
    .h-solution-titleBox > span:first-child{font-size: 36px;}
}


@media screen and (max-width: 1366px){
    .h-feedback-container{padding: 0 24px;}
    .s-feedback-content{font-size:24px;}
    .h-feedback-title{font-size:28px;}
    .section-container section{padding:0 40px;}
    .feedback_container{width: 100%;}
    .feedback_container{padding: 63px 0px;}
    .s-career-journey-box{min-height: 500px;}

    .careersCat-name{font-size: 28px !important;}
    .career-detail-info-title, .category-detail-banner-info h1{font-size: 40px;}
    .career-detail-subtitle, .casestudies-detail-title{font-size: 40px;}
    .category-detail-banner-info, .casestudies-detail-info-wrapper{margin-left: 0;padding-left: 40px;}
    .casestudies-site{padding: 0 !important;}
    .casestudies-detail-description{font-size: 16px;}
    .casestudies-detail-info-wrapper{gap:20px;}

    .section-6-title{margin-top:80px;}
    .section-6-splide{padding-top:80px;}
    .h-s3-row-box{min-height:418px;}
    .mySwiper.swiper{height: 528px;}
    .h-s3-row-box h3{font-size:28px;}
    .h-s3-row .item img{width:60%;}

    .h-solution-box{height:300px;}
    .h-solution-boxInfo h3{font-size:32px}
}

@media screen and (max-width: 1280px){
    .s-partner-mb{display:flex;gap:16px;flex-wrap:wrap;justify-content: center;width:700px;margin:auto;}
    .s-partner-mb-box{width:calc(100% / 3 - 11px);display:flex;justify-content: center;}
    .section-5-container{padding-left:46px;}
    .section-5-right{padding-right: 80px;}
    .section4-right { margin-top: 19%; }
    #h-swiper-container:after{right:50px;}
    .h-solution-list{gap: 80px;}
    .h-solution-layout{padding-right: 30px;}
    .h-solution-smallBox-arrow{right: -62px;}
}

@media screen and (max-width: 1100px){
    .section4-right { margin-top: 20%; }
    #h-swiper-container:after{display:none;}
    .page-404-line span:nth-child(1){right: 36%;}
    .page-404-line span:nth-child(2){right: calc(36% - 194px);}
    .solution-wrapper { overflow-x: auto;width: 100%;} 
    .h-solution-list { justify-content: flex-start; align-items: start; min-width: max-content; }
    .h-solution-layout{padding: 30px 0;}
    .h-solution-list{padding-left: 54px;}
    .h-solution-titleBox{padding: 0 24px;}
}

@media screen and (max-width: 1024px){
    .ast-container{padding:0 !important;}
    .section-prev{overflow: hidden;}
    .h-s2-subtitle *{line-height: 160%;}
    .h-s2-subtitle:after{display: none;}

    .hidden-in-mobile{display: none;}
    .btn-menu-contact:hover{color:#fff;}

    .s-offers-mobile{display: flex;flex-wrap: wrap;gap:2px;}
    .s-offers-mobile-box{width:calc(100% / 3 - 2px);background: #EEEAF4;padding:6px 22px 10px 12px;}
    .s-offers-mobile-box img{width: 76px;height: auto;}
    .s-offers-mobile-title{color:#2D2555;font-size: 16px;font-weight: 400;margin-top:40px;margin-bottom: 4px;}
    .s-offers-mobile-des{color:#222222;font-size: 10px;line-height: 140%;font-weight: 400;}
    .offers-no-image{width: 78px;height: 78px;background: #fff;display: inline-flex;align-items: center;justify-content: center;text-transform: uppercase;color:#ebebeb;font-size: 12px;}
    
    .h-s4-quesContain{gap: 12px;}
    .h-s4-quesItem-mb{padding: 12px 0 20px 0;border-bottom: 1px solid #D4CCE0;padding-left:0px;transition:all ease 0.5s;}
    .h-s4-quesItem-mb:last-child{border-bottom:none;}
    .h-s4-quesItem-mb-top{display: flex;gap:30px;align-items: start;position:relative;transition:all ease 0.5s;padding-left:80px;}
    .h-s4-quesItem-subinfo{padding:0;width: calc(100% - 32px - 30px);}
    .h-s4-quesItem-subinfo h3{font-weight: 400;}
    .problem-h-s4-quesItem-subinfo{width: calc(100% - 32px);}
    .h-s4-quesItem-arrow svg{width: 32px;height: 32px;}
    .h-s4-quesItem-num{font-size: 24px;width: 50px;position:absolute;top:0;left:0px;transition:all ease 0.5s;}
    .h-s4-quesItem-content{opacity:1;width:100%;min-width: auto;color:#1F1B24;font-size:14px;transition: none !important;transform: none !important;}
    .h-s4-quesItem-active .h-s4-quesItem-mb-top{padding-left:0;}
    .h-s4-quesItem-active .h-s4-quesItem-num{opacity:0}

    .h-solution-main > .e-con-inner:after{display:none;}
    .h-solution-boxes{flex-direction:row;gap:12px;}
    .h-solution-boxInfo h3{font-size:26px;}
    .h-solution-boxInfo span svg{width:32px;height:32px;}
    .h-onsite-box{flex-direction:column;}
    .h-onsite-info{width:100%;}
    .h-onsite-info{gap:12px;}
    .h-feedback-container{padding: 0 30px;}
    .s-feedback-content{padding-right:80px;}

    .s-feedback-content{font-size:26px;}
    .s-feedback-info h3{font-size:20px;}
    .s-feedback-info span{font-size:14px;}
    .s-feedback-top img{width:60px;}
    .s-feedback-top{gap:26px;}
    
    .h-about-container{height: auto;}
    .h-about-vector{position: relative;bottom: unset;}

    .section-container section{ /*position: relative; */backface-visibility: visible; overflow: hidden; transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; padding:0;}
    /* .section-container{height: auto;} */
    .section1-title{font-size: 50px;}
    .section-container section{height: 100vh;}
    .section-container section#section-7{height:100vh;}

    #section-2{padding:30px;/*position: relative;*/height:100vh;}
    .section2-box{ justify-content: end; opacity: 1; transition: all ease 1s; -webkit-transition: all ease 1.2s; -moz-transition: all ease 1s; -ms-transition: all ease 1s; -o-transition: all ease 1s; }
    #section-2.animate-mb.active:before{opacity: 1;}    
    .section2-info{gap:80px;}
    .section2-info-top{font-size:32px;}
    .section2-info-bottom{font-size:16px;padding-right: 45px;}
    .section2-info { width: 65%; }
    .section2-box { padding-right: 80px; }
    .swiper-2 .swiper-slide.swiper-slide-active .section4-small-box, .swiper-2 .swiper-slide.swiper-slide-prev .section4-small-box { padding-top: 70%; }

    /* .swiper-2 .swiper-slide.swiper-slide-active .section4-small-box, .swiper-2 .swiper-slide.swiper-slide-prev .section4-small-box { padding-top: 0%; } */
    .swiper-2 .swiper-slide.swiper-slide-active .section4-small-box .section4-r-line { bottom: -40px; }
    .swiper-2 .swiper-slide .section4-small-box .section4-r-line { bottom: -8%;}

    #section-3{height: 100vh;display: flex;}
    #section-3 .swiper-1{height: 500px;overflow: unset;}
    #section-3.page-active .section3-ren-l{ transform: scaleX(0.8); -webkit-transform: scaleX(0.8); -moz-transform: scaleX(0.8); -ms-transform: scaleX(0.8); -o-transform: scaleX(0.8); }
    #section-3.page-active .section3-ren-r { transform: scaleX(0.8); -webkit-transform: scaleX(0.8); -moz-transform: scaleX(0.8); -ms-transform: scaleX(0.8); -o-transform: scaleX(0.8); }
    .section3-info{font-size:36px;}
    .section3-box{gap: 32px;}
    .section3-title{font-size:26px;}

    #section-4{height:100vh;}
    .section4-container{gap:80px;padding: 0 40px;}
    .section4-r-box h3{font-size: 40px;}
    .section4-r-box > div{font-size: 18px;}
    .section4-r-number{font-size: 28px;}
    .section4-right { width: calc(100% - 182px - 80px);padding-right: 40px;height: 100vh;/*margin-top: 19%;*/margin-top: 8%;}
    
    #section-5{padding:0 40px;}
    .section-5-right{padding-right: 0px;}
    #section-5:before{width: 50%;height: 100%; left: 10%;}
    #section-5 .swiper-4{height: 100vh;}
    .section-5-box-number{font-size: 50px;}
    .section-5-box-name{font-size: 26px;}
    .section-5-box-descript{font-size: 14px;}
    .section-5-left{font-size: 30px;}
    .section-5-right{margin-top:0;}

    .section-6-title{font-size: 40px;}
    #section-6{overflow: hidden;}
    .simply-scroll .simply-scroll-list li{width:200px !important;}
    .section-6-box{height:280px;}
    .section-6-boxInfo h3{font-size:18px;}
    .section-6-boxInfo{padding: 20px;gap: 2px;}
    .section-6-infoPrivate p{font-size:18px;}
    .section-6-infoPrivate span{font-size:14px;}
    .section-6-infoDescribe div{font-size:14px;}
    .section-6-boxSmall{padding:20px;}
    .section-6-infoPrivate{padding-bottom: 10px;}
    .section-6-infoDescribe span{font-size:18px;line-height: 100%;}

    .contact-s-title{width:100%}
    .contact-s-info{width:100%;}
    
    .s-career-journey-box{min-height: auto;}
    .s-career-journey-box{width: 100% !important;}
    .s-career-journey-box:nth-child(1) { margin-top: 0; }
    .s-career-journey-box:nth-child(2) { margin-top: 0; }
    .s-career-journey-box:nth-child(3){ margin-top: 0; }
    .s-career-journey-list { margin-top: 0 !important; }

    .careersCat-list{padding-left: 0;}
    .career-detail-info-title{font-size: 36px;}
    .career-detail-info-wrapper{gap:20px;padding-left: 40px;}
    .career-detail-info-postdate{font-size: 14px;}
    .careersCat-item-location span{padding: 6px 16px;font-size: 13px;}

    .career-detail-banner{height: 400px;}
    .career-detail-section{flex-direction: column;}
    .career-detail-left{width: 100%;}
    .career-detail-right{width: 100%;padding-right: 0;}
    .career-detail-subtitle, .category-detail-banner-info h1 { font-size: 36px; }
    .category-detail-banner-info{gap:24px;}

    .category-site-wrapper{flex-direction: column-reverse;}
    .category-site-left{width: 100%;top:0;position: relative;}
    .category-site-right{width: 100%;}
    .casestudies-box-info h2{font-size: 24px;}
    .casestudies-box-thumbnail{height: 450px;}
    .category-blog-title{font-size: 36px;}

    .blog-site-top{margin-bottom: 24px;flex-direction: column; align-items: start; gap: 20px;}
    .blog-site-top-title{font-size: 36px;}
    .blog-site-box { width: calc(100% / 2 - 10px); }

    .casestudies-detail-title{font-size: 36px;}
    .casestudies-detail-left{display: none;}
    .casestudies-detail-right{width: 100%;}

    .fix-category-detail-banner{height: 400px;}
    .solution-works-box{width:calc(50% - 6px) !important;}
    .solution-benefit-left{position:relative;top:0;}
    .industries-work-box{width: calc(50% - 9px);}
    .casestudy-relative-title{font-size: 36px;}

    .section-5-container{padding-left:0;}
    .section-5-left { padding-top: 85px; }

    .section1-box{padding: 80px;height: 100vh;gap: 80px;}
    .h-feedback-wrapper:after, .feedback_container:after{right: -40px;}
    .h-solution-box { width: calc(50% - 6px); }
    .solution-wrapper { overflow-x: auto; scrollbar-width: none;      /* Firefox */ -ms-overflow-style: none;   /* Internet Explorer / Edge */ } 
    .solution-wrapper::-webkit-scrollbar { display: none;              /* Chrome, Safari */ }
    
}

@media screen and (max-width: 1020px){
    .section-container{height: auto;}
    .section-container section{ position: relative;}
}

@media screen and (max-width: 884px){
    /* .swiper-2 .swiper-slide.swiper-slide-active .section4-small-box, .swiper-2 .swiper-slide.swiper-slide-prev .section4-small-box { padding-top: 200%; } */
    .swiper-2 .swiper-slide.swiper-slide-active .section4-small-box, .swiper-2 .swiper-slide.swiper-slide-prev .section4-small-box { padding-top: 0%; }
    .swiper-2 .swiper-slide .section4-small-box .section4-r-line{height: 78px;bottom: -37%;}
    .section4-left{padding-top: 220px;}
    .section4-container .swiper-2{overflow:unset;}

    .swiper-2 .swiper-slide.swiper-slide-active .section4-small-box .section4-r-line { bottom: -100px; }

    .swiper-2 .swiper-slide .section4-small-box{opacity: 1 !important;}
    .swiper-2 .swiper-slide .section4-small-box span svg{opacity: 0.2;}
    .swiper-2 .swiper-slide.swiper-slide-active .section4-small-box{opacity: 1 !important;}
    .swiper-2 .swiper-slide.swiper-slide-active .section4-small-box span svg{opacity: 1;}
    .section4-right{margin-top: 24%;}

    .page-404-line span:nth-child(1){display:none;}
    .page-404-line span:nth-child(2){display:none;}
}

@media screen and (max-width: 853px){
    .section2-info{gap:80px;}
    .section2-info-top{font-size:36px;}
    .section2-info-bottom{font-size:18px;}
}

@media screen and (max-width: 900px){
    .section-5-right { width: calc(100% - 200px - 167px); margin-left: 200px;}
}


@media screen and (max-width: 768px){
    .h-s2-title:after, .h-s3-title:after { content: ''; position: absolute; width: 32px; height: 32px; left: 0; top: calc(50% - 16px); background-size: 70%; background-position: center center; background-repeat: no-repeat;}
    .s-offers-mobile-box{width:calc(100% / 2 - 1px);}
    .h-solution-box{height:248px;border-radius:24px;}
    .h-solution-boxInfo{padding: 24px;}

    .s-partner-mb{width:100%;justify-content: start;}
    .s-partner-mb-box{width:calc(100% / 2 - 8px);display:flex;justify-content: center;}
    .footer-menu-contain { width: calc(50% - 10px) !important; }
    .section1-title{font-size: 40px;}
    .section1-describe{font-size: 16px;opacity: 0.6;}
    .section1-info{gap:52px;}
    
    .section2-info{width:80%;}
    .section3-box{gap: 24px; padding: 0 48px;}
    .section3-title{font-size: 24px;}
    .section3-info{font-size: 34px;}
    #section-5:before{background-size: contain;}
    #section-5:before { width: 70%; left: 0%; }
    .section-5-box-name { font-size: 24px; }
    .section-5-box-descript { font-size: 12px; }
    .section-5-box-number { font-size: 60px; font-weight: 100; }
    .section-5-left { font-size: 24px; }
    .section-5-right { width: calc(100% - 100px - 167px); margin-left: 100px; }
    #section-5:before { width: 60%; left: -5%; }
    .h-s3-title{padding-left: 35px !important;}
    .feedback-title *{font-size: 28px;}
    .career-detail-banner{height: 350px;}
    .category-detail-banner-info{padding:0 24px;}

    .faq-question{font-size: 16px; font-weight: 400;width: calc(100% - 30px);}
    .faq-answer{font-size: 14px;}
    .faq-info{width: 100%;}
    .faq-plus{position: absolute;right:20px;}

    .fix-category-detail-banner{height: 350px;}
    .industries-workbest-left{position:relative;top:0;}
    .industries-workbest-title{font-size:36px;}
    .industries-workbest-right{width:100%;}

    .blog-site-formsearch{width:100%;}
    .swiper-2 .swiper-slide.swiper-slide-active .section4-small-box, .swiper-2 .swiper-slide.swiper-slide-prev .section4-small-box{padding-top:100px;}
    .section4-container{padding: 0 40px;}
    .section4-right{padding-right:0;}
    .careersCat-item-location span { padding: 14px 16px;}
}


@media screen and (max-width: 600px){
    .h-solution-titleBox > span:first-child { font-size: 26px; }
    .h-solution-close{font-size: 16px;}
    .h-solution-number { font-size: 133px; }

    .h-s4-quesItem-subinfo h3{font-size: 24px;}
    .h-solution-boxes{flex-direction:column;}
    .h-onsite-info h3{font-size:32px;}
    .h-onsite-info div{font-size:16px;}
    .h-onsite-container{padding:30px 20px 22px 20px;}
    .autoplay-progress-bar{width:100%;left:0;gap:7px;}
    .h-onsite-info{padding:0 17px;}

    .s-feedback-box{gap:120px;margin-top: 30px;}
    .s-feedback-content{font-size:20px;padding-left: 0;}
    .s-feedback-info h3{font-size:16px;}
    .s-feedback-info span{font-size:14px;}
    .s-feedback-top img{width:40px;}
    .s-feedback-top{gap:12px;}
    .h-feedback-title{display:none;}
    .s-partner-mb{padding: 0 47px;}
    .footer-description p:last-child{margin-bottom:0;}
    .form-contact-box-sub .form-contact-item { width: 100%; }
    .h-onsite-container{border-radius:16px;}

    .section1-box{padding: 200px 20px 70px 20px;gap: 82px;}
    .section1-info{width: 100%;}
    .section1-describe{width: 265px;}

    .section2-info{width: 100%;}
    .section2-info-top{font-size: 30px;}
    .section2-info-bottom{font-size: 16px;}
    #section-2:before{width: 100%;transform:scaleX(1) ;}
    #section-3.page-active .section3-ren-l{ transform: scaleX(0.6); -webkit-transform: scaleX(0.6); -moz-transform: scaleX(0.6); -ms-transform: scaleX(0.6); -o-transform: scaleX(0.6); left: -8%;}
    #section-3.page-active .section3-ren-r { transform: scaleX(0.6); -webkit-transform: scaleX(0.6); -moz-transform: scaleX(0.6); -ms-transform: scaleX(0.6); -o-transform: scaleX(0.6); right: -8%;}

    .section4-r-box h3 { font-size: 32px; }
    .section4-r-box > div { font-size: 14px; }
    .swiper-2 .swiper-slide.swiper-slide-active .section4-small-box, .swiper-2 .swiper-slide.swiper-slide-prev .section4-small-box{padding-top: 60%;}
    .section4-left{padding-left: 0px;}
    .section4-small-box svg{width: 100%;}
    .swiper-2 .swiper-slide.swiper-slide-active .section4-small-box, .swiper-2 .swiper-slide.swiper-slide-prev .section4-small-box { padding-top: 50%; }
    #section-4{height: 800px;}

    #section-5:before { width: 70%; left: 0%;}
    .section-6-infoPrivate p, .section-6-boxInfo h3{font-size: 20px;}
    .section-6-infoPrivate span, .section-6-boxInfo span{font-size: 14px;}
    .feedback-title *{font-size: 24px;}
    .section-5-box-name{font-weight: 400;}

    .contact-s-title-box{width: 100%;}
    .contact-s-img{width: 100%;}
    .contact-s-img img{width: 100%;}
    .footer-info-sub{width: calc(100% - 24px - 8px);line-height:120%;}
    .career-offer-box{width: 100%;}

    .careersCat-item-name, .careersCat-item-apply{font-size: 18px;}
    .careersCat-item-name{margin-bottom: 12px !important; line-height: 140%;}
    .careersCat-item-location span{font-size: 12px;}
    .careersCat-item-apply svg{width: 18px;}
    .careersCat-item-apply{min-width: 80px;}
    .careersCat-item{gap:10px;}

    .blog-ourStory-readmore{font-size: 16px;}
    .blog-ourStory-info{gap:24px;min-height: 220px;}
    .s-moment-list > .elementor-widget-image{width: 286px;}

    .career-detail-info-wrapper{padding-left: 16px;gap: 10px;}
    .career-detail-banner{height: 300px;}
    .career-detail-info-title { font-size: 32px; }
    .career-detail-section{padding: 40px 16px;}
    .career-detail-subtitle , .category-detail-banner-info h1{ font-size: 32px; }
    .careersCat-item-location{margin-top: 12px;}
    .career-detail-section{gap:40px;}
    .category-detail-banner-info{padding:0 16px;}
    .category-detail-banner-info >div{font-size: 16px;}
    .casestudies-box-thumbnail{height: 350px;}
    .casestudies-box-info{padding:16px;}
    .casestudies-box-info span{font-size: 16px;}
    .casestudies-box-info h2{font-size: 18px;}
    .category-site-contain { padding: 40px 16px; }
    .category-site-wrapper{gap:30px;}
    .form-talk-title{font-size: 26px;}
    .category-blog-relative { padding: 40px 0px 40px 16px; }
    .category-blog-title { font-size: 32px; margin-bottom: 24px;width: 250px;}

    .blog-site-top-title{font-size: 32px;}
    .blog-site-contain{padding:40px 16px;}
    .blog-ourStory-info h3 a{font-size: 18px;}
    .blog-ourStory-excerpt{font-size: 12px;}
    .casestudies-detail-content{padding: 40px 16px;}
    .casestudies-detail-info-wrapper{padding:0 16px;}
    .casestudies-detail-title{font-size: 32px;}
    .casestudies-detail-description{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

    .fix-category-detail-banner{height: 300px;}
    .solution-works-box{width:100% !important;min-height:334px;}
    .s-safety-info{min-height:260px;}

    .industries-work-box{width: 100%;min-height: 334px;}
    .industries-workbest-title{font-size:32px;padding: 24px 18px 24px 58px !important;letter-spacing: 0.1px;}
    .industries-workbest-title:after{left: 18px; top: 33px;}
    .industries-workbest-thumbnail{height:300px;}

    .blog-site-form{flex-wrap:wrap;width: 100%;}
    .blog-site-form select{width:100%;font-size: 16px;}
    .blog-site-formsearch{width: calc(100% - 8px - 100px)}
    .blog-site-formsearch input, .blog-site-formsearch input::placeholder{font-size:16px;}
    .blog-site-form button[type="submit"]{font-size:16px;}
    .casestudy-relative-container{padding: 40px 0 80px 16px;}
    .casestudy-relative-title{margin-bottom: 24px;font-size: 32px;}
    .category-blog-relative {padding: 40px 0px 40px 16px;}
    .ourStory-btns{right:16px;}

    .feedback_container { padding: 50px 0px; }
    .s-feedback-content{padding-right:18px;}
    /* #section-3 .section3-ren-l{left:-15%;}
    #section-3 .section3-ren-l{right:-15%;} */

    .footer-menu-contain { width: 100% !important; }
    .footer-submenu-title{height:26px;}
    .footer-menu-contain nav {display: none;}
    .footer-submenu-title{position:relative;}
    .footer-submenu-title h2{width:calc(100% - 24px);}
    .footer-submenu-title:after{content:'';position:absolute;width:8px;height:2px;background:#222222;border-radius:99px;right:7px;top:calc(50% - 1px);}
    .footer-submenu-title:before{content:'';position:absolute;height:8px;width:2px;background:#222222;border-radius:99px;top:9px;right:10px;transition:all ease 0.3s}
    .footer-submenu-title.active:before{opacity:0;}

    .h-solution-cctv-row { width: 75px; min-width: 75px; }
    .h-solution-smallBox-info >div{padding: 5px 8px 12px 8px;}
    .h-solution-nvr-row { width: calc(166px - 55px); min-width: calc(166px - 55px); }
    .h-solution-boxai-row { width: calc(206px - 55px); min-width: calc(206px - 55px); }
    .h-solution-security-row{width: calc(238px - 55px);}
    .h-solution-otherBox span{font-size: 16px;}
    .h-solution-box { width: 100%; }
    .h-solution-number{padding-right: 27px;}
}


@media screen and (max-width: 550px){
    .blog-site-box { width: 100%; }
}

@media screen and (max-width: 500px){
    .s-partner-mb{padding: 0 24px;}
    .section1-title{width: 100%;}
    .section1-buttons{flex-direction: column;gap: 14px;}
    .section1-buttons > div{width: 100%;}
    #section-1{height: 100vh;}

    .section2-info-top{font-size: 26px;}
    #section-2:before{ background: url('../images/light.png') no-repeat center right 45%;}
    .section2-info-bottom{font-weight: 300; width: 287px;}

    .section3-title { font-size: 18px; }
    .section3-info { font-size: 24px; }

    .section4-r-box h3 { font-size: 28px; }
    .section4-container { gap: 32px; }
    .section4-left{width: 129px;}
    .section4-right { width: calc(100% - 129px - 32px);}
    .section4-r-number { font-size: 32px; }

    /* .swiper-2{overflow: unset;} */
    .swiper-2 .swiper-slide.swiper-slide-active .section4-small-box, .swiper-2 .swiper-slide.swiper-slide-prev .section4-small-box { padding-top: 0%; }
    .swiper-2 .swiper-slide .section4-small-box .section4-r-line{height: 78px;bottom: -65%;}
    .section4-left{padding-top: 220px;}
    .section4-container .swiper-2{overflow:unset;}

    .swiper-2 .swiper-slide .section4-small-box{opacity: 1 !important;}
    .swiper-2 .swiper-slide .section4-small-box span svg{opacity: 0.2;}
    .swiper-2 .swiper-slide.swiper-slide-active .section4-small-box{opacity: 1 !important;}
    .swiper-2 .swiper-slide.swiper-slide-active .section4-small-box span svg{opacity: 1;}

    .swiper-2 .swiper-slide .section4-small-box .section4-r-line{/*transform: scale(1.5);*/}
    .swiper-2 .swiper-slide.swiper-slide-active .section4-small-box .section4-r-line{ /*transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);*/ }
    /* .swiper-2 .swiper-slide.swiper-slide-prev{opacity: 0 !important;} */
    .swiper-2 .swiper-slide.swiper-slide-active .section4-small-box .section4-r-line {bottom: -70%;}
    .swiper-2 .swiper-slide .section4-small-box svg{transform: scale(0.7);}
    .section4-right { margin-top: 180px; }
    .swiper-2 .swiper-slide.swiper-slide-prev .section4-small-box { opacity: 1 !important; }
    .swiper-2 .swiper-slide.swiper-slide-prev .section4-small-box .section4-r-line { opacity: 0.2; }

    .section4-container { padding: 0 16px; }


    .section-5-right { width: calc(100% - 130px); margin-left: 130px; }
    .section-5-left{position: absolute;left: 20px;}
    #section-5 { padding: 0 13px; }
    #section-5:before { width: 100%; left: 0%; height: 100%; }
    #section-5:before { background-size: cover; background-position: right; }

    #section-6 .simply-scroll .simply-scroll-list li:nth-child(odd) { margin-top: 0; }
    .section-6-box{height: 345px;}
    .section-6-boxInfo, .section-6-boxSmall{padding: 26px 21px;}
    .section-6-infoDescribe div{font-size: 13px;}

    .feedback-title *{font-size: 22px;}
    .careersCat-filter{flex-direction: column;}
    .careersCat-filter-category, .careersCat-filter-location{min-width: 100%;}

    .blog-ourStory-info h3 a{font-size: 20px;}
    .blog-ourStory-excerpt{font-size: 12px;}
    .blog-ourStory-readmore{font-size: 14px;}

    .category-detail-banner-info >div, .casestudies-detail-description{font-size: 14px;width: 250px;}
    .casestudies-box-thumbnail { height: 400px; }
    .casestudies-box{width: 100%;}

    .blog-site-form select{height:40px;}
    .blog-site-form input, .blog-site-form button[type="submit"]{height:44px;}

    .btn-ourStory-swiper{width:36px;height:36px;}
    .btn-ourStory-swiper svg{width: 5px;}
}

@media screen and (max-width: 430px){
    .section2-info-bottom{width:100%;}
    .section2-box{height: 100%; padding: 122px 0;}
    .section2-info{justify-content: space-between;}
}

@media screen and (max-width: 412px){
    .footer-menu-contain { width: 100% !important; }
    .swiper-2 .swiper-slide.swiper-slide-active .section4-small-box, .swiper-2 .swiper-slide.swiper-slide-prev .section4-small-box { padding-top: 0%; }
    .swiper-2 .swiper-slide .section4-small-box .section4-r-line{height: 78px;}
    
    .section-6-title { font-size: 32px; width: 258px; margin: auto; margin-top: 87px; }
    .simply-scroll .simply-scroll-list li{width: 228px !important;}
    .section-6-infoPrivate p, .section-6-boxInfo h3{font-size: 18px;}
    .section-6-infoPrivate span, .section-6-boxInfo span{font-size: 12px;}
    .industries-workbest-thumbnail{height:190px;}

    #section-3 .section3-ren-r {text-align:right;}
    #section-3 .section3-ren-l img, #section-3 .section3-ren-r img{width:60%}

    #section-2:before{top:0;}
    #section-2:after{top:50%;}
    #section-5:before{left:-7%;}
}

@media screen and (max-width: 400px){
    .section2-box { padding-right: 0; }
}