@media (max-width: 1024px) {
    .business-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .about-content {
        grid-template-columns: 1fr;
    }

    .footer-content {
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }
}

@media (max-width: 768px) {
    .container {
        padding: 0 20px;
    }

    .header-top-inner {
        padding: 0 20px;
        flex-direction: column;
        gap: 15px;
    }

    .header-main-inner {
        flex-direction: column;
        gap: 20px;
        padding: 20px;
    }

    .nav {
        flex-wrap: wrap;
        gap: 25px;
        justify-content: center;
    }

    .slide-content h1 {
        font-size: 36px;
    }

    .slide-content p {
        font-size: 16px;
    }

    .hero-buttons {
        flex-direction: column;
        align-items: center;
    }

    .section-title {
        font-size: 32px;
    }

    .about-text h2 {
        font-size: 32px;
    }

    .emergency-section {
        padding: 50px 20px;
    }

    .emergency-numbers {
        flex-direction: column;
        align-items: center;
    }

    .business {
        padding: 60px 20px;
    }

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

    .notice {
        padding: 60px 20px;
    }

    .footer-content {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .footer {
        padding: 50px 20px 30px;
    }

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

    .quick-menu {
        right: 20px;
        bottom: 20px;
    }

    .tags-section {
        padding: 60px 20px;
    }
}

@media (max-width: 480px) {
    .slide-content h1 {
        font-size: 28px;
    }

    .section-title {
        font-size: 28px;
    }

    .emergency-number {
        padding: 30px 40px;
    }

    .emergency-number .number {
        font-size: 32px;
    }
}