@media only screen and (max-width: 1399px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1280px;
    }
    
    .uss { 
        width: 12%;
    }
    
}

@media screen and (max-width: 1280px) and (max-height: 800px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1200px;
    }
    .head-continer {
        max-width: 1135px;
    }
    .header .header-inner .nav-list .item a { 
        font-size: 12px; 
        line-height: 80px;
    }
    .header .header-inner .header-left .logo-site img {
        max-width: 160px;
        margin-top: 10px;
    }
    .header .header-inner .header-right .wg-welcome {
        width: 40px;
        height: 40px; 
    }
    .header .main-heads { 
        padding: 0px 35px; /
    }
    .page-title-home-2 {
        margin-top: -110px; 
    }
    .contant {
    margin-left: 20px;
    
  }
}

@media (max-width: 1024px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 950px;
    }
    .header .header-inner .header-right .wg-welcome{
        display: none;
    }
    .page-title-home-2 {
        margin-top: -112px;
    }
    .header .main-heads { 
        margin-top: 17px; /
    }



}


@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1386px;
    }
    .head-continer {
        max-width: 1360px;
    }

}
@media (min-width: 1700px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1550px;
    }
    .head-continer {
        max-width: 1460px;
    }
    .slide-home-2::before {
        bottom: -123px;
    }

}


@media (min-width: 1920px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1700px;
    }
    .head-continer {
        max-width: 1700px;
    }
    .slide-home-2::before {
        bottom: -150px;
    }
    .header .header-inner .nav-list .item a {
        font-family: "Work Sans", sans-serif;
        display: block;
        color: var(--Primary);
        line-height: 110px;
        font-size: 18px;
        font-weight: 600;
    }
    a, p{
        font-size: 18px;
    }
    .footer .footer-inner .footer-inner-wrap .link-list li a { 
        font-size: 18px; 
    }
    .slide-home-2 .content .title { 
        margin-top: 170px; 
        letter-spacing: -2px;
        font-weight: 500;
        font-size: 82px;
        width: 65%;
    }
    .box-portfolio.style-4:hover .content {
        padding: 69px 30px 11px;
        top: 230px;
        height: calc(64% - 40px);
    }


}