/* Keep the desktop mega menu inside the viewport at compact laptop and tablet widths. */
@media (min-width: 801px) and (max-width: 1100px) {
    .nav-panel,
    .nav-panel--solutions {
        position: fixed;
        top: 70px;
        left: 50%;
        width: min(780px, calc(100vw - 32px));
        transform: translateX(-50%);
    }

    .nav-group[open] > .nav-panel,
    .nav-group[open] > .nav-panel--solutions {
        animation: nav-panel-tablet-in .2s cubic-bezier(.2, .7, .2, 1);
    }

    @keyframes nav-panel-tablet-in {
        from { opacity: 0; transform: translateX(-50%) translateY(-7px); }
        to { opacity: 1; transform: translateX(-50%) translateY(0); }
    }
}