/* Loaded after all legacy navigation rules. */
@media (max-width: 768px) {
    html body header.navbar .nav-links.active > .nav-about {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
    }

    html body header.navbar .nav-links.active > .nav-about > .nav-dropdown-toggle {
        position: relative !important;
        display: inline-flex !important;
        width: max-content !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 46px !important;
        padding: 12px 0 !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }

    html body header.navbar .nav-links.active > .nav-about > .nav-dropdown-toggle::after {
        content: "" !important;
        position: absolute !important;
        right: 0 !important;
        bottom: 7px !important;
        left: 0 !important;
        display: block !important;
        width: auto !important;
        height: 1px !important;
        border: 0 !important;
        background: #ffffff !important;
        transform: scaleX(0) !important;
        transform-origin: left center !important;
        transition: transform .28s cubic-bezier(.2, .7, .2, 1) !important;
    }

    html body header.navbar .nav-links.active > .nav-about > .nav-dropdown-toggle:hover::after,
    html body header.navbar .nav-links.active > .nav-about > .nav-dropdown-toggle:focus-visible::after {
        transform: scaleX(1) !important;
    }

    html body header.navbar .nav-links.active > .nav-about > .nav-dropdown-menu {
        position: static !important;
        display: block !important;
        width: 100% !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 0 0 18px !important;
        overflow: hidden !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition: max-height .3s ease, padding .3s ease, opacity .2s ease !important;
    }

    html body header.navbar .nav-links.active > .nav-about.is-open > .nav-dropdown-menu {
        max-height: 360px !important;
        padding: 2px 0 10px 18px !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    html body header.navbar .nav-about > .nav-dropdown-menu.is-visible {
        position: static !important;
        display: block !important;
        width: 100% !important;
        max-height: 360px !important;
        padding: 2px 0 10px 18px !important;
        overflow: hidden !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
}