/* ============================================================
   Raaj Travel & Tourism — Responsive Styles
   ============================================================ */

@media (max-width: 1024px){
    .about-grid,
    .two-col{
        grid-template-columns:1fr;
    }

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

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

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

@media (max-width: 860px){
    .nav-links,
    .nav-cta .btn-outline{
        display:none;
    }

    .menu-toggle{
        display:flex;
    }

    .navbar.open .nav-links{
        display:flex;
        flex-direction:column;
        position:absolute;
        top:100%;
        left:0;
        width:100%;
        background:rgba(11,11,13,.98);
        padding:26px 8%;
        gap:20px;
    }

    .form-row{
        grid-template-columns:1fr;
    }
}

@media (max-width: 640px){
    .hero-content h1{
        font-size:34px;
    }

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

    .page-banner h1{
        font-size:32px;
    }

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

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

    .whatsapp-float{
        width:52px;
        height:52px;
        font-size:24px;
        bottom:18px;
        right:18px;
    }

    .back-to-top{
        bottom:18px;
        left:18px;
    }

    .container{
        padding:0 6%;
    }
}