@media (max-width:1400px){:root{--space:5vw}}@media (max-width:1200px){:root{--headerHeight:80px;--space:40px}body{font-size:13px}body.light .header .r .mobile-menu-btn i{background-color:#000}.content-area{font-size:21px;margin-bottom:50px}.page-top-area{height:320px;margin-bottom:35px}.page-top-area .txts{bottom:25px}.page-top-area .txts h1{font-size:27px}.page-top-area .bg-title{font-size:25vw;bottom:-8vw}#page-abouts .mission-vision-area{flex-direction:column;gap:25px;margin:50px 0}#page-abouts .mission-vision-area .box b{font-size:25px;margin-bottom:10px}#page-abouts .mission-vision-area .right:after{display:none}#page-abouts .mission-vision-area .left,#page-abouts .mission-vision-area .right{text-align:center;width:auto}#page-abouts .mission-vision-area.v2{gap:0}#page-abouts .mission-vision-area.v2 .box{margin-bottom:40px!important}#page-abouts .mission-vision-area.v2 .box b{font-size:19px;margin-bottom:16px}#page-abouts .mission-vision-area.v2 .box:after{display:none}#page-abouts .mission-vision-area.v2 .left,#page-abouts .mission-vision-area.v2 .mid,#page-abouts .mission-vision-area.v2 .right{width:auto;margin-top:0}#page-abouts .img{margin:50px calc(var(--space)*-1)}#page-service-detail .boxes .row{--bs-gutter-y:60px}#page-service-detail .boxes .text-box{padding:0}#page-service-detail .boxes .big-box{margin:50px 0}#page-service-detail .boxes .big-box p{font-size:17px}#page-service-detail .boxes .big-box img{margin-top:30px}#page-service-detail .projects-area{margin:50px 0;padding-bottom:0}#page-service-detail .why-boxes{text-align:center;margin:50px 0}#page-service-detail .why-boxes .area{flex-direction:column;gap:30px}#page-service-detail .why-boxes .area .box{margin-top:0!important}#page-service-detail .why-boxes .area .box b{font-size:19px}.narrow-area{padding:0 var(--space)}.bread ul li{font-size:10px}.header .menu{display:none}.header .logo img{width:100px}.header .r .lang{display:none}.header .r .mobile-menu-btn{display:flex}#page-home .slider .item .img{position:relative}#page-home .slider .item .img:before{translate:0 100px;height:auto;right:0;max-width:100%;bottom:0;top:0;object-position:top;left:0;width:100%}#page-home .slider .item .img video{height:50vh;min-height:inherit}#page-home .slider .item .txts{padding:0 var(--space);bottom:30px;text-align:right;z-index:2}#page-home .slider .item .txts h1,#page-home .slider .item .txts h2,#page-home .slider .item .txts h3,#page-home .slider .item .txts h4{font-size:30px}#page-home .slider .item .txts p{width:auto;margin-top:13px}#page-home .slider .item .txts .p-btn{margin-top:23px}#page-home .vision-mission-area{margin:130px 0 50px}#page-home .vision-mission-area .area{padding-right:0;width:100%}#page-home .vision-mission-area .area .t{font-size:25px}#page-home .vision-mission-area .area .boxes{margin-top:35px}#page-home .vision-mission-area .area .boxes .box{padding:0 40px}#page-home .vision-mission-area .area .boxes .box b{font-size:25px;margin-bottom:10px}#page-home .services-area{margin:50px 0}#page-home .services-area .top{margin-bottom:25px}#page-home .services-area .top .title{font-size:21px}#page-home .services-area .p-btn{margin-top:65px}#page-home .services-area .service-box:hover .img img{height:calc(100% + 103px)}#page-home .projects-area{padding:50px var(--space)}#page-home .projects-area .top{margin-bottom:25px}#page-home .projects-area .top .title{font-size:21px}#page-home .info-area{flex-direction:column;gap:15px;margin:50px 0}#page-home .info-area b{position:relative}#page-home .info-area .r{flex:none;gap:20px;align-items:flex-start}.quote-form-area{padding:var(--space)}.quote-form-area .title{margin-bottom:35px}#page-project-detail .props-area{margin-bottom:35px;gap:35px}#page-project-detail .props-area .box{width:100%}#page-project-detail .goal{margin:50px 0}#page-project-detail .goal p{font-size:22px}#page-project-detail .detail{margin:50px 0}#page-project-detail .detail img{margin:30px 0}.gallery-area{margin:50px 0}.gallery-area a img{height:200px}#page-projects-new .page-top-area{height:188px}#page-projects-new .page-top-area .txts{bottom:25px}#page-projects-new .maps .filter-area{translate:0;overflow:hidden;overflow-x:auto;padding:5px;position:inherit;gap:10px;margin:0 20px 25px;left:0;white-space:nowrap}#page-projects-new .maps .filter-area button{padding:0 25px}#page-projects-new .projects{gap:65px}#page-projects-new .projects .item{padding:0;gap:30px}#page-projects-new .projects .item .item-top{flex-direction:column}#page-projects-new .projects .item .item-top .item-left img{height:200px;object-fit:cover}#page-projects-new .projects .item .item-top .item-right{flex:none;overflow:hidden;overflow-x:auto;flex-direction:row}#page-projects-new .projects .item .item-top .item-right img{flex:1;height:75px;width:119px}#page-projects-new .projects .item .item-bot{justify-content:flex-start;flex-direction:column;gap:30px;width:auto}#page-projects-new .projects .item .item-bot .box{width:auto}#page-contact .maps{height:370px;margin-bottom:50px}#page-contact .content{flex-direction:column;margin:50px 0}#page-contact .content .left .address{font-size:18px;margin-bottom:40px}#page-contact .content .right{align-items:flex-start}#page-contact .content .right a{font-size:20px}#page-contact .content .right a.phone{font-size:25px}#page-contact .content .right .social{margin-top:15px}.sss-area{flex-direction:column;gap:25px;margin:50px 0}.sss-area .title{flex:none;padding-right:0;width:100%}.sss-area .items .item{padding:20px 40px 20px 0}.sss-area .items .item .t{font-size:16px}.sss-area .items .item .d{font-size:13px}.p-btn a{padding:10px 24px}.project-box .img img{height:200px}.project-box .t{flex-direction:column;gap:15px;margin-top:20px}.project-box .t span{font-size:18px;font-weight:400}.project-box .t .dt{font-size:13px}.projects-area{margin:50px 0;padding-bottom:50px}.projects-area .top{margin-bottom:30px}.projects-area .top .title{font-size:24px}.p-navs i{height:24px;width:24px}.service-box .img{height:330px}.service-box .t{font-size:18px;line-height:24px;margin-top:15px;padding-left:25px}.footer{padding-bottom:35px}.footer .left-area{padding:0;margin-bottom:30px}.footer .left-area .logo{margin-bottom:25px}.footer .left-area .social{margin-top:33px}.footer .left-area .address p{margin-top:20px}.footer .uls ul{gap:14px}.footer .uls ul li{font-size:14px}.footer .copyright{margin-top:35px}}