

.header-trans.header-eleven {
    .header-nav {
        border-bottom: 0;
        .navbar-header {
            @include respond-below (sm) {
                #mobile_btn {
                    left: 0;
                }
            }
        }
        .main-menu-wrapper {
            margin-left: auto;
            margin-right: unset;
        }
        .main-nav {
            & > li {
                @include respond-below (xl) {
                    margin-right: 10px;
                }
                & > a {
                    color: $white;
                    font-size: $font-size-16;
                    font-weight: $font-weight-semibold;
                    @include respond-below(xxl) {
                        font-size: $font-size-14;
                    }
                }
                &.has-submenu {
                    &.active {
                        & > a {
                            color: #0CE0FF;
                        }
                    }
                }
                &.submenu {
                    a {
                        &:hover {
                            color: #0CE0FF;
                        }
                    }
                }
            }
        }
    }
    .header-navbar-rht {
        li {
            border-right: 0;
            padding-right: 0;
            a {
                &.header-login {
                    background: $__light__celeste;
                    border-radius: 5px;
                    font-size: $font-size-16;
                    font-weight: $font-weight-normal;
                    padding: 13px 15px !important;
                    text-transform: none;
                    box-shadow: inset 0 0 0 0 $white;
                    @include transition(all 0.7s);
                    display: flex;
                    align-items: center;
                    &:hover {        
                        background: $white;
                        color: $primary;
                        box-shadow: inset 0 60px 0 0 $white;
                        @include transition(all 0.7s);
                    }
                    &.white-bg {
                        color: $primary;
                        box-shadow: inset 0 0 0 0 $primary;
                        @include transition(all 0.7s);
                        &:hover {        
                            background: $primary;
                            color: $white;
                            box-shadow: inset 0 60px 0 0 $primary;
                            @include transition(all 0.7s);
                        }
                    }
                }
            }
            &.login-in-fourteen {
                background: $white;
                color: $gray-900;
                padding: 8px 16px;
                border-radius: 44px;
                height: auto;
                font-size: $font-size-16;
                font-weight: $font-weight-semibold;
                @include respond-below(xxl) {
                    font-size: $font-size-14;
                }
                a {
                    color: $gray-900;
                    
                }
                &:hover {
                    background: $primary;
                    a {
                        color: $white;
                    }
                }
            }
        }
    }
}