@media (max-width: 767px) {
    #header .logo img {
        max-height: 50px;
    }
    .section-title h2 {
        font-size: 22px;
        margin-bottom: 15px;
    padding-bottom: 10px;
    }
    section {
        padding: 25px 0
    }
    .counts .count-box span {
        font-size: 25px;
        line-height: 12px;
    }
    #gallery .owl-carousel .owl-item img{
        height: 240px;
    }
    #hero .carousel-item{
        height: 100vh;
        background-size: cover;
        background-position: center;    
        background-repeat: no-repeat;
      } 
      .member-info {
        text-align: center;
    }  
    .member-info  p{text-align: center};
    .counts .count-box p{text-align: center;}
}