@media screen and (max-width: 770px){
    .banner-text h1{
        font-size: 60px;
    }

    .banner-text a{
        display: block;
        margin: 40px auto;
    }

    .feature-text p{
        font-size: 30px;
    }

    .features{
        flex-basis: 100%;
    }

    .features-img{
        flex-basis: 100%;
    }

    .features-img img{
        width: 100%;
    }
    
    .single-service{
        flex-basis: 100%;
        margin-bottom: 30px;
    }

    .single-dec p{
        font-size: 20px ;
    }

    hr{
        margin: 5px auto;
    }

    .single-service img{
        width: 100%;
        height: 80%;
    }

    .overlay{
        width: 100%;
        height: 80%;
    }

    .single-service:hover .se7rvice-dec{
        bottom: 75% !important;
    }

    .testimonial-col{
        flex-basis: 100%;

    }

    .footer-left, .footer-right{
        flex-basis: 100%;
    }



    .footer-img{
        top: 20%;
        left: 25%;
      
    }

}