@media (max-width: 980px) {
    body {
        padding-top: 68px;
    }

    .demo-note {
        display: none;
    }

    .site-header {
        position: fixed !important;
        z-index: 9990 !important;
        top: 0;
        right: 0;
        left: 0;
    }

    .main-nav {
        position: fixed !important;
        z-index: 9991 !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100dvh !important;
    }

    .menu-toggle {
        z-index: 9992 !important;
    }

    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: clip;
    }

    .site-header,
    main,
    .site-footer {
        width: 100%;
        max-width: 100%;
        overflow-x: clip;
    }

    .main-nav {
        max-width: 100% !important;
        contain: layout paint;
    }

    .container,
    .section,
    .hero-slider,
    .hero-slide {
        max-width: 100%;
    }
}

@supports not (overflow: clip) {
    @media (max-width: 980px) {
        html,
        body,
        .site-header,
        main,
        .site-footer {
            overflow-x: hidden;
        }
    }
}