@media only screen and (max-width:770px) {
    .banner-text h1 {
        font-size: 44px;
    }
    .banner-btn a {
        display: block;
        margin: 20px auto;
    }
}

@media only screen and (max-width:770px) {
    .title-text h1 {
        font-size: 35px;
    }
    .features {
        flex-basis: 100%;
    }
    .features-img {
        flex-basis: 100%;
    }
    .features-img img {
        width: 100%;
    }
}

@media only screen and (max-width:770px) {
    .single-service {
        flex-basis: 100%;
        margin-bottom: 30px;
    }
    .service-desc p {
        font-size: 12px;
    }
    hr {
        margin: 5px auto;
    }
    .single-service:hover .service-desc {
        bottom: 25% !important;
    }
}

@media only screen and (max-width:770px) {
    .testimonial-col {
        flex-basis: 100%;
    }
}

@media only screen and (max-width:770px) {
    .footer-left,
    .footer-right {
        flex-basis: 100%;
        font-size: 14px
    }
    .footer-img {
        top: 25%;
    }
}