/*==================================================
            RESPONSIVE
==================================================*/

/******** Tablet ********/

@media (max-width:992px){
.why-grid{

grid-template-columns:repeat(2,1fr);

}

.hero-content{

flex-direction:column;

text-align:center;

gap:50px;

}

.hero-left,
.hero-right{

width:100%;

}

.hero h1{

font-size:52px;

}

.booking-card{

grid-template-columns:repeat(2,1fr);

}

.fleet-grid{

grid-template-columns:repeat(2,1fr);

}

.menu-toggle{
        display:block;
        color:#fff;
        font-size:28px;
        cursor:pointer;
        z-index:10002;
        position:relative;
    }

    .nav-buttons{
        display:none;
    }

    .nav-links{
        display:none;
        position:fixed;
        top:80px;
        left:0;
        width:100%;
        height:calc(100vh - 80px);

        background:#1a1a1a;   /* Changed background */

        flex-direction:column;
        justify-content:flex-start;
        align-items:center;

        padding-top:40px;
        gap:25px;

        z-index:10001;
    }

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

    .nav-links li{
        width:100%;
        text-align:center;
    }

    .nav-links a{
        display:block;
        width:100%;
        padding:15px;
        color:#fff !important;
        font-size:18px;
        font-weight:600;
    }

    .nav-links a:hover{
        background:#FFC107;
        color:#111 !important;
    }


.nav-right{

display:none;

}
.process-grid{

grid-template-columns:repeat(2,1fr);

}
.services-grid{

grid-template-columns:repeat(2,1fr);

}
.destination-grid{

grid-template-columns:repeat(2,1fr);

}
.package-grid{

grid-template-columns:repeat(2,1fr);

}
.offers-grid{

grid-template-columns:repeat(2,1fr);

}
.cta-wrapper{

flex-direction:column;

text-align:center;

}
.footer-grid{

grid-template-columns:repeat(2,1fr);

}
.counter-grid{

grid-template-columns:repeat(2,1fr);

}
.blog-grid{

grid-template-columns:repeat(2,1fr);

}

}

/******** Mobile ********/

@media (max-width:768px){
.why-grid{

grid-template-columns:1fr;

}

.container{

width:92%;

}

.hero{

padding-top:140px;

min-height:auto;

padding-bottom:120px;

}

.hero h1{

font-size:42px;

}

.hero p{

font-size:18px;

}

.hero-buttons{

display:flex;

flex-direction:column;

gap:15px;

}

.primary-btn,
.secondary-btn{

width:100%;

text-align:center;

margin:0;

}

.hero-stats{

justify-content:space-between;

gap:20px;

margin-bottom:100px;

}

.hero-stats h3{

font-size:30px;

}

.booking{

margin-top:-50px;

}

.booking-card{

grid-template-columns:1fr;

padding:20px;

}

.section-title h2{

font-size:34px;

}

.section-title p{

font-size:16px;

}

.fleet-grid{

grid-template-columns:1fr;

}

.car-card{

max-width:420px;

margin:auto;

}
.process-grid{

grid-template-columns:repeat(2,1fr);

}
.services-grid{

grid-template-columns:1fr;

}
.destination-grid{

grid-template-columns:1fr;

}
.package-grid{

grid-template-columns:1fr;

}

.package-card.featured{

transform:none;

}
.offers-grid{

grid-template-columns:1fr;

}
.cta-left h2{

font-size:38px;

}

.cta-buttons{

justify-content:center;

}
.footer-grid{

grid-template-columns:1fr;

text-align:center;

}

.social-links{

justify-content:center;

}
.counter-grid{

grid-template-columns:1fr;

}
.blog-grid{

grid-template-columns:1fr;

}

.blog-meta{

flex-direction:column;

align-items:flex-start;

}
.floating-card{

display:none;

}
.scroll-indicator{

display:none;

}

}

/******** Small Phones ********/

@media (max-width:480px){

.logo{

font-size:24px;

}

.hero h1{

font-size:34px;

}

.hero p{

font-size:16px;

}

.hero-stats{

flex-direction:column;

gap:20px;

text-align:center;

}

.booking-card{

border-radius:15px;

}

}

/*=====================
ABOUT
=====================*/

@media (max-width:768px){

.about-wrapper{
    flex-direction:column;
    text-align:center;
}

.about-image{
    margin-bottom:30px;
}

.about-content h2{
    font-size:30px;
}

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

.about-buttons{
    justify-content:center;
}

/*=====================
CONTACT
=====================*/

.contact-wrapper{
    flex-direction:column;
}

.contact-form{
    margin-top:30px;
}

.info-box{
    padding:18px;
}

.contact-form button{
    width:100%;
}

}