#header.header-v2 div.main-menu-container {
    margin-right: 0;
}

#header.header-v2 ul.main-menu {
    align-items: center;
    list-style: none;
}

#header.header-v2 ul.main-menu > li > a {
    font-family: 'Muli', sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
}

#header.header-v2 ul.main-menu > li.header-signup > a {
    min-height: 38px;
    margin-left: 10px;
    padding: 7px 17px;
}

#header.header-v2 ul.main-menu > li.header-signup > a > span {
    padding: 0;
    border-bottom: 0;
}

@media (max-width: 767px) {
    div.mob_nav_container ul.main-menu > li.header-signup > a {
        margin: 8px 15px;
        border: 0;
        text-align: center;
    }
}

/* Zellwo's search bar (tracking.js). The widget hides the empty
   #header-search slot and puts #zellwo-search-container in front of it,
   with an inline `margin: 0 auto`, hence !important. The logo is 155px
   wide and positioned over the left edge of .header-content. The menu keeps
   its width and the bar takes what is left; the menu list has
   `margin: 0 -20px`, so its container keeps 20px from the bar. */
#header.header-v2 div.header-content > #zellwo-search-container {
    flex: 0 1 420px;
    align-self: center;
    margin: 0 auto 0 175px !important;
}

#header.header-v2 div.main-menu-container {
    flex-shrink: 0;
    margin-left: 20px;
}

/* Below 1200px the menu leaves the bar under 390px, too narrow for its
   placeholder, so the bar moves under the header, centred. */
@media (min-width: 768px) and (max-width: 1199px) {
    #header.header-v2 div.header-content > #zellwo-search-container {
        position: absolute !important;
        top: calc(100% + 8px);
        left: 0;
        right: 0;
        max-width: 600px !important;
        margin: 0 auto !important;
    }
}

@media (max-width: 767px) {
    /* The theme hides the whole header content on phones and builds its own
       menu, so only the bar is shown, on a line of its own under the logo. */
    #header.header-v2 div.header-content {
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        height: auto;
    }

    #header.header-v2 div.header-content > div.main-menu-container {
        display: none;
    }

    #header.header-v2 div.header-content > #zellwo-search-container {
        max-width: none !important;
        margin: 0 !important;
        padding: 8px 16px;
        background: #fff;
        box-shadow: 0 4px 6px -4px rgba(0, 0, 0, .15);
    }

    /* The line is 72px high (a 56px bar and its padding). */
    html.has-header-search #page {
        padding-top: 72px;
    }
}