.headerbar {
    background : transparent;
}

.headerbar .header-banner {
    display: block;
    text-align: center;
    max-width: 100.6%;
    max-height: 100%;
/*    margin-left: -2px; */
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .headerbar .header-banner {
        width: 100.4% !important;
    }
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
    .headerbar .mobile-header-banner {
        display: block;
        text-align: center;
        max-width: 100% !important;
        max-height: 100%;
        margin-left: -2px;
    }

    .headerbar .header-banner {
        border-radius: 0px !important;
        max-width: 100% !important;
    }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .headerbar .mobile-header-banner {
            width: 100.8% !important;
        }
    }
}