@media(max-width: 992px){

    .hero-content h1{
        font-size: 45px;
    }

    .section-title h2{
        font-size: 35px;
    }

    .services-container,
    .menu-container,
    .testimonials-container,
    .choose-container,
    .footer-container{
        grid-template-columns: repeat(2, 1fr);
    }

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

}
@media(max-width: 768px){

    .nav-links{
        display: none;
    }

    .menu-toggle{
        display: block;
    }

    .hero{
        height: auto;
        padding: 120px 0;
    }

    .hero-content h1{
        font-size: 35px;
    }

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

    .hero-buttons{
        flex-direction: column;
    }

    .section-title h2{
        font-size: 30px;
    }

    .services-container,
    .menu-container,
    .testimonials-container,
    .choose-container,
    .footer-container{
        grid-template-columns: 1fr;
    }

    .about-preview{
        padding: 70px 0;
    }

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

    .about-image img{
        height: auto;
    }

    .cta-content h2{
        font-size: 35px;
    }

}
@media(max-width: 768px){

    .nav-links{
        display: none;
        flex-direction: column;
        position: absolute;
        top: 80px;
        right: 5%;
        background: #fff;
        width: 250px;
        padding: 30px;
        border-radius: 10px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    }

    .nav-links.active{
        display: flex;
    }

    .menu-toggle{
        display: block;
        font-size: 30px;
        cursor: pointer;
    }

}