@media screen and (max-width: 768px) {

    body{
        overflow-x: hidden;
    }

    p {
        font-size: 12px;
        line-height: 22px;
    }
    
    .common-banner{
        padding: 17% 0 12%;
    }
    
    .our-story{
        padding: 5%;
    }
    .our-story h2 {
       font-weight: 700;
       font-size: 25px;
    }
    .featured-aboutpg{
        padding: 15% 5%;
    }
    .slick-dotted.slick-slider{
        padding: 3%;
    }
    .common-banner h1 {
        font-size: 25px;
    }
    .why-choose-us{
        padding: 0 5%;
    }

    .custom-btn {
        font-size: 14px;
        padding: 12px 14px;
    }

    .custom-btn .icon-box {
        font-size: 10px;
        width: 30px;
        height: 30px;
    }


    /* Featured in about us page */
    .featured-aboutpg {
        padding: 15% 5%;
    }

    .featured-aboutpg .content h5 {
        padding: 0 15% 2%;
    }

    .featured-aboutpg .head-con {
        padding: 0 0 15% 0;
    }

    .featured-aboutpg .content p {
        font-size: 14px;
        line-height: 22px;
        margin: 0 0 15% 0;
    }

    .featured-aboutpg .icon .i-c {
        width: 15%;
    }

    .slick-next {
        right: 1%;
        top: 60%;
    }

    .contact-us-sec h2 {
        font-size: 25px;
    }

    .our-services ul {
        line-height: 35px;
    }

    .our-services ul li {
        font-size: 12px;
    }

    .our-services h4 {
        font-size: 20px;
    }

    .our-services .box {
        margin: 25px 0;
        height: 95%;
    }

    .go-digital h1 {
        font-size: 22px;
    }

    .go-digital p {
        font-size: 12px;
    }

    .slick-prev {
        left: 1%;
        z-index: 200;
        top: 60%;
    }

    .slick-next:before {
        font-size: 20px;
    }

    .slick-prev:before {
        font-size: 20px;
    }

    .counter-sec .box-container {
        grid-template-columns: 100%;
    }

    .get-btn .cal-i {
        right: 25%;
        top: -15%;
    }

    .contact-us-sec .form-bxx .head-con p {
        font-size: 12px;
        line-height: 20px;
    }

    .top-bar .col-md-6 .get-btn {
        writing-mode: vertical-lr;
        width: 13%;
        padding: 3% 0 3% 2%;
        display: block;
        position: fixed;
        top: 50%;
        font-size: 15px;
        z-index: 1000;
        left: 0;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    }

    .counter-box .counter-i {
        background-color: #fff;
        color: green;
    }

    .label {
        font-size: 13px;
    }

    .counter-sec .box-container .content {
        padding: 0 0 5% 0;
    }

    .counter-sec {
        padding: 5%;
    }

    .counter-sec .content h1 {
        font-size: 25px;
    }

    .banner-sec .banner-slider .banner-item .banner-text h1 {
        font-size: 30px;
        width: 100%;
    }

    .baner-slider {
        height: 80vh;
    }

    .container-s {
        display: grid;
        grid-template-columns: 50% 50%;
    }

    .counter-sec .box-x h4 {
        color: #fff;
        font-size: 12px;
    }

    .counter-sec .box-x {
        padding: 0;
    }

    .banner-sec .counter-sec {
        bottom: 0;
    }

    .banner-sec .banner-slider .banner-item .banner-text p {
        color: #777;
        padding: 0% 0% 2% 0;
        font-size: 12px !important;
        width: 85%;
        line-height: 20px;
    }


    .banner-slider .slick-prev {
        top: 45%;
    }

    .banner-slider .slick-prev:before {
        font-size: 25px;
        font-weight: 600;
        padding: 2px 6px 6px;
    }

    .banner-slider .slick-next {
        top: 45%;
    }

    .banner-slider .slick-next:before {
        font-size: 20px;
        font-weight: 600;
        padding: 3px 6px 6px;
    }

    .banner-sec .banner-slider .banner-item .banner-text {
        padding: 15% 10% 15%;
        width: 80%;
        margin: 10% 0 5% 10%;
    }

    .banner-sec .banner-slider .slick-dots {
        bottom: 5%;
    }

    .about-pg-banner {
        height: 75vh;
        padding: 8% 0;
    }

    /* short-brief start */
    .short-info {
        display: grid;
        grid-template-columns: 50% 50%;
        bottom: -10%;
    }

    .short-info h5 {
        font-size: 9px;
    }


    .head-con .main-para {
        font-size: 14px;
    }

    /* counter start */
    .about-sec-pg {
        padding: 25% 0 15%;
    }

    .counter-code {
        position: static;
    }

    .counter {
        font-size: 25px;
        color: #fff;
    }

    .counter-container {
        grid-template-columns: 50% 50%;
        text-align: center;
    }

    .counter-box {
        background-color: green;
        margin: 5%;
    }

    .plus {
        color: #eee;
    }


    .feature-sec .services {
        grid-template-columns: 100%;
    }

    .feature-box h3 {
        font-size: 20px;
    }

    .features .feature-box {
        margin: 0 0 5% 0;
    }

    .about-sec .about-img .small-img .bottom-rgt {
        top: auto;
        padding: 1%;
        position: absolute;
        bottom: -5%;
        left: -5px;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
        width: 39%;
        height: auto;
    }

    .about-sec .about-img .small-img .top-lft {
        padding: 1%;
        position: absolute;
        top: -20px;
        left: 0px;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
        width: 40%;
        height: auto;
    }

    .about-sec .about-content h1 {
        font-size: 30px;
    }

    .about-sec .about-content {
        padding: 5%;
    }

    .about-sec .about-img h6 {
        line-height: 18px;
        font-size: 10px;
        top: 5%;
        right: 0%;
        left: auto;
        width: 50%;
        border-radius: 15px;
    }

    .about-sec .about-img img {
        height: 100%;
    }


    .head-con .main-heading {
        font-size: 22px;
    }

    .service-sec .services {
        grid-template-columns: 100%;
    }

    .service-sec .head-con .main-heading {
        font-size: 25px;
    }


    /*Why Choose Us section start */
    .why-choose .head-con .main-heading {
        font-size: 25px;
    }

    .why-choose .common-btn {
        margin: 10% 0;
    }

    .why-choose .head-con h4 {
        font-size: 14px;
    }

    .why-choose-us .main-title {
        font-weight: 700;
        font-size: 22px;
        line-height: 35px;
    }

    section.why-choose-us .info-box p {
        font-size: 12px;
    }

    section.why-choose-us .section-title {
        font-size: 10px;
    }




    /* Go-Digital */
    .go-digital {
        padding: 10% 4%;
    }

    .go-digital .content {
        padding: 5% 0 0 0;
    }


    /* about-form */
    .contact-us-sec .form-bxx .form-control::placeholder {
        font-size: 10px;
    }



    /* CLient section start */
    .our-client {
        margin: 10% 0;
    }

    .our-client .client-img img {
        width: 70%;
        height: 30px;
    }

    .our-client .head-con .main-heading {
        font-size: 25px;
    }

    .our-client .client-slider {
        justify-content: center;
        align-items: center;
    }

    /* CTA section start */
    .cta-sec .heading h1 {
        font-size: 25px;
        font-weight: 600;
        color: #fff;
    }

    .cta-sec .heading {
        padding: 3% 0;
    }

    .form-box {
        position: static;
        width: 100%;
        margin: 5% 0 0 0;
    }

    .contact-us-sec {
        padding: 15% 4%;
    }

    .contact-us-sec .form-bxx .head-con h2 {
        font-size: 20px;
    }


    /* Blog Section start */
    .blog-sec .head-con .main-heading {
        font-size: 25px;
    }

    .blog-sec .head-con .common-btn {
        float: left;
        padding: 3% 0;
        font-size: 16px;
        margin: 2% 0 5% 0;
    }


    /*graph section start*/
    .graph-sec .graph-img img {
        width: 100%;
        height: 100%;
    }

    .graph-sec .graph-bx {
        margin: 0 0 5% 0;
    }



    /*faq section start*/
    .tp-faq-img span {
        height: 60px;
        width: 60px;
        line-height: 65px;
    }

    .tp-faq-wrapper {
        padding: 5% 2.5%;
    }

    .p-relative {
        padding: 10% 0 5%;
    }

    .tp-faq-shape {
        top: 5px;
    }




    /* About Page CSS */
    .about-pg-banner .banner-content h1 {
        font-size: 22px;
        padding: 2% 5% 0;
    }

    .about-pg-banner .banner-content p {
        font-size: 14px;
        color: #eee;
        padding: 03% 15% 12%;
    }



    /*testimonial section start*/
    .testimonial-sec .head-con .main-heading {
        font-size: 25px;
    }

    .review-sec {
        padding: 10% 0;
    }

    .review-sec .review-slider {
        padding: 10% 0 0 0;
    }

    .testimonial-sec .head-con {
        padding: 5% 10% 3%;
    }

    .client-slider-sec {
        padding: 15% 0;
    }

    .review-item .review-content::before {
        bottom: -12px;
        left: 12%;
    }

    .box-review .img img {
        width: 75%;
    }

    .box-review h4 {
        font-size: 16px;
        margin: 5px 0 0px 0;
    }

    .box-review p {
        font-size: 10px !important;
    }

    .review-slider .slick-prev {
        right: 20%;
        left: auto;
        z-index: 200;
        top: 5%;
    }

    .slick-next:before {
        border-radius: 5px;
    }

    .review-slider .slick-next {
        right: 10%;
        top: 5%;
    }

    .slick-prev:before {
        border-radius: 5px;
    }

    .accordion-sec {
        padding: 12% 2%;
    }



    /* Service banner csss */
    .service-banner .content-banner-service h1 {
        font-size: 22px;
    }

    .service-banner {
        padding: 10% 3%;
    }

    .service-banner .im-bx {
        padding: 15% 0 0 0;
    }

    .display-btn-rows .btn {
        font-size: 12px;
        padding: 3% 5%;
    }


    /* Offering */
    .offering {
        padding: 10% 0;
    }

    .offering .head-con h2 {
        padding: 0 18%;
        font-size: 22px;
    }

    .offering .right-c h4 {
        font-size: 18px;
        font-weight: 600;
        padding: 5% 0 3% 9%;
    }

    .offering .head-con p {
        font-size: 12px;
    }

    .offering .right-c {
        padding: 0;
    }

    .offering ul {
        padding: 0 3% 8%;
    }

    .offering ul li {
        font-size: 12px;
    }

    .offering .right-minus {
        margin: 0;
    }

    .offering img {
        width: 100%;
    }



    /* Why Choose Service */
    .why-choose-services h2 {
        font-size: 20px;
        padding: 0 10% 0;
    }

    .why-choose-services .wc-box h5 {
        font-size: 16px;
    }

    .why-choose-services .wc-box p {
        font-size: 12px;
        padding: 0 10%;
    }


    /* How it works start */
    .how-it-works h2 {
        font-size: 20px;
    }
    .hiw-box{
        margin: 0 10% 10%;
    }

    .rent-cta h2{
        font-size: 20px;
    }
    .rent-cta .cta-icon{
        width: 30px;
        height: 30px;
    }
    .rent-cta .text-white{
        padding: 0 0 10% 10%;
    }

}



/* Footer secion start */
@media screen and (max-width: 768px) {
    footer .footer-container {
        grid-template-columns: 100%;
        padding: 5% 2% 5%;
    }

    footer .logo-box img {
        width: 50%;
    }

    .social-i {
        padding: 2% 0;
        text-align: center;
    }

    .footer-container ul li {
        font-size: 14px;
    }

    .contact-box .box a {
        font-size: 14px;
    }

    .quick-box h3 {
        font-size: 20px;
    }

    .footer-container .logo-box {
        padding: 0 0 5% 0;
    }

}


/*small Phone*/
@media screen and (max-width: 399px) {
    .banner-sec .banner-slider .banner-item .banner-text h1 {
        font-size: 25px;
    }

    .banner-sec .banner-slider .banner-item .banner-text {
        padding: 10% 8% 10%;
    }
}