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

    /* home page  */
    .home-hero {
        padding-top: 10px;
    }

    .home-hero .image-wrapper {
        margin-top: 40px;
        display: flex;
        justify-content: center;
    }

    .home-hero .image-wrapper img {
        width: 70%;
    }

    .customers .logo-wrapper img {
        padding: 5px;
    }

    .services .head h2,
    .projects .head-wrapper .head h2,
    .blogs .head h2,
    .testimonials .head h2,
    .faq .head h2 {
        font-size: 50px;
    }

    .services .services-wrapper .service {
        margin-bottom: 100px;
        margin-right: 0px;
    }

    .services {
        padding-bottom: 0px;
    }

    .projects .carousel .owl-nav {
        left: 80%;
    }

    .projects .carousel .owl-stage {
        left: -11vw;
    }

    .blogs .content-list .item h4 {
        max-width: 100%;
    }

    .blogs .head h2 {
        font-size: 43px;
    }

    .education .wrapper.top {
        margin-top: 50px;
    }

    .testimonials .carousel .content {
        display: block;
    }

    .testimonials .carousel .content .image-wrapper,
    .testimonials .carousel .content .text-wrapper {
        width: 100%;
        max-width: 100%;
    }

    .testimonials .carousel .content .text-wrapper {
        margin-top: 40px;
    }

    .testimonials .carousel .owl-nav {
        text-align: start;
        position: relative;
        top: 10px;
    }

        /* project page  */
        .projects-main .projects-wrapper a{
            display: block;
        }
        .projects-main .projects-wrapper .project-card .p-image{
            max-width: 1000px;
            width: 70%;
        }
        .projects-main .projects-wrapper .project-card .content{
            margin-left: 0px;
            width: 70%;
            left: 30%;
            top: -135px;
            padding: 34px 10px 35px 40px;
        }
        .projects-main .projects-wrapper .project-card .content h6{
            font-size: 14px;
        }
        .projects-main .projects-wrapper .project-card .content h2{
            font-size: 50px;
        }
        .projects-main .container, .container-sm, .container-md{
            max-width: 1000px;
        }

        /* Blogs page  */
        .blogs-main .blogs-wrapper a {
            display: block;
        }
        .blogs-main .blogs-wrapper .blog-card .b-image {
            width: 100%;
            max-width: 1000px;
        }
        .blogs-main .container, .container-sm, .container-md{
            max-width: 1000px;
            width: 80%;
        }
        .blogs-main .blogs-wrapper .blog-card .content {
            padding: 30px;
        }

        /* contact page */
        .contact .col-md-6 {
            flex: 0 0 100%;
            max-width: 100%;
        }
        .contact .content {
            margin-bottom: 80px;
        }
        .contact .content h2{ 
            font-size: 45px;
        }
        .contact .content p{
            font-size: 18px;
        }

          /* single blog  */

        .single-blog .col-md-7,
        .single-blog .col-md-5{
            position: relative;
            width: 100%;
            padding-right: 15px;
            flex: 0 0 100%;
            max-width: 100%;
            padding-left: 15px;
        }
        .single-blog .arrow {
            display: none;
        }
        .single-blog .hero .head span.bottom{
            display: block;
            margin-bottom: 50px;
        }
        .single-blog .hero .head span.top{
            display: none;
        }
        .single-blog .hero .head h2 {
            margin-bottom: 20px;
        }
}

@media screen and (max-width: 750px) {
    /* home page  */
    .home-hero h1 {
        font-size: 50px;
    }

    .home-hero .coloring-heading {
        margin-top: 30px;
    }

    .home-hero p {
        font-size: 19px;
    }

    .services .head h2,
    .projects .head-wrapper .head h2,
    .blogs .head h2,
    .testimonials .head h2,
    .faq .head h2,
    .gallery .head h2 {
        font-size: 40px;
    }

    .services .services-wrapper .service h5,
    .education .wrapper .items .item .title h5 {
        font-size: 21px;
    }

    .projects .head-wrapper .head h2,
    .testimonials .carousel .content .text-wrapper h3 {
        margin-bottom: 30px;
    }

    .projects .carousel .image-holder {
        height: 230px;
    }

    .blogs .head {
        padding-bottom: 80px
    }

    .blogs .content-list .item h4 {
        font-size: 24px;
    }

    .gallery .head p {
        font-size: 19px;
        margin-bottom: 50px;
    }

    .gallery .gallery-items .item {
        margin-bottom: 30px;
        max-width: 400px;
    }

    .education .wrapper .head h3 {
        font-size: 30px;
    }

    .faq .questions .item .header h4 {
        font-size: 22px;
    }

    .footer-links {
        margin-top: 60px;
    }

    .projects .carousel .owl-nav {
        left: 75%;
    }
    .projects .owl-stage {
        left: 20px;
    }
    .footer .head h1 {
        font-size: 45px;
    }
    .footer .head .head-with-line h2{
        font-size: 45px;

    }
    /* project page  */
    
    .projects-main .projects-wrapper .project-card .p-image{
        max-width: 1000px;
        width: 86%;
    }
    .projects-main .projects-wrapper .project-card .content{
        margin-left: 0px;
        width: 80%;
        left: 20%;
        top: -135px;
        padding: 34px 10px 35px 40px;
    }
    .projects-main .projects-wrapper .project-card .content h6{
        font-size: 13px;
    }
    .projects-main .projects-wrapper .project-card .content h2{
        font-size: 32px;
        margin-top: 10px; 
        margin-bottom: 15px;
    }
    .projects-main .container, .container-sm, .container-md{
        max-width: 1000px;
    }
    .projects-main .home-hero-link-text{
        font-size: 13px;
    }
    /* blogs page  */
   
    .blogs-main .blogs-wrapper .blog-card .content h2{
        font-size: 30px;
    }
    .blogs-main .container, .container-sm, .container-md{
        max-width: 1000px;
        width: 100%;
    }

    /* single project  */
    .single-project .project-title .head h2  {
        font-size: 45px;
    }
    .single-project .project-title .head h6  {
        font-size: 15px;
    }
    .single-project .project-details-hero .wrapper h2{
        font-size: 20px;
    }
    .single-project .project-details-hero .wrapper span {
        font-size: 15px;
    }
    .single-project .project-content .next-project .text{
        font-size: 45px;
    }
    .project-details-hero .wrapper{ 
        justify-content: start !important;
        align-items: flex-start !important;
    }
    .project-details-hero .wrapper .role {
        margin-right: 120px;
    }
    .single-project .slider-wrapper { 
        padding: 100px 20px;
    }
    .single-project .project-title  {
        margin-bottom: 40px;
    }
    .single-project .slider-flex {
        flex-direction: column;
      }
      .single-project .slider-col {
        flex-direction: row;
        align-items: center;
        margin-right: 0;
        width: 100%;
      }
      .single-project .slider-images {
        width: 100%;
      }
      .single-project .slider-thumbs {
        height: 120px;
        width: 100%;
      }
      .single-project .slider-prev,
      .single-project .slider-next {
        height: auto;
        width: 32px;
      }
      .single-project .slider-images {
        margin-bottom: 8px;
      }

      /* single blog  */
      .single-blog .hero {
        padding: 20px 0 50px 0;
      }
      .single-blog .hero .head h2{
        font-size: 45px;
      }
}
@media screen and (max-width: 600px) {
    /* home page */
    .projects .carousel .owl-stage {
        left: 18px;
    }
    .projects .carousel .owl-item {
        width: 400px !important;
    }

    /* projects page  */
    .projects-main .projects-wrapper .project-card .p-image{
        height: 300px;
    }
    /* blogs page  */
    .blogs-main .blogs-wrapper .blog-card .content h6 {
        font-size: 13px;
    }
    .blogs-main .home-hero-link-text{
        font-size: 13px;
    }
    .blogs-main .blogs-wrapper .blog-card .content h2{
        font-size: 28px;
    }

}