@media(max-width:992px){

    .section-title h2{

        font-size:32px;

    }

}

@media(max-width:768px){

    section{

        padding:70px 0;

    }

    .section-title h2{

        font-size:28px;

    }

    
}

@media(max-width:576px){

    .btn-cti{

        width:100%;

        text-align:center;

    }



}


/*==================================
        MOBILE NAVBAR BRAND
===================================*/

@media (max-width:768px){

    .navbar-brand{

        display:flex;

        align-items:center;

    }

   .w-max{
    width: 100%;
   }
    
    .institute-name{
        white-space: normal;
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word;
    }


    .logo-circle{
        width: 40px;
        height: 40px;
    }

    .logo-img{
         width: 40px;
        height: 40px;
    }



    .navbar-brand .ms-3{

        margin-left:10px;

    }

    .navbar-brand h6{

        font-size:11px;
        line-height:1.2;
        margin-bottom:2px;

    }

    .navbar-brand h5{

        font-size:16px;
        line-height:1.2;

    }

    .navbar-brand small{

        font-size:10px;

    }

}


/*==================================
        MOBILE FLOATING BUTTONS
===================================*/

@media (max-width: 768px) {

    .whatsapp{

        width: 55px;
        height: 55px;

        right: 15px;
        bottom: 15px;

        font-size: 28px;
    }

    #topBtn{

        width: 50px;
        height: 50px;

        left: 15px;
        bottom: 15px;

        font-size: 18px;
    }

}