/* Tablets */
@media (max-width:992px){

.container{
    width:95%;
    padding:0 15px;
}

section{
    padding:60px 0;
}

section h2{
    font-size:34px;
}

}

/* Mobile */
@media (max-width:768px){

/* General */
.container{
    width:95%;
    padding:0 15px;
}

section{
    padding:50px 0;
}

section h2{
    font-size:30px;
}

/* Hero */

.hero{
    min-height:auto;
    padding:80px 0;
}

.hero-title{
    font-size:2.2rem;
}

.hero-subtitle{
    font-size:15px;
}

/* Search */

.search-fields{
    grid-template-columns:1fr;
}

/* Cards */

.car-grid,
.steps,
.review-grid,
.destination-grid{
    grid-template-columns:1fr;
    gap:20px;
}

/* Timeline */

.timeline::before{
    display:none;
}

.timeline-item{
    flex-direction:column;
    gap:20px;
}

.timeline-number{
    width:70px;
    height:70px;
    min-width:70px;
    margin:auto;
}

.timeline-content{
    width:100%;
}

/* FAQ */

.faq-section{
    grid-template-columns:1fr;
    gap:40px;
}

.faq-left h2{
    font-size:2rem;
}

.faq-card{
    padding:20px;
}

/* Footer */

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

.footer-bottom{
    flex-direction:column;
    text-align:center;
}

.footer-bottom-links{
    justify-content:center;
    flex-wrap:wrap;
}

/* Chatbot */

.chat-window{
    width:95%;
    right:10px;
    left:10px;
    bottom:90px;
}

.chat-toggle{
    width:60px;
    height:60px;
}

.chat-toggle img{
    width:60px;
    height:60px;
}

.chat-body{
    height:220px;
}

}

/* Small Phones */

@media (max-width:480px){

.hero-title{
    font-size:1.8rem;
}

.hero-subtitle{
    font-size:14px;
}

.section-header h2{
    font-size:2rem;
}

.faq-left h2{
    font-size:1.8rem;
}

.timeline-content{
    padding:20px;
}

.car-card,
.review-card,
.destination-card,
.step{
    padding:15px;
}

.review-card{
    border-radius:20px;
}

.chat-window{
    height:75vh;
}

}