@media (min-width: 1025px) {
    #masthead {
        --xy-mega-panel-w: 100vw;
        --xy-mega-panel-h: 502px;
        --xy-mega-main-h: 440px;
        --xy-mega-footer-h: 62px;
        --xy-mega-grid-side: 120px;
        --xy-mega-img-pad: 20px;
        --xy-mega-img-w: 100%;
        --xy-mega-media-w: 100%;
        --xy-mega-media-h: 100%;
    }

    #masthead .nav-menu>li.nav-mega>.dropdown-menu-wrapper {
        width: var(--xy-mega-panel-w);
        height: var(--xy-mega-panel-h);
    }

    #masthead .nav-menu>li.nav-mega .nav-mega-media {
        width: var(--xy-mega-media-w);
        height: var(--xy-mega-media-h);
    }

    #masthead .nav-menu>li.nav-mega .menu-grid {
        grid-template-columns: var(--xy-mega-grid-side) minmax(0, 1fr) var(--xy-mega-grid-side);
        grid-template-rows: var(--xy-mega-main-h) var(--xy-mega-footer-h);
    }

    #masthead .nav-menu>li.nav-mega .menu-frame-line--v1 {
        left: var(--xy-mega-grid-side);
    }

    #masthead .nav-menu>li.nav-mega .menu-frame-line--v2 {
        right: var(--xy-mega-grid-side);
    }

    #masthead .nav-menu>li.nav-mega .menu-frame-line--row {
        top: var(--xy-mega-main-h);
    }

    #masthead .nav-menu>li.nav-mega .menu-frame-line--inner {
        left: calc(var(--xy-mega-grid-side) + (100vw - 2 * var(--xy-mega-grid-side)) / 2);
        height: var(--xy-mega-main-h);
    }

    #masthead .nav-menu>li.nav-mega .nav-mega-image {
        width: var(--xy-mega-img-w);
        height: var(--xy-mega-main-h);
        padding: var(--xy-mega-img-pad);
        box-sizing: border-box;
    }
}

@media (max-width: 389.98px) {
    #masthead {
        --xy-mega-panel-w: 100vw;
        --xy-mega-panel-h: 372px;
        --xy-mega-main-h: 320px;
        --xy-mega-footer-h: 52px;
        --xy-mega-grid-side: 80px;
        --xy-mega-img-pad: 12px;
        --xy-mega-img-w: 100%;
        --xy-mega-media-w: 100%;
        --xy-mega-media-h: 100%;
    }
}

@media (min-width: 390px) and (max-width: 429.98px) {
    #masthead {
        --xy-mega-panel-w: 100vw;
        --xy-mega-panel-h: 385px;
        --xy-mega-main-h: 332px;
        --xy-mega-footer-h: 53px;
        --xy-mega-grid-side: 84px;
        --xy-mega-img-pad: 13px;
        --xy-mega-img-w: 100%;
        --xy-mega-media-w: 100%;
        --xy-mega-media-h: 100%;
    }
}

@media (min-width: 430px) and (max-width: 479.98px) {
    #masthead {
        --xy-mega-panel-w: 100vw;
        --xy-mega-panel-h: 398px;
        --xy-mega-main-h: 344px;
        --xy-mega-footer-h: 54px;
        --xy-mega-grid-side: 88px;
        --xy-mega-img-pad: 14px;
        --xy-mega-img-w: 100%;
        --xy-mega-media-w: 100%;
        --xy-mega-media-h: 100%;
    }
}

@media (min-width: 480px) and (max-width: 639.98px) {
    #masthead {
        --xy-mega-panel-w: 100vw;
        --xy-mega-panel-h: 411px;
        --xy-mega-main-h: 356px;
        --xy-mega-footer-h: 55px;
        --xy-mega-grid-side: 92px;
        --xy-mega-img-pad: 15px;
        --xy-mega-img-w: 100%;
        --xy-mega-media-w: 100%;
        --xy-mega-media-h: 100%;
    }
}

@media (min-width: 640px) and (max-width: 767.98px) {
    #masthead {
        --xy-mega-panel-w: 100vw;
        --xy-mega-panel-h: 424px;
        --xy-mega-main-h: 368px;
        --xy-mega-footer-h: 56px;
        --xy-mega-grid-side: 96px;
        --xy-mega-img-pad: 16px;
        --xy-mega-img-w: 100%;
        --xy-mega-media-w: 100%;
        --xy-mega-media-h: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #masthead {
        --xy-mega-panel-w: 100vw;
        --xy-mega-panel-h: 438px;
        --xy-mega-main-h: 380px;
        --xy-mega-footer-h: 58px;
        --xy-mega-grid-side: 100px;
        --xy-mega-img-pad: 16px;
        --xy-mega-img-w: 100%;
        --xy-mega-media-w: 100%;
        --xy-mega-media-h: 100%;
    }
}

@media (min-width: 1025px) and (max-width: 1365.98px) {
    #masthead {
        --xy-mega-panel-w: 100vw;
        --xy-mega-panel-h: 440px;
        --xy-mega-main-h: 380px;
        --xy-mega-footer-h: 60px;
        --xy-mega-grid-side: 100px;
        --xy-mega-img-pad: 16px;
        --xy-mega-img-w: 100%;
        --xy-mega-media-w: 100%;
        --xy-mega-media-h: 100%;
    }
}

@media (min-width: 1366px) and (max-width: 1512px) {
    #masthead {
        --xy-mega-panel-w: 100vw;
        --xy-mega-panel-h: 470px;
        --xy-mega-main-h: 410px;
        --xy-mega-footer-h: 60px;
        --xy-mega-grid-side: 110px;
        --xy-mega-img-pad: 18px;
        --xy-mega-img-w: 100%;
        --xy-mega-media-w: 100%;
        --xy-mega-media-h: 100%;
    }
}

@media (min-width: 1513px) and (max-width: 1599.98px) {
    #masthead {
        --xy-mega-panel-w: 100vw;
        --xy-mega-panel-h: 490px;
        --xy-mega-main-h: 430px;
        --xy-mega-footer-h: 60px;
        --xy-mega-grid-side: 115px;
        --xy-mega-img-pad: 19px;
        --xy-mega-img-w: 100%;
        --xy-mega-media-w: 100%;
        --xy-mega-media-h: 100%;
    }
}

@media (min-width: 1600px) {
    #masthead {
        --xy-mega-panel-w: 100vw;
        --xy-mega-panel-h: 502px;
        --xy-mega-main-h: 440px;
        --xy-mega-footer-h: 62px;
        --xy-mega-grid-side: 120px;
        --xy-mega-img-pad: 20px;
        --xy-mega-img-w: 100%;
        --xy-mega-media-w: 100%;
        --xy-mega-media-h: 100%;
    }
}