@media (max-width: 991px) {
    .main-header .header-upper { background: rgba(4, 20, 34, .96); border-bottom: 1px solid rgba(255,255,255,.12); }
    .main-header .header-inner { position: relative; padding: 10px 0; }
    .main-header .logo-outer { position: relative; z-index: 2; }
    .main-header .nav-outer { width: auto; flex: 0 0 auto; }
    .main-header .about-social { display: none; }
    .main-menu { width: auto; }
    .main-menu .navbar-header { display: block; }
    .main-menu .mobile-logo { display: none; }
    .main-menu .navbar-header .navbar-toggle { display: grid; place-content: center; width: 45px; height: 45px; padding: 0; border: 1px solid rgba(255,255,255,.35); border-radius: 10px; }
    .main-menu .navbar-header .navbar-toggle .icon-bar { width: 20px; height: 2px; margin: 2px 0; border-radius: 2px; background: #fff; }
    .main-menu .navbar-collapse,
    .main-menu .navbar-collapse.collapse,
    .main-menu .navbar-collapse.collapsing {
        position: fixed !important;
        top: 70px;
        right: 0 !important;
        left: 0 !important;
        width: 100% !important;
        max-height: calc(100dvh - 80px);
        overflow-y: auto;
        padding: 10px max(20px, calc((100vw - 720px)/2)) 24px;
        border-top: 1px solid rgba(255,255,255,.12);
        border-bottom: 1px solid rgba(255,255,255,.15);
        background: #071925;
        box-shadow: 0 24px 40px rgba(0,0,0,.4);
        overscroll-behavior: contain;
    }
    .main-menu .navbar-collapse:not(.show):not(.collapsing) { display: none !important; }
    .main-menu .navbar-collapse.show { display: block !important; }
    .main-menu .navbar-collapse > ul { display: block; max-height: none; overflow: visible; padding: 0; background: transparent; }
    .main-menu .navbar-collapse li { display: block; padding: 0; border: 0; border-bottom: 1px solid rgba(255,255,255,.11); }
    .main-menu .navbar-collapse li a { display: flex; width: 100%; align-items: center; gap: 8px; padding: 14px 4px !important; color: #e0e9ed; font-size: 16px; font-weight: 550; line-height: 1.3; opacity: 1; }
    .main-menu .navbar-collapse li a.active { color: #73cfee; }
    .main-menu .navbar-collapse li a:after { display: none; }
    .main-menu .navbar-collapse li.header-ai-link { margin-top: 12px; border-bottom: 0; }
    .main-menu .navbar-collapse li.header-auth-link { margin-top: 8px; border-bottom: 0; }
    .navigation .header-ai-link > a,
    .navigation .header-auth-link > a { justify-content: center; min-height: 44px; padding: 10px 14px !important; border-radius: 9px; }
    .navigation .header-ai-link > a { border: 1px solid rgba(0,163,224,.6); }
    .navigation .header-auth-link--login > a { border: 1px solid rgba(255,255,255,.35); }
}
@media (max-width: 767px) {
    .main-menu .navbar-collapse,
    .main-menu .navbar-collapse.collapse,
    .main-menu .navbar-collapse.collapsing { top: 70px; }
}