@media (max-width: 768px) {

    .container {
        width: min(100% - 30px, 1200px);
    }

    .header-inner {
        flex-wrap: wrap;
    }

    .contact-grid,
    .footer-grid {
        grid-template-columns: 1fr;
    }

    .contact-hero {
        padding: 70px 0 40px;
    }

}