.header {
    border-bottom: none;
    background: transparent;
}

#desktop-menu, #header-tagline, #header-rhs, #header-center, .navUser {
    display: none;
}

#header-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: flex-start;
    background: #252323;
}

.mobileMenu-toggle .mobileMenu-toggleIcon, .mobileMenu-toggle .mobileMenu-toggleIcon::before, .mobileMenu-toggle .mobileMenu-toggleIcon::after {
    background: #f9f9f9;
}

.mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before, .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after{
    background: #f9f9f9;
}

.header-logo {
    margin: 0;
    margin-left: 55px;
}

.header-logo-image {
    max-width: 160px;
}

.header-logo__link, .header-logo-image {
    margin: 0;
}

#mobile-search {
    border-bottom: 1px solid #444;
    width:100%;
    z-index: 999;
    position: relative;
}

#mobile-search .form, #mobile-search .form-field {
    margin-bottom:0;
}

#mobile-search .form-prefixPostfix .button {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    width: 60px;
    background: #f2f2f2;
    border: none;
    border-radius:0;
}

#mobile-search .form-prefixPostfix .form-input {
    border-radius: 0;
    border:none;
    background: #f2f2f2;
}

#mobile-header-icons {
    width: auto;
    font-size: 20px;
    height: 55px;
    display: inline-flex;
    align-items: center;
}

#mobile-header-icons a{
    color: #FEF200;
}

#mobile-header-icons .countPill {
    margin-left: 10px;
    background-color: #f2f2f2;
    color: #000;
    position: relative;
    top: -2px
}

#mobile-header-icons{
    margin-right: 18px;
}

#mobile-header-icons i{
    margin-left: 10px;
}

.navPages-container.is-open {
    padding-top:85px;
}

.navPages-container.is-open .navPages-action i{
    width:20px;
}

.navPages-action {
    text-transform: none;
}

.navpages-account {
    margin-right: 10px;
}

.navpages-account:nth-child(2),.navpages-account:nth-child(3){
    margin-left: 10px;
}

.navPages-list + .navPages-list {
    border-top: none;
}

.navPages-item {
    border-bottom: 1px solid #ccc;
}

.navPages-list + .navPages-list {
    margin-top:0;
    padding-top:0;
}

@media screen and (min-width: 801px) {
    .header {
        background: #252323;
    }

    #header-center {
        display: flex;
    }

    .navUser::before, .navUser::after {
        content: none;
    }

    #header-address {
        font-size: 16px;
    }

    #header-address a {
        text-decoration: none;
    }

    #navUser-inner {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

    .navUser-section-final {
        min-width: 284px;
        text-align: right;
        display: flex;
        justify-content: flex-end;
    }

    .navUser-item--cart a{
        padding-left: 0;
        padding-right: 0;
    }

    .header-logo {
        display: flex;
    }

    .header-logo-image {
        max-width: none;
    }

    .navUser {
        background: #FEF200;
        height: 45px;
        padding: 0 20px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

    .navUser-action, .navUser-or {
        font-size: 16px;
    }

    .countPill {
        position: relative;
        top: -2px;
    }

    #mobile-search, .navPages-item-page, #desktop-search {
        display: none;
    }

    #desktop-menu {
        display: flex;
        height: 45px;
        background: #FEF200;
        align-items: center;
        justify-content: space-between;
    }

    #desktop-menu-inner{
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    #header-inner {
        height: 110px;
        align-content: center;
    }

    .header-logo {
        margin-left: 20px;
    }

    #mobile-header-icons {
        display: none;
    }

    #header-center {
        display: flex;
        flex-wrap: wrap;
        font-size: 18px;
        flex-direction: column;
        justify-content: space-between;
        margin-right: 20px;
        position: relative;
        top:20px;
    }

    #header-rhs{
        display: flex;
        margin-left: 20px;
    }

    #header-center p {
        width: 100%;
        text-align: center;
        color: #fff;
        margin:0;
    }

    #header-center p a{
        color:#fff;
        text-decoration: none;
    }

    #header-centre p a:hover{
        color:#FEF200;
    }

    #desktop-search {
        display: flex;
        margin: 0;
        padding: 0;
        height: 45px;
        border:none;
    }

    #desktop-search .button {
        margin-right: 20px;
        width: auto;
        padding:0 10px;
        border:none;
        border-radius: 0;
        background: #f2f2f2;
        height: 45px;
        color:#333;
    }

    #search_query_adv {
        border: none;
        border-radius: 0;
        height: 45px;
        background: #f2f2f2;
        min-width: 250px;
    }

    #search_query_adv::placeholder{
        color: #333;
        opacity: 1;
    }

    #search_query_adv:-ms-input-placeholder{
        color: #333;
        opacity: 1;
    }


    #desktop-search .form-field {
        margin: 0;
    }
}

#desktop-menu-flat .sub-submenu {
    list-style-type: none;
    display: none;
}

#desktop-menu-flat li.with-dropdown {
    position: relative;
}

#desktop-menu-flat li.with-dropdown:hover .sub-submenu {
    display: block;
    position: absolute;
    background: #252323;
    width: 100%;
    min-width: 200px;
    left: 0;
    z-index: 9999;
    margin: 0;
}

#desktop-menu-flat li.with-dropdown:hover .sub-submenu li a {
    color:#fff;
}

/* Header menu breakpoints */
@media screen and (min-width: 936px) {
    #header-rhs{
        margin-left: 0;
    }

    #header-center {
        position: static;
    }
}

/* End header menu breakpoints */

@media screen and (min-width: 1261px) {
    #navUser-inner {
        justify-content: space-between;
        width: 1260px;
        margin: 0 auto;
    }

    #header-inner{
        width: 1260px;
        margin: 0 auto;
    }

    .header-logo{
        margin-left: 0;
    }

    #header-rhs, #desktop-search, #desktop-search .button{
        margin-right: 0;
    }

    #header-tagline {
        display: block;
        color: #000;
        margin: auto 0;
        padding: 0;
        height: auto;
        font-size: 24px;
        text-transform: uppercase;
        font-family: 'Titillium Web', sans-serif;
    }

    #desktop-menu-inner{
        width: 1260px;
        margin: 0 auto;
    }
}