@media (max-width: 767px) {
    .hero-img {
        height: 50vh;
    }
    .hero-title {
        font-size: 25px;
    }

  
    .request-btn{

        padding: 8px 8px;
        font-size: 8px;
    }
    .welcome-text{
        font-size: 14px;
        margin-bottom: -13px;
    }
    .hero-desc{
        font-size: 14px;
    }
    .quote{
        font-size: 12px;
    }
    .more{
        font-size: 12px;
    }
    .section-title h2{
        font-size: 22px;
    }

    .moving-content {
        padding: 36px 17px;
        line-height: 30px;
    }
    .feature-list p{
        font-size: 16px;
    }
    .core-service img{
        margin: auto;
        display: block;

    }

    .about-info {
       
        margin-top: -2px;
        padding: 30px 8px;
    }
    .about-info h4{
        font-size: 22px;
    }

    .counter-info p {
        font-size: 12px;
    }
    .pre-footer p{
        font-size: 16px;
    }
    .pre-footer h4{
        font-size: 24px;
    }
    .number-info p{
        font-size: 21px;
    }
    .footer-section{
        background-color: #212529;
        background-image: none;
        height: 564px;

    }
    .about-left img {
        height: 330px;
    }

    .about-area img{
        height: 152px;
    }
    .services-area img{
        height: 152px;
    }
    .contact-banner img{
        height: 152px;
    }
    .pre-item-left a {
        font-size: 9px;
       
    }
    .pre-item-left i {
      
        margin-top: 1px;
    }
    .abouts-info p{
        padding:0 12px;
    }
    .abouts-info h4 {
   padding:0 12px;
   margin-top:8px;
}

.counter-text{
  padding: 0 12px;
}
}

@media (max-width: 375px) {
    
    .pre-item-left a{
        
        font-size: 8px;
    }
    
    .social-icon a{
        font-size:11px;
    }
}