.layout-nav-mobile{
    display: none;
}

@include media-breakpoint-down(lg) {
    .layout-nav-mobile{
        display: block;
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 90;
        width: 100%;
        flex-basis: 100%;
        padding: .5rem;
        padding-bottom: calc(.5rem + env(safe-area-inset-bottom, 0));
        background: var(--bs-tertiary-bg);
        border-top: 1px solid var(--bs-secondary-bg);
        box-shadow: 0 0px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);

        .app-nav{
            flex-direction: row;
        }

        .app-nav > *:not(.nav-item-mobile) {
            display: none;
        }

        .app-nav .nav-item-mobile{
            flex-grow: 1;
        }

        .app-nav .nav-item-mobile .nav-link{
            padding: .5rem;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .app-nav .nav-item-mobile .nav-link-ico{
            margin-right: 0;
            margin-bottom: .25rem;
            margin-top: .25rem;
        }

        .app-nav .nav-item-mobile .nav-link-content{
            font-size: 10px;
            line-height: 1;
            opacity: .7;
        }
    }

}