/* =======================
   Tablet
======================= */

@media (max-width:992px){

.hero{
    min-height:auto;
    padding:120px 0 80px;
    text-align:center;
}

.hero img{
    margin-top:40px;
}

.hero h1{
    font-size:42px;
}

.hero p{
    font-size:18px;
}

.page-hero{
    padding:150px 0 80px;
}

.page-hero h1{
    font-size:42px;
}

.service-big-card{
    flex-direction:column;
}

.service-big-card img{
    width:100%;
    height:320px;
}

.timeline{
    flex-direction:column;
}

.contact-info{
    margin-top:20px;
}

.location-card{
    grid-template-columns:1fr;
}

.location-info{
    text-align:center;
    align-items:center;
}

.location-map iframe{
    min-height:320px;
}

.small-image{
    position:relative;
    left:auto;
    bottom:auto;
    margin-top:20px;
    width:100%;
    height:260px;
    border:0;
}

.cta-section h2{
    font-size:40px;
}

}


/* =======================
   Mobile
======================= */

@media (max-width:768px){

.navbar-brand{
    font-size:24px;
}

.logo{
  
    width:50px;
    height:50px;
      
}


}
.hero{
    padding-top:120px;
}

.hero h1{
    font-size:34px;
    line-height:1.6;
}

.hero p{
    font-size:16px;
    line-height:2;
}

.hero img{
    margin-top:30px;
    border-radius:25px !important;
}

.page-hero{
    padding:130px 0 60px;
}

.page-hero h1{
    font-size:34px;
}

.service-hero{
    height:55vh;
}

.service-hero h1{
    font-size:42px;
}

.service-hero p{
    font-size:18px;
}

.service-content h2{
    font-size:28px;
}

.service-big-card{
    padding:25px;
}

.service-big-card img{
    height:240px;
}

.stat-card{
    margin-bottom:20px;
    padding:30px;
}

.stat-card h2{
    font-size:40px;
}

.method-card{
    margin-bottom:20px;
}

.why-card{
    margin-bottom:20px;
}

.benefit{
    font-size:16px;
}

.step{
    margin-bottom:15px;
}

.contact-card{
    padding:25px;
}

.contact-info{
    padding:30px;
}

.contact-info p{
    font-size:16px;
}

.location-info{
    padding:30px;
}

.location-info h2{
    font-size:28px;
}

.location-map iframe{
    min-height:250px;
}

.video-section video{
    height:320px;
}

.cta-section{
    padding:70px 0;
}

.cta-section h2{
    font-size:32px;
}

.cta-section p{
    font-size:16px;
}

.footer{
    text-align:center;
}

.footer h3{
    font-size:28px;
}

.accordion-button{
    font-size:16px;
    padding:20px;
}

.accordion-body{
    font-size:15px;
}

}


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

@media (max-width:480px){

.hero h1{
    font-size:28px;
}

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

.page-hero h1{
    font-size:28px;
}

.service-hero h1{
    font-size:32px;
}

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

.location-info h2{
    font-size:24px;
}

.stat-card h2{
    font-size:34px;
}

.cta-section h2{
    font-size:26px;
}

.luna-btn{
    width:100%;
    padding:15px;
}

.call-float{
    width:55px;
    height:55px;
    font-size:22px;
    bottom:15px;
    left:15px;
}

.video-section video{
    height:260px;
}

}