/* ======================================
TABLET DEVICES
====================================== */

@media (max-width:991px){

.topbar{
    text-align:center;
}

.topbar .text-end{
    text-align:center!important;
    margin-top:10px;
}

.navbar-brand{
    margin-right:auto;
}

.hero-section{
    padding:70px 0;
    text-align:center;
}

.hero-section h1{
    font-size:42px;
    line-height:1.3;
}

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

.hero-buttons .btn{
    width:100%;
    margin-bottom:15px;
}

.feature-box{
    margin-bottom:20px;
}

.service-card{
    margin-bottom:30px;
}

.process-box{
    margin-bottom:30px;
}

.location-card{
    margin-bottom:25px;
}

.testimonial-card{
    margin-bottom:25px;
}

.contact-section img{
    margin-top:40px;
}

.footer{
    text-align:center;
}

.footer .col-lg-3,
.footer .col-lg-2,
.footer .col-lg-4{
    margin-bottom:30px;
}

}

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

@media(max-width:768px){

section{
    padding:60px 0;
}

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

.hero-text{
    font-size:16px;
}

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

.logo{
    height:45px;
}

.brand-logo{
    max-height:45px;
}

.process-box{
    padding:30px;
}

.location-card{
    padding:25px;
}

.cta-section{
    text-align:center;
}

.cta-section .btn{
    width:100%;
    margin-bottom:10px;
}

.footer-logo{
    height:45px;
}

}

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

@media(max-width:576px){

.hero-section{
    padding:50px 0;
}

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

.hero-buttons .btn{
    width:100%;
}

.customer{
    width:38px;
    height:38px;
}

.feature-box{
    padding:20px;
}

.service-card img{
    height:200px;
}

.testimonial-card{
    padding:25px;
}

.contact-section .btn{
    width:100%;
}

.whatsapp-float{
    width:55px;
    height:55px;
    font-size:28px;
}

}