@media (max-width:1380px){.package-sec5 .download-wrap .item .download-btn{width:22%}
.about-us-sec2 .container .txt{padding-right:0}
}@media (max-width:1080px){.headerBox .logo img{width:160px}
header .header-nav,header .header-r{display:none}
.mobile-nav{display:block;box-shadow:0 2px 4px rgba(0,0,0,.08);font-family:"Harmony_Sans";}
.mobile-nav .ph_l{width:85%;height:100%;position:fixed;top:var(--header-h);left:-85%;z-index:1220;overflow:hidden;background:#fff;color:rgba(255,255,255,.6);transition:left .3s;box-shadow:0 -1px 4px rgba(0,0,0,.08)}
.mobile-nav .ph_r{display:block;width:40%;height:100%;background:rgba(0,0,0,.9);position:fixed;right:-40%;top:var(--header-h);z-index:1201;transition:right .3s;box-shadow:0 -1px 4px rgba(0,0,0,.08)}
.ph_l ul li{border-bottom:1px solid #ddd;position:relative}
.ph_l ul li a{padding:12px 15px 12px 15px;color:#000;cursor:pointer;font-family:"Harmony_Sans";font-size:clamp(14px, 1.5vw, 17px);}
.ph_l ul li a >svg{transition:.3s;transform:rotate(-90deg)}
.ph_l ul li a.active >svg{transform:rotate(0deg)}
.ph_l ul .mobile-nav_secont{margin-left:5px}
.ph_l ul .mobile-nav_secont a{padding:10px}
.btn-head-nav-toggle{display:block;margin-left:10px}

.mob-nav-sec{margin-bottom:5px;display:none;font-family:"Harmony_Sans"}
.ph_l ul li .mob-nav-sec a{display:block;font-family:"Harmony_Sans";padding:10px 15px 10px 30px;color:#333;font-family:"Harmony_Sans";font-size:clamp(14px, 1.5vw, 17px);}
.ph_l ul li .mob-nav-sec a:hover{color:#0079c3}
.ph_l ul li .mob-nav-sec .mob-nav-a{display:flex;font-family:"Harmony_Sans";color:#333;font-size:clamp(14px, 1.5vw, 17px);}

.mob-nav-th {padding-left:20px;font-size:14px;font-family:"Harmony_Sans";}
.btn-large-nav-expand{display:inherit;flex-direction:column;cursor:pointer}
.btn-large-nav-expand i{display:block;width:24px;height:2px;flex:0 0 auto;background:#333;margin-bottom:4px;transition:.5s cubic-bezier(.15,1,.336,1)}
.btn-large-nav-expand i:last-of-type{margin-bottom:0}
.btn-large-nav-expand.active i{transition:.4s cubic-bezier(.1,.84,.2,1.4)}
.btn-large-nav-expand.active i:first-of-type{transform:translateY(300%) rotate(45deg)}
.btn-large-nav-expand.active i:nth-of-type(2){transform:scaleX(0)}
.btn-large-nav-expand.active i:nth-of-type(3){transform:translateY(-300%) rotate(-45deg)}
.footer-center{display:none}
footer .copyright{flex-direction:column;align-items:center;gap:10px}
footer .copyright .left{text-align:center}
.esg-sec5 .card-wrap{--column:2}
.esg-sec5 .item:nth-child(5n){margin-right:var(--gap)}
.esg-sec5 .item:nth-child(2n){margin-right:0}
}@media (max-width:780px){:root{--main-margin:clamp(30px,80* var(--custom-size),80px)}
.main{margin:0 20px}
.main-l{margin-left:20px}
.main-r{margin-right:20px}
.video-cont .video-wrap{width:85%}
.banner .video-btn{justify-content:center}
.samhoor-sec2 .main-l{margin-right:20px}
.samhoor-sec2 .sec-cont_mobile{flex-direction:column;padding:40px 0}
.samhoor-sec2 .container{width:100%;margin-left:0}
.news-sec1 .swiper-slide:nth-child(2n){flex-direction:column}
.news-sec1 .swiper-slide .txt{width:90%}
.investor-sec .item{min-height:260px}
.footer-top .header-main{flex-direction:column;align-items:center;margin:20px 0}
footer .copyright{margin:20px}
.samhoor-sec6 .swiper{overflow:hidden}
}@media (max-width:580px){:root{--header-h:60px}
.header-box .logo img{width:100px}
.banner{height:calc(50vh - var(--header-h));padding-top:5vh}
.banner .swiper{padding:5vh 0 10vh}
.banner .banner-swiper{height:25vh}
.banner .swiper-slide .swiper-slide-cont{padding:var(--custom-size-10-20)}
.banner .swiper-slide .learn-more{padding:5px 10px;font-size:10px}
.banner .swiper-slide{width:200px;margin-left:calc(var(--custom-size-20-40) * 1.3);margin-right:calc(var(--custom-size-20-40) * 1.3)}
.layout-custom_1:not(.layout-custom_2){position:relative}
.layout-custom_1:not(.layout-custom_2)>div{width:80%}
.layout-custom_1:not(.layout-custom_2) .pic-wrap{position:absolute;top:0;right:0}
.layout-custom_1--flip:not(.layout-custom_2) .pic-wrap{right:unset;left:0}
.skip-items{flex-wrap:wrap;--column:3;--gap:var(--custom-size-10-20);gap:unset}
.skip-items .item{width:calc((100% - (var(--column) - 1)*var(--gap))/var(--column));margin-bottom:var(--gap);margin-right:var(--gap);flex:unset}
.skip-items>.item:nth-child(3n){margin-right:0}
.samhoor-sec4 .sec-cont{padding-bottom:10px}
.samhoor-sec5 .item .sec-top .title{padding-left:calc(var(--custom-size-20-40)* 4)}
.samhoor-sec5 .item-wrap.active .sec-top{padding-left:0}
.samhoor-sec5 .item-wrap.active .icon{width:clamp(35px,120* var(--custom-size),120px)}
.custom-swiper .swiper-slide{width:200px !important}
.samhoor-sec7 .container{flex-direction:column}
.samhoor-sec7 .item-wrap{width:100%}
.samhoor-sec7 .item-wrap:first-child .item,.samhoor-sec7 .item-wrap:last-child .item{padding:20px}
.plate .item{width:calc(100% / 2 - 10px * 1 / 2) !important}
.layout-custom_2{flex-direction:column !important;margin-top:20px !important}
.layout-custom_2>div{width:100%}
.card-wrap{--column:2}
.card-wrap>.item:nth-child(3n){margin-right:var(--gap)}
.card-wrap>.item:nth-child(2n){margin-right:0}
.common-layout-1 .txt{padding:10px}
.solution-single-sec2 .card-wrap{--column:3;padding:0}
.solution-single-sec2 .card-wrap>.item:nth-child(4n){margin-right:var(--gap)}
.solution-single-sec2 .card-wrap>.item:nth-child(2n){margin-right:var(--gap)}
.solution-single-sec2 .card-wrap>.item:nth-child(3n){margin-right:0}
.apply-sec3 .card-wrap{--column:1}
.apply-sec3 .card-wrap .item{margin-right:0 !important}
.about-us-sec2 .next-year{font-size:10vw}
.team-sec1 .item .txt::after,.team-sec1 .item .txt::before{height:3px;width:30%}
.esg-sec2 .card-wrap{--gap:var(--custom-size-10-20)}
.esg-sec2 .card-wrap>.item:nth-child(3n){margin-right:var(--gap) !important}
.esg-sec2 .card-wrap>.item:nth-child(2n){margin-right:0 !important}
.esg-sec4 .item .download-img{padding:7px}
.financial-reports-sec1 .container{flex-direction:column}
.financial-reports-sec1 .left{margin-bottom:20px;width:50%}
.financial-reports-sec1 .year-item{position:relative}
.financial-reports-sec1 .year-choose{width:100%;position:absolute;top:110%;left:0;background-color:#fff;z-index:999;padding:5px;padding-bottom:0;box-shadow:0px 0px 10px 0px rgba(71,52,26,0.1)}
.investor-sec .item .info{font-size:9px}
.info-wrap-lay .info-cont{padding:20px;margin-right:0}
.contact-us-sec1 .drawer .info.w45{margin-right:5%}
.news-sec1 .swiper-slide{width:300px !important}
.type-wrap .btn{font-size:10px}
.investor-sec .item{min-height:210px}
.apply-sec2 .img-wrap img{object-fit:contain;width:100%;height:100%}
.worldwide-locations-sec2-single tbody tr:last-child p{width:100%;margin-left:25px !important}
.worldwide-locations-sec1 .location-wrap .btn-ul{top:100%;left:50%;transform:translate3d(-50%,0,0)}
.samhoor-sec6 .main-l{margin:0 20px}
.samhoor-sec6 .swiper-wrapper{flex-direction:column}
.samhoor-sec6 .swiper-wrapper .swiper-slide{width:100% !important;margin-bottom:20px}
.news-detail-sec1,.news-detail-sec2{padding:0}
}