html, body {
    width: 100%;
}

#wrapper {
    overflow: visible !important;
}

.header-wrapper {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    width: 100%;
    background: #fff;
}

.header-wrapper .header {
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    -webkit-transform: none !important;
    z-index: 9999 !important;
}

.header-wrapper .header.is-fixed,
.header-wrapper .header.is-fixed.is-custom,
.header-wrapper .header.is-fixed.is-visible,
.header-wrapper .header.header-sticky {
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    -webkit-transform: none !important;
    box-shadow: none !important;
}

.header-inner {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main-nav {
    margin-left: auto;
}

.menu {
    justify-content: flex-end;
}

@media (max-width: 768px) {
    .header-container-fluid,
    .container,
    .container-fluid {
        max-width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .header-inner {
        padding: 12px 16px;
    }

    .logo img,
    .logo-mobile img {
        max-height: 36px;
    }
}