.header .header-brand .header-brand-logo .header-brand-logo-text .header-brand-logo-text-title,
.header .header-brand .header-brand-logo .header-brand-logo-text .header-brand-logo-text-slogan {
    max-width: 210px;
}

.header-menu-more[hidden],
.header-menu-more-list[hidden] {
    display: none;
}

@media only screen and (max-width: 1141px) {
    .header-menu-items {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .header-menu-more {
        display: none;
    }
}

@media only screen and (min-width: 1142px) {
    .header {
        position: relative;
        z-index: 100;
    }

    .header .header-brand {
        flex: 0 0 auto;
    }

    .header .header-menu {
        flex: 1 1 auto;
        min-width: 0;
        overflow: visible;
    }

    .header-menu-items {
        align-items: center;
        display: flex;
        flex: 1 1 auto;
        flex-direction: row;
        justify-content: flex-end;
        min-width: 0;
        overflow: hidden;
    }

    .header-menu .item {
        white-space: nowrap;
    }

    .header-menu-more {
        flex: 0 0 auto;
        margin-left: 5px;
        position: relative;
    }

    .header-menu-more-button {
        appearance: none;
        background: transparent;
        border: 0;
        cursor: pointer;
        font: inherit;
    }

    .header-menu-more-list {
        background: #fff;
        border: 1px solid #eee;
        border-radius: 4px;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
        display: flex;
        flex-direction: column;
        min-width: 12rem;
        padding: 6px;
        position: absolute;
        right: 0;
        top: calc(100% + 8px);
        z-index: 2;
    }

    .header-menu .header-menu-more-list .item {
        margin: 0;
        text-align: left;
    }
}