@media (max-width: 768px) {
    body {
        min-height: auto;
        width: 100%;
    }

    .container {
        width: 100%;
        padding: 0 20px;
    }

    .hero-section {
        height: auto;
        min-height: auto;
        padding: 120px 0 60px;
    }

    .grid {
        grid-template-columns: 1fr !important;
    }

    .hidden {
        display: none;
    }

    .text-5xl {
        font-size: 2.5rem;
    }

    .text-4xl {
        font-size: 2rem;
    }

    .text-3xl {
        font-size: 1.75rem;
    }

    .text-2xl {
        font-size: 1.5rem;
    }

    .text-xl {
        font-size: 1.25rem;
    }

    .py-32 {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .py-20 {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .mb-16 {
        margin-bottom: 2rem;
    }

    .gap-20 {
        gap: 2rem;
    }

    .gap-12 {
        gap: 1.5rem;
    }

    .px-12 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .w-56 {
        width: 12rem;
    }

    .h-56 {
        width: 12rem;
    }

    .order-1 {
        order: 1;
    }

    .order-2 {
        order: 2;
    }

    /* x */
    .whitespace-nowrap.kgy-title-1 {
        white-space: initial;
        font-size: 44px;
    }

    .kgy-contact-bottom {
        display: none
    }
}