@media (min-width: 576px) {
    nav {
        padding-bottom: .5rem !important;
    }
    nav .navbar-collapse {
        
        /* position: absolute; */
    width: 100%;
    display: flex;
    justify-content: center;
    left: 0;
    bottom: -22px;
    z-index: 2;
    justify-content: center !important;
    
    }
    nav .navbar-collapse .navbar-nav .nav-item a {
        color: #ffffff;
        text-transform: capitalize;
        padding: 12px 16px;
        font-weight: 600;
        font-size: 18px;
    }
    .navbar-expand-sm .lan {
        margin-left: 22px;
    }

 nav .navbar-collapse .navbar-nav .mob-hc {
display: none;
 }
 #hero #case-study-section {
    /* padding-top: 50px; */
 }
}
@media (max-width: 575.98px) {
    nav .head-contact .mob-head-contact {
        display: none;
    }
    nav .navbar-brand img {
        max-width: 114px;
    }
    nav .head-contact .login a {
        padding: 8px 17px;
        font-size: 14px;
    }
    nav .head-contact .lan a {
        padding: 2px 12px;
        font-size: 16px;
    }
    nav .head-contact {
        gap: 12px;
    }
    nav button span {
        background-image: url(../img/icons/hamburger.png);
        background-size: contain;
        background-repeat: no-repeat;
        padding: 0px;
    }
    nav .navbar-collapse {
        width: 100%;
        position: absolute;
        top: 74px;
        z-index: 2;
        left: 0;
        background-color: #262a33;
    }
    nav button span:focus {
        background-image: url(../img/icons/close.png);
        background-size: contain;
        background-repeat: no-repeat;
        padding: 0px;
        box-shadow: unset !important;
    }
    nav button.navbar-toggler:focus {
box-shadow: unset !important;

    }
    nav .container {
        
    }
    nav .navbar-collapse .navbar-nav .nav-item a {
        padding-left: 15px;
    }
    #hero {
        margin-top: 75px;
    }

}
@media (min-width:992px) and (max-width:1199.98px) {
    nav .navbar-collapse .navbar-nav .nav-item a {
        font-size: 15px;
    }
}
@media (min-width:768px) and (max-width:991.98px) {
    nav .navbar-collapse .navbar-nav .nav-item a {
        font-size: 12px;
    }
}
@media (min-width:576px) and (max-width:767.98px) {
    nav .navbar-collapse .navbar-nav .nav-item a {
        font-size: 8px !important;
    }
}

@media (min-width:576px) and (max-width:991.98px) {
    nav .head-contact {
        gap: 9px;
    }
    nav .head-contact span {
        font-size: 16px;
    }
    nav .head-contact .login a {
        font-size: 14px;
        padding: 6px 15px;
    }
    nav .navbar-collapse .navbar-nav .nav-item a {
        padding: 6px 6px;
        font-size: 9px;
    }
    nav .head-contact .lan a {
        font-size: 16px;
    }
    nav .head-contact .lan a {
        padding: 3px 14px;
    }
    nav .navbar-brand img {
        max-width: 131px;
    }
    nav .head-contact img {
        width: 26px;
    }
    nav .head-contact .mob-head-contact {
        gap: 4px;
    }
    nav .lan a {
        /* font-size: 11px;
        background-color: #fff;
        padding: 6px 18px; */
    }
    #hero {
        margin-top: 68px;
    }
}
@media (min-width:576px) and (max-width:767.98px) {
    nav .head-contact .mob-head-contact {
        display: none;
    }
}
@media (max-width:767.98px) {
    .designed {
        justify-content: center !important; 
    }
}