@media (max-width: 1199px) {
    .header-main {
        grid-template-columns: 1fr;
    }

    .header-actions {
        grid-template-columns: 1fr auto;
    }

    .portal-top-layout,
    .portal-hero-grid,
    .headline-strip-grid,
    .homepage-main-grid,
    .archive-layout,
    .single-layout,
    .submit-page-grid,
    .portal-submit-header,
    .footer-grid,
    .category-block-grid,
    .related-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .container {
        max-width: calc(100% - 24px);
    }

    .site-main {
        padding-top: 14px;
    }

    .primary-menu,
    .fallback-menu,
    .sub-nav-inner,
    .topbar-right,
    .header-center-links,
    .fast-news-items {
        gap: 12px;
    }

    .hero-main h1,
    .single-header h1,
    .page-header h1,
    .portal-submit-titlebox h1 {
        font-size: 28px;
    }

    .section-head h2,
    .portal-submit-box h3,
    .hero-brief-card h3 {
        font-size: 22px;
    }

    .category-featured h3 {
        font-size: 22px;
    }

    .archive-item {
        grid-template-columns: 1fr;
    }

    .submit-form .form-grid,
    .topic-grid {
        grid-template-columns: 1fr;
    }

    .category-block,
    .special-topics,
    .archive-item,
    .single-article,
    .page-article,
    .widget,
    .submit-form-wrap,
    .submit-main-card,
    .submit-side-card,
    .portal-submit-header,
    .ranking-box,
    .headline-strip-item,
    .hero-brief-card,
    .portal-submit-box {
        padding: 18px;
    }
}