@media (min-width: 992px){
    .app-header nav{
        position: relative;
    }
    
    .show-app-nav-btn{
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 5;
        transition: opacity 0.5s ease 1s;
        opacity: 0;
    }
    .show-app-nav-btn.show{
        opacity: 1 !important;
    }
    .show-app-nav-btn.hide{
        transition-delay: 0s !important;
        pointer-events: none;
    }
    
    .app-header nav > ul > li{
        transition: margin-right 0.5s ease;
    }
    .app-header nav > ul > li:last-child{
        margin-right: 0 !important;
    }
    .app-header nav .nav-link{
        transition-property: opacity;
        transition-duration: 0.4s;
    }
    
    nav.disable-onload-animation ul{
        opacity: 0;
        visibility: hidden;
    }
    nav.disable-onload-animation + .show-app-nav-btn{
        opacity: 1 !important;
        transition-delay: 0s;
        transition-duration: 0s;
    }
    
    .app-nav-secondary{
        overflow: hidden;
    }
    .app-nav-secondary[data-animate-items="true"] a{
        transform: translateY(100%);
        transition: transform 0.3s ease 0.8s;
    }
    .app-nav-secondary[data-animate-items="true"].show-items a{
        transform: translateY(0);
    }
}