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

@media (max-width:991.98px){

    section{
        padding:60px 0;
    }

    .top-wrapper{
        flex-direction:column;
        text-align:center;
        gap:10px;
    }

    .navbar-nav{
        margin-top:20px;
        text-align:center;
    }

    .nav-item{
        margin:5px 0;
    }

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

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

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

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

}


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

@media (max-width:767.98px){

    h1{
        font-size:34px;
    }

    h2{
        font-size:28px;
    }

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

    .services-section .card,
    .why-us .card,
    .testimonial-section .card{

        margin-bottom:20px;

    }

}


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

@media (max-width:575.98px){

    .top-header{
        display:none;
    }

    .navbar-brand img{
        height:45px;
    }

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

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

    .hero-section .btn{
        display:block;
    }

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

    .footer{
        text-align:center;
    }

}