/*==================================================
MOBILE
==================================================*/

@media (max-width:768px){

.container{

    width:92%;

}

.section-header h2{

    font-size:2rem;

}

.section-header p{

    font-size:1rem;

}

/*=========================
HEADER
=========================*/

.header{

    padding:15px 0;

}

.navbar{

    padding:15px 20px;

    border-radius:20px;

    justify-content:space-between;

}

.logo img{

    width:48px;

}

.logo-text h2{

    font-size:1.5rem;

    line-height:1;

}

.logo-text span{

    font-size:.8rem;

}

.nav-menu{

    display:none;

}

.nav-buttons{

    display:none;

}

.mobile-toggle{

    display:flex;

}

/*=========================
HERO
=========================*/

.hero{

    min-height:auto;

    padding:170px 0 80px;

}

.hero-location{

    font-size:.9rem;

}

.hero h1{

    font-size:3.1rem;

    line-height:1;

    margin-bottom:20px;

}

.hero h2{

    font-size:2rem;

    margin-bottom:25px;

}

.hero p{

    font-size:1rem;

    line-height:1.8;

    width:100%;

}

.hero-buttons{

    flex-direction:column;

    gap:15px;

    margin-top:35px;

}

.hero-buttons .btn{

    width:100%;

    justify-content:center;

}

.scroll-down{

    display:none;

}

/*=========================
STATS
=========================*/

.stats{

    margin-top:-40px;

}

.stats-grid{

    grid-template-columns:1fr 1fr;

    gap:15px;

}

.stat-card{

    padding:30px 20px;

}

.stat-card h3{

    font-size:2.5rem;

}

/*=========================
SERVICES
=========================*/

.services-grid{

    grid-template-columns:1fr;

}

/*=========================
WHY US
=========================*/

.why-grid{

    grid-template-columns:1fr;

}

/*=========================
TESTIMONIALS
=========================*/

.testimonial-grid{

    grid-template-columns:1fr;

}

/*=========================
LOCATIONS
=========================*/

.locations-wrapper{

    grid-template-columns:1fr;

}

.map-card{

    padding:15px;

}

.map-card img{

    width:100%;

    margin:0;

}

.service-badge{

    position:relative;

    left:auto;

    bottom:auto;

    margin-top:20px;

}

.location-cta{

    flex-direction:column;

    gap:30px;

    text-align:center;

}

.cta-buttons{

    width:100%;

    flex-direction:column;

}

.cta-buttons .btn{

    width:100%;

}

/*=========================
FAQ
=========================*/

.faq-question{

    font-size:1rem;

    padding:22px;

}

.faq-answer p{

    padding:0 22px 22px;

}

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

.about-grid{

    grid-template-columns:1fr;

}

.about-right{

    grid-template-columns:1fr;

}

.about-left h2{

    font-size:2.2rem;

}

/*=========================
FEEDBACK
=========================*/

.feedback-wrapper{

    grid-template-columns:1fr;

}

.feedback-form{

    padding:25px;

}

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

.contact-wrapper{

    grid-template-columns:1fr;

}

.contact-map{

    min-height:350px;

}

/*=========================
FOOTER
=========================*/

.footer-grid{

    grid-template-columns:1fr;

    text-align:center;

}

.footer-social{

    justify-content:center;

}

}
.footer-social{

    justify-content:center;

}