@media (max-width: 980px) {
    .kcf_frontend_header,
    .kcf_frontend_page {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .kcf_frontend_header {
        margin-top: 0;
    }

    .kcf_mobile_navigation_toggle {
        width: 48px;
        min-height: var(--kcf-frontend-nav-height);
        border: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        background: transparent;
        cursor: pointer;
    }

    .kcf_frontend_navigation {
        position: absolute;
        top: var(--kcf-frontend-nav-height);
        left: 0;
        right: 0;
        display: none;
        background: var(--kcf-color-header);
        box-shadow: var(--kcf-shadow-float);
    }

    .kcf_frontend_navigation.is_open {
        display: block;
    }

    .kcf_frontend_navigation_list {
        display: block;
    }

    .kcf_frontend_navigation_item {
        display: block;
    }

    .kcf_frontend_navigation_item > a {
        min-height: 44px;
    }

    .kcf_frontend_navigation_dropdown {
        position: static;
        display: none;
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
        transform: none;
        min-width: 0;
        border: 0;
        box-shadow: none;
    }

    .kcf_frontend_navigation_item.is_open > .kcf_frontend_navigation_dropdown {
        display: block;
    }

    .kcf_frontend_navigation_level_2,
    .kcf_frontend_navigation_level_3 {
        padding-left: 18px;
        background: #f7f8fa;
    }

    .kcf_frontend_brandbar_inner {
        min-height: 86px;
    }

    .kcf_frontend_brand_actions {
        display: none;
    }

    .kcf_frontend_context_meta {
        display: none;
    }

    .kcf_frontend_dashboard_summary,
    .kcf_frontend_dashboard_grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .kcf_frontend_navbar_tools .kcf_frontend_tool:first-child,
    .kcf_header_user_name {
        display: none;
    }

    .kcf_frontend_brandbar_inner {
        padding: 16px;
    }

    .kcf_frontend_brand_wordmark {
        font-size: 31px;
    }

    .kcf_frontend_brand_version {
        font-size: 24px;
    }

    .kcf_frontend_page {
        padding: 14px 10px 24px;
    }

    .kcf_frontend_welcome-panel,
    .kcf_frontend_welcome_panel {
        align-items: flex-start;
    }

    .kcf_frontend_quicklinks {
        grid-template-columns: 1fr 1fr;
    }
}