@media (max-width: 1200px) {
    .hero-title {
        font-size: 56px;
    }

    .section-heading h2 {
        font-size: 36px;
    }
}

@media (max-width: 992px) {
    .main-nav {
        display: none;
    }

    .mobile-menu-toggle {
        display: inline-flex;
    }

    .hero-layout,
    .highlight-grid,
    .service-grid,
    .contact-page-grid,
    .form-grid,
    .site-footer__top,
    .sector-grid,
    .link-cards-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .premium-hero {
        padding: 68px 0 50px;
    }

    .premium-section {
        padding: 60px 0;
    }

    .hero-title {
        font-size: 42px;
    }

    .section-heading h2 {
        font-size: 32px;
    }

    .hero-description,
    .section-heading p {
        font-size: 16px;
    }

    .service-card {
        min-height: auto;
        padding: 24px 22px;
    }

    .hero-mini-info {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .contact-info-card,
    .contact-form-card {
        padding: 24px;
    }

    .header-actions {
        display: none;
    }

    .brand-text {
        white-space: normal;
    }

    .site-header__inner {
        min-height: 78px;
    }

    .site-logo {
        height: 54px;
    }


}

@media (max-width: 576px) {
    .site-header__inner {
        min-height: 72px;
    }

    .brand {
        font-size: 20px;
    }

    .premium-hero {
        padding: 56px 0 44px;
    }

    .hero-title {
        font-size: 34px;
    }
        .hero-title br {
            display: none;
        }
    .section-heading h2 {
        font-size: 28px;
    }

    .hero-description {
        font-size: 16px;
        line-height: 1.75;
    }

    .hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .btn-primary-premium,
    .btn-secondary-premium,
    .btn-primary-custom,
    .btn-secondary-custom {
        width: 100%;
    }

    .hero-panel-main,
    .glass-card {
        padding: 20px;
    }

    .panel-tab-header {
        grid-template-columns: 1fr;
    }

    .hero-mini-info {
        grid-template-columns: 1fr;
    }

    .contact-info-card,
    .contact-form-card {
        padding: 20px;
    }

    .site-logo {
        height: 44px;
    }

    .footer-logo {
        height: 40px;
    }

    .mobile-menu-panel {
        width: 100%;
        max-width: 100%;
    }

    .card-head {
        align-items: flex-start;
    }

        .card-head h3 {
            font-size: 18px;
        }

}