    @media screen and (max-width:767px) {
        .banner-title h1 {
            font-size: 27px;
        }
        .services,
        .our_blog,
        .clients_talk,
        section.contact,
        .footers {
            padding: 40px 0;
        }
        .section-center-title h2 {
            padding: 10px 0 18px;
            font-size: 24px;
            width: 70%;
        }
        .section-title-left h2 {
            font-size: 24px;
            padding-bottom: 10px;
        }
        section.about ul {
            margin-bottom: 40px;
        }
        .review_box {
            padding: 40px 20px 20px 20px;
            margin: 54px 10px 10px 10px;
        }
        .client_details h3 {
            font-size: 18px;
        }
        .clients_talk .slick-prev {
            left: 67%;
            top: 4%;
        }
        .clients_talk .slick-next {
            right: 4%;
            top: 4%;
        }
        .clients_talk .slick-next:before {
            bottom: 7px;
        }
        .clients_talk .slick-prev:before {
            bottom: 7px;
        }
        .overlay-box,
        .overlay-box2 {
            display: none !important;
        }
        .about .pl-5,
        .about .pr-5 {
            padding: 0 !important;
        }
        .contact_box {
            padding: 20px;
        }
        .contact_box_title {
            padding: 0 0px;
        }
        .contact_box_title h2 {
            font-size: 24px;
            margin-bottom: 7px;
        }
        .contact_box span#basic-addon2 {
            right: 7%;
            top: 13%;
            padding: 7px 14px;
            font-size: 12px;
        }
        .contact_box input.form-control {
            height: 45px;
            font-size: 12px;
        }
        .contact_box_title p {
            font-size: 14px;
        }
    }