.gtea-navbar {
    position: relative;
    .gtea-widget-logo__image--mobile,
    .gtea-widget-logo__image--sticky,
    .gtea-widget-logo__image--sticky-mobile {
        display: none;
    }
    .gtea-widget-logo__image--desktop {
        @media only screen and (max-width: 1024px) {
            display: none;
        }
    }
    .gtea-widget-logo__image--mobile {
        @media only screen and (max-width: 1024px) {
            display: initial;
        }
    }
    &.gtea-navbar--sticky {
        position: fixed !important;
        width: 100%;
        z-index: 99;
        left: 0;
        right: 0;
        &.gtea-navbar--sticky-active {
            -webkit-transition: 400ms all ease-out;
            -moz-transition: 400ms all ease-out;
            -o-transition: 400ms all ease-out;
            transition: 400ms all ease-out;
            .gtea-widget-logo__image--desktop,
            .gtea-widget-logo__image--mobile {
                display: none;
            }
            .gtea-widget-logo__image--sticky {
                display: initial;
                @media only screen and (max-width: 1024px) {
                    display: none;
                }
            }
            .gtea-widget-logo__image--sticky-mobile {
                @media only screen and (max-width: 1024px) {
                    display: initial;
                }
            }
        }
    }
    .gtea-navbar__col {
        flex: 0 0 auto;
    }
    .gtea-navbar__menu-col,
    .gtea-navbar__button-col {
        @media only screen and (max-width: 1024px) {
            display: none;
        }
    }
    .gtea-navbar__menu-mobile-col {
        display: flex;
        @media only screen and (min-width: 1025px) {
            display: none;
        }
        .gtea-mobile-menu {
            width: 100%;
        }
    }
    .gtea-widget-button {
        display: inline-flex;
    }
}