
.header {
    &.header-fourteen {
        &.header-twelve {
            &.header-thirteen {
                background-color: $white;
                position: relative;
                &.pharmacy-header {
                    position: fixed;
                }
                .header-nav {
                    @include respond-below(xl) {
                        justify-content: space-between;
                        -webkit-justify-content: space-between;
                    }
                    .main-menu-wrapper {
                        .main-nav {
                            .has-submenu {
                                @include respond-below(xl) {
                                    margin-right: 10px;
                                }
                                a {
                                    color: $gray-900;
                                     @include respond-below(lg) {
                                        color: $white;
                                    }
                                }
                                .submenu {
                                    a {
                                        color: $gray-900;
                                        @include respond-below(lg) {
                                            color: $white;
                                        }
                                    }
                                }
                                &.active {
                                    a {
                                        color: $primary;
                                        font-weight: $font-weight-medium;
                                    }
                                    .submenu {
                                        a {
                                            color: $gray-900;
                                            font-weight: $font-weight-medium;
                                            &.active {
                                                color: $primary;
                                                font-weight: $font-weight-medium;
                                                
                                           }
                                        }
                                       
                                        a {
                                            color: $gray-900;  
                                            @include respond-below(lg) {
                                                color: $white;
                                            }
                                        }
                                    }
                                }
                            }
                            & > li {                                
                                &.searchbar-fourteen {
                                    a {
                                        background: $white;
                                        border: 1px solid $white;
                                    }
                                    @include respond-below(xxl) {
                                        display: none;
                                    }
                                }
                            }
                        }
                    }
                    .header-navbar-rht {
                        li {
                            &.flag-nav {
                                padding-right: 24px;
                                @include respond-below(xxl) {
                                    padding-right: 10px;
                                }
                                .select2-container--default {
                                    min-width: 115px;
                                    .select2-selection--single {
                                        height: 36px;
                                        background: $gray-transparent;
                                        border-color: $gray-transparent;
                                        border-radius: 5px;
                                        .select2-selection__rendered {
                                            color: $gray-900;
                                            font-size: $font-size-14;
                                            font-weight: $font-weight-medium;
                                            line-height: 36px;
                                            padding-left: 10px;
                                            padding-right: 24px;
                                        }
                                    }
                                    .select2-selection__arrow {
                                        height: 36px;
                                        right: 2px;
                                    }
                                    .flag-img {
                                        margin-right: 5px;
                                    }
                                }
                                @include respond-below(xl) {
                                    display: none;
                                }
                            }
                            &.login-in {
                                .btn {
                                    font-size: $font-size-14;
                                    padding: 9px 13px;
                                    transition:all 0.7s ;
                                    display: flex;
                                    align-items: center;    
                                    i {
                                        margin-right: 8px;
                                    }
                                }
                            }
                            &.login-in-fourteen {
                                .log-btn-twelve {
                                    color: $white;
                                    background: $primary-gradient;
                                    border-radius: 44px;
                                    padding: 8px 16px;
                                    &:hover {
                                        box-shadow: inset 210px 0 0 0 $dark;
                                        background: $dark ;
                                    }
                                }
                                .reg-btn-thirteen {
                                    display: flex;
                                    span {
                                        @include margin-padding(null, 8px 20px);
                                        border: 1px solid $primary;
                                        background: $primary;
                                        color: $white;
                                        border-top-left-radius: 5px;
                                        border-bottom-left-radius: 5px;
                                        transition: all 0.5s;
                                    }
                                    &.regist-btn {
                                            background: $dark;
                                            color: $white;
                                            font-size: $font-size-14;
                                            font-weight: $font-weight-normal;
                                            padding: 7px 12px;
                                            border-radius: 44px;
                                            display: flex;
                                            align-items: center;
                                        &:hover {
                                            background: $primary-gradient;
                                        }
                                    }
                                    .user-icon-header {
                                        display: flex;
                                        align-items: center;
                                        justify-content: center;
                                        width: 36px;
                                        border: 1px solid $__blue__14;
                                        background: $__blue__20;
                                        color: $white;
                                        border-top-right-radius: 5px;
                                        border-bottom-right-radius: 5px;
                                        transition: all 0.5s;
                                    }
                                    &:hover {
                                        span,.user-icon-header {
                                            background: $white;
                                            color: $primary;
                                        }

                                    } 
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}