@media screen and (max-width:1230px) {

    body header#masthead nav#mobile-menu-control-wrapper {
        display: none;
    }

    body header#masthead .inside-navigation.grid-container {
        display: flex !important;
        width: 100%;
        gap: 10px;
    }

    body header#masthead nav#sticky-navigation {
        display: flex;
        width: 100%;
    }

    body header#masthead .inside-navigation.grid-container .navigation-branding {
        flex: 1;
    }

    body header#masthead .inside-navigation.grid-container button.menu-toggle {
        flex-grow: unset !important;
        order: 4;
        display: block !important;
    }

    nav#site-navigation {
        width: 100%;
    }
    .main-navigation .menu-toggle .gp-icon svg {
        height: 32px;
        width: 32px;
        top: .25em;
        position: relative;
        fill: currentColor;
    }


}


@media screen (max-width:1024px) {
    body header#masthead nav#sticky-navigation {
        display: flex;
        width: 100%;
    }
}

@media screen and (max-width:767px) {
    nav#site-navigation {
        flex-basis: unset !important;
        flex: unset;
    }

    nav#site-navigation button.menu-toggle {
        margin: 0 !important;
    }

    .site-logo {
        flex: 1;
    }

    body header#masthead nav#sticky-navigation {
        display: flex;
        width: 50%;
    }

    nav#site-navigation {
        width: 10%;
    }

}