.desk-none{
    opacity: 0;
    visibility: hidden;
    width: 0;
}
.menu-burger{
    display: none;
}
.header-flex{
    display: flex;
    width: 100%;
}
.header-close{
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    display: none;
}
@media(max-width: 996px){
    .desk-none{
        visibility: visible;
        opacity: 1;
        width: auto;
    }
    .header-close{
        display: block;
    }
    .header .header-nav{
        position: fixed;
        z-index: 121;
        background: #fff;
        height: 100vh !important;
        width: 100vw;
        top: 0;
        left: 0;
        display: block;
        text-align: center;
        opacity: 0;
        visibility: hidden;
        transform: translate(-100%);
    }
    .header .header-nav.visible{
        opacity: 1;
        visibility: visible;
        transform: translate(0); 
    }
    .header .header-nav-menu .navbar-nav{
        flex-direction: column;
    }
    .header .header-nav-menu{
        margin: 0;
        height: fit-content;
    }
    .header .header-nav-menu .navbar-nav li:not(:last-child){
        margin: 0;
    }
    .header ul{
        width: 100%;
        max-width: 100%;
    }
    .menu-burger{
        display: flex;
        align-items: center;
        margin-left: auto;
    }
}