/* =================================
   LARGE DEVICES
================================= */

@media (max-width:1199px){

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

}

/* =================================
   TABLETS
================================= */

@media (max-width:991px){

    .top-bar{
        text-align:center;
    }

    .social-icons{
        text-align:center !important;
        margin-top:10px;
    }

    .navbar{
        padding:12px 0;
    }

    .navbar-nav{
        margin-top:15px;
    }

    .nav-link{
        margin-left:0;
        padding:10px 0;
    }

    .consultation-btn{
        margin-top:15px;
        display:inline-block;
    }

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

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

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

    .section-title{
        font-size:34px;
    }

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

}

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

@media (max-width:767px){

    .top-bar{
        font-size:13px;
    }

    .top-bar span{
        display:block;
        margin:5px 0;
    }

    .site-logo{
        height:50px;
    }

    .text-logo{
        font-size:22px;
    }

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

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

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

    .section-padding{
        padding:60px 0;
    }

    .section-title{
        font-size:28px;
    }

    .card-body-custom h4{
        font-size:20px;
    }

    .counter-box h2{
        font-size:38px;
    }

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

    .footer-title{
        font-size:24px;
    }

    .floating-whatsapp,
    .floating-call{
        width:50px;
        height:50px;
        font-size:20px;
    }

}

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

@media (max-width:575px){

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

    .section-title{
        font-size:24px;
    }

    .query-form{
        padding:20px;
    }

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

    .footer-social{
        margin-top:15px;
    }

}