@media (max-width: 95rem) {
    .nv.collapse:not(.show) {
        display: none !important;
    }

    .nv > .container {
        display: flex;
        flex-wrap: wrap;
        flex: 0 0 100%;
        gap: 0 3rem;
        justify-content: flex-end;
    }

    .col-toggler,
    .nvnd br {
        display: flex;
    }

    .nv.show {
        height: calc(var(--viewport-h) - var(--header-h));
    }

    .nv > .container {
        align-content: flex-start;
        align-items: flex-start;
        display: flex;
        flex-wrap: wrap;
        height: 100%;
        justify-content: space-between;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 0;
    }

    .nv {
        --header-bg: var(--bs-white);
        --header-color: var(--bs-primary);
        --nva-color: var(--header-color);
        --nvst-color: var(--header-color);
        background: var(--header-bg);
        height: 0;
        inset: 100% 0 auto;
        padding: 0;
        position: absolute;
    }

    .nvst {
        --nva-fs: 1.375rem;
        --nvbtn-px: 0.75rem;
        flex: 0 0 100%;
        flex-direction: column;
        order: 4;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
        position: relative;
        z-index: 1;
    }

    .nvst,
    .nvtools {
        padding-left: var(--container-fluid-px);
        padding-right: var(--container-fluid-px);
    }

    .nvtools-1 {
        order: 3;
        flex: 0 0 100%;
    }
  /* 
    .nvtools {
        padding-top: 1rem;
    }
 .nvli {
        padding: 0.25rem 0;
    }
     .nva {
        padding: var(--nva-py);
    } 
   :root {
        --nva-py: 0.5rem;
    }*/
  }
   

@media (min-width: 94.9375rem) {
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }

    .nv > .container {
        display: flex;
        flex-wrap: wrap;
        flex: 0 0 100%;
        gap: 0 3rem;
        justify-content: flex-end;
    }

    .col-toggler,
    .nvnd br {
        display: none;
    }

    .nvst {
        display: flex;
        gap: 1rem;
        justify-content: flex-end;
    }

    .nvst,
    .nvtools {
        flex: 0 0 auto;
        justify-content: flex-end;
    }
}
@media (min-width: 62rem ) and (max-width: 94.937rem) {
    .container,
    :root {
        --bs-gutter-x: 4rem;
        --container-max-width: 60rem;
        --container-fluid-px: calc(0.5 * var(--bs-gutter-x, 2rem));
        --container-px: calc(0.5 * var(--bs-gutter-x, 2rem));
    }
}