@media (max-width: 991px) {

    /* Make container relative for absolute children */
    #header .container {
        position: relative;
    }

    /* MOVE menu trigger to LEFT */
    #mainMenu-trigger {
        position: absolute !important;
        left: 15px;
        right: auto !important;
        top: 50%;
        transform: translateY(-50%);
    }

    /* MOVE header extras to RIGHT */
    .header-extras {
        position: absolute;
        right: 15px;
        left: auto !important;
        top: 50%;
        transform: translateY(-50%);
        display: flex;
        gap: 10px;
    }

    /* CENTER logo properly */
    #logo {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
        text-align: center;
    }
}