@media only screen and (max-width: 600px) {
    .main-banner { text-align: center; padding: 120px 0px 30px 0px; }
    .main-banner .left-content h2 { font-size: 24px; line-height: 35px; }
    .main-banner .left-content p {
        color: #afafaf;
        margin-left: 22px;
        text-align: left;
        font-size: 12px;
    }
    .main-banner .left-content p {margin-bottom: 16px;}
    .gradient-button a {width:100%;}
    .about-us {padding-top: 10px;}
    .services {padding-top: 10px;}
    .service-item {height: auto;}
    .service-item .icon{margin-right: auto;}
    .service-item div {
        color: #afafaf;
        text-align: left;
        margin-left: 80px;
    }
    .about-us .box-item p {
        line-height: 1.6;
        text-align: justify;
        padding: 10px 0px;
    }
    .pricing-tables { padding-top: 70px;}
    .the-clients {margin-top: 10px;padding: 50px 0}
    .the-clients .section-heading {margin-bottom: 30px;}
    .service-item img{width: auto;}
    footer .copyright-text p { margin-top: 0px;}
    .about-us .box-item {
        text-align: center;
        padding: 20px;
    }
    .video_css{width:100% !important;}
  
}