// header-top
.logo {
    width: 111px;
}

.header-icon {
    width: 2.6rem;
    height: 3.6rem;
    line-height: 3.6rem;
}

.header-top .header-right {
    align-items: stretch;
}

.top-menu li + li {
    margin-left: 0;
}

.top-menu li {
    a {
        padding: 1.2rem 1.5rem;
    }

    &:hover a {
        color: #fff;
    }
}

// header-middle

.sticky-wrapper {
    background-color: #e6e5e2;
}

.sticky-header.fixed {
    padding: 1rem;
    background-color: #e6e5e2;
}

.popup-menu-toggler .toggler-icon {
    width: 24px;
    border-color: #333;

    &::after {
        background: #333;
    }
}

.dropdown-arrow .badge-circle {
    top: -1px;
    left: 2rem;
}

.header .separator {
    height: 3.5rem;
    margin: 0 1.4rem;
}

.btn.icon-search-3 {
    font-size: 2.4rem;
}

.popup-menu-toggler .toggler-icon {
    height: .9rem;

    &::after {
        margin-top: 1.2rem;
    }
}

.popup-menu-toggler {
    padding-bottom: .7rem;
}

.header-search-popup .form-control {
    min-width: 136px;
}

.header-search-wrapper {
    height: 3.4rem;
}

// responsive

@include mq(sm, max) {
    .header-dropdowns {
        margin: 0;
        padding: 0;
        border: 0;
    }

    .header-dropdown + .header-dropdown {
        margin: 0;
    }
}

@include mq(425px, max) {
    .header-dropdowns {
        display: block;
        text-align: right;
    }

    .header-dropdown {
        padding: 0;
    }
}