.mobileContactPopover {
    display: none;
}

@media (max-width: 660px) {
    #topHeader {
        z-index: 700;
    }

    #topHeader #topMenu,
    #topHeader #topMenu .bar {
        position: relative;
        z-index: 701;
    }

    #topHeader #topMenu .sub {
        z-index: 702;
    }

    .tagline {
        display: none !important;
    }

    #subHeader {
        position: relative;
        z-index: 45;
        height: 78px;
    }

    #subHeader > .limiter {
        display: flex;
        align-items: stretch;
        box-sizing: border-box;
        width: 100%;
        height: 78px;
        padding: 0 12px;
    }

    #logo {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex: 1 1 46%;
        float: none;
        box-sizing: border-box;
        width: auto;
        min-width: 0;
        height: 78px;
        line-height: normal;
    }

    #logo a {
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
    }

    #logo img {
        width: 100%;
        max-width: 138px;
        max-height: 48px;
        object-fit: contain;
    }

    #headerTools {
        flex: 0 0 54%;
        float: none;
        box-sizing: border-box;
        width: auto;
        height: 78px;
    }

    #headerTools .tools {
        display: flex;
        align-items: stretch;
        width: 100%;
        height: 100%;
    }

    #headerTools .tools .wishlist,
    #headerTools .tools .compare {
        display: none !important;
    }

    #headerTools {
        border-right: 0 !important;
    }

    #headerTools .tools li.search,
    #headerTools .tools li.telephone,
    #headerTools .tools li.cart {
        position: relative;
        display: flex !important;
        align-items: center;
        justify-content: center;
        flex: 1 1 33.333%;
        float: none;
        box-sizing: border-box;
        width: auto;
        min-width: 0;
        height: 78px;
        padding: 0;
        border-left: 0 !important;
        border-right: 0 !important;
        line-height: normal;
    }

    #headerTools .wrap,
    #headerTools #flushTopCart,
    #headerTools #cart_informer {
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        line-height: normal;
    }

    #headerTools .tools .icon {
        display: block;
        flex: 0 0 auto;
        float: none;
        height: 40px;
        margin: 0 !important;
        transform: scale(.86);
        transform-origin: center center;
    }

    #headerTools .telephone .nf,
    #headerTools .cart .nf {
        display: none !important;
    }

    #mobileContactToggle {
        cursor: pointer;
    }

    .mobileContactPopover {
        position: absolute;
        z-index: 600;
        top: calc(100% + 9px);
        left: var(--contact-arrow-left, 50%);
        display: block;
        box-sizing: border-box;
        width: min(310px, calc(100vw - 24px));
        padding: 15px;
        border: 1px solid #e4e4e4;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 14px 34px rgba(0, 0, 0, .2);
        color: #252525;
        line-height: 1.35;
        text-align: left;
        transform: translateX(-50%);
    }

    .mobileContactPopover[hidden] {
        display: none !important;
    }

    .mobileContactPopover::before {
        position: absolute;
        top: -7px;
        left: var(--contact-arrow-left, 50%);
        width: 12px;
        height: 12px;
        border-top: 1px solid #e4e4e4;
        border-left: 1px solid #e4e4e4;
        background: #fff;
        content: '';
        transform: translateX(-50%) rotate(45deg);
    }

    .mobileContactHeader {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 10px;
        padding-bottom: 9px;
        border-bottom: 1px solid #ededed;
    }

    .mobileContactHeader strong {
        font-size: 17px;
    }

    .mobileContactClose {
        width: 34px;
        height: 34px;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background: #f3f3f3;
        color: #333;
        font: 24px/34px Arial, sans-serif;
        cursor: pointer;
    }

    .mobileContactPhone,
    .mobileContactEmail,
    .mobileContactHours {
        display: block;
        padding: 5px 0;
        color: #252525;
        text-decoration: none;
    }

    .mobileContactPhone {
        font: 17px/1.35 'robotobold', Arial, sans-serif;
    }

    .mobileContactEmail {
        color: #d77f00;
        font-size: 15px;
    }

    .mobileContactHours {
        margin-top: 4px;
        color: #777;
        font-size: 13px;
    }
}

.mobileCartBadge {
    display: none;
}

@media (max-width: 660px) {
    #headerTools .tools li.cart {
        overflow: visible;
    }

    #headerTools .tools li.cart .mobileCartBadge {
        position: absolute;
        z-index: 5;
        top: 12px;
        left: calc(50% + 6px);
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        min-width: 18px;
        height: 18px;
        padding: 0 5px;
        border: 2px solid #ffffff;
        border-radius: 10px;
        background: #ef9d2f;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .18);
        color: #ffffff;
        font-family: Arial, sans-serif;
        font-size: 10px;
        font-weight: 700;
        line-height: 14px;
        text-align: center;
        white-space: nowrap;
        pointer-events: none;
    }

    #headerTools .tools li.cart .mobileCartBadge[hidden] {
        display: none !important;
    }
}