@media (min-width: 575px) {
    /* Typical Height: 812px*/
  
}




@media (min-width: 767px) {
    /* Typical Height: 1024px*/

    .home-hero-title{
        font-size: 2.6em;
      }

      .home-hero-desc{
        font-size: 1.2em;
        margin: 30px auto 0px auto;
        width: 80%;
      }

      .home-hero-btn {
        padding: 20px 80px;
        font-size: 1em;
      }



      .intro-section {
        width: 80%;
      }


      .intro-section-title{
        font-size: 3.4em;
      }


      .intro-section-desc{
        font-size: 1em;
        margin: 30px auto 0px auto;
      }


      .intro-section-line {
        width: 1px;
        height: 90px; 
        margin-top: 30px;
      }
      

      .home-mobile-projects-slider-container {
        margin-top: 150px;

      }
      
      .home-mobile-projects-slider-slide {
        height: 600px;
      }



      .home-mobile-projects-slider-title-1 , .home-mobile-projects-slider-title-2 {
        font-size: 4em;
      }


      .home-mobile-projects-slider-buttons {
        margin: 70px auto 0px auto;
        gap: 80px;
      }

      .home-mobile-projects-slider-arrow {
        height: 50px;
      }


      .home-mobile-projects-slider-viewall {
        font-size: 1.4em;
      }
      


      .about-us-section {
        width: 30%;
        height: 1100px;
        margin: 80px auto 0px auto;
      }
      


      .who-are-we-section {
        width: 80%;
        margin: -90px auto 80px auto;
      }

      .who-are-we-small {
        font-size: 1.4em;
      }

      .who-are-we-title {
        font-size: 3em;
      }


      .who-are-we-desc {
        font-size: 1.1em;
      }


      .service-ind h2{
        font-size: 1.5em;
      }

      .service-ind img{
        width: 50px;
      }


      .service-ind {
        padding: 50px 10px;
      }


      .mobile-scrolling-pics-section {

        height: 450px;
      }
   

      .scrolling-item {
        width: 300px;
        gap: 20px;
      }

      .scrolling-wrapper {
        gap: 50px;
      }


      .home-testimonial-middle{
        width: 90%;
        margin: 100px auto 0 auto;

      }


      .home-testimonial-middle h2{
        font-size: 1.4em;
      }

      .home-testimonial-middle h3{
        font-size: 3.6em;
      }


      .carousel-text{
        font-size: 1em;
        -webkit-line-clamp: 12;
      }

      .carousel-name {
        font-size: 1.3em;
        margin-top: 50px;
      }

      .carousel-arrow {
        height: 40px;
        width: 40px;
      }



      .about-us-section-mobile {
        width: 80%;
        margin: 90px auto 0px auto;
        padding-top: 90px;
      }
      
      
      .who-are-we-small-mobile {
        font-size: 1.3em;
      
      }
      
      .who-are-we-title-mobile {
        font-size: 3.2em;
      }
      



      .home-new-mobile-projects-section {
        width: 75%;
        margin: 150px auto 0 auto;
      }
      
      .home-new-mobile-projects-ind {
        height: 320px;
        margin-bottom: 80px;
      }

      .home-new-mobile-projects-ind-text {
        padding: 30px 30px;
      }

      .home-new-mobile-projects-ind-name {
        font-size: 1.9em;
      }

      .home-new-mobile-projects-ind-icon {
        width: 35px;
      }


      .home-new-mobile-projects-btn {
          font-size: 1.6em;
        }

      
    
}





@media (min-width: 991px) {
    /* Typical Height: 767px  -  horizontal ipad*/

    
}











@media (min-width: 1024px) {
    /* Typical Height: 1366px*/
    
    .home-hero-title{
        font-size: 3.4em;
      }

      .home-hero-desc{
        font-size: 1.1em;
        margin: 30px auto 0px auto;
        width: 100%;
      }

      .home-hero-btn {
        padding: 20px 100px;
        font-size: 1em;
        margin-top: 70px;
      }

      .scroll-indicator {
        width: 30px;
      }



      .intro-section {
        width: 70%;
        margin-top: 80px;
      }


      .intro-section-title{
        font-size: 4em;
      }


      .intro-section-desc{
        font-size: 1.4em;
        margin: 40px auto 0px auto;
      }


      .intro-section-line {
        width: 1px;
        height: 110px; 
        margin-top: 30px;
      }
      

      .home-mobile-projects-slider-container {
        margin-top: 180px;

      }
      
      .home-mobile-projects-slider-slide {
        height: 800px;
      }



      .home-mobile-projects-slider-title-1 , .home-mobile-projects-slider-title-2 {
        font-size: 6em;
      }


      .home-mobile-projects-slider-buttons {
        margin: 100px auto 0px auto;
        gap: 120px;
      }

      .home-mobile-projects-slider-arrow {
        height: 70px;
      }


      .home-mobile-projects-slider-viewall {
        font-size: 2em;
      }
      


      .about-us-section {
        width: 30%;
        height: 1500px;
        margin: 100px auto 0px auto;
      }
      


      .who-are-we-section {
        width: 80%;
        margin: -120px auto 80px auto;
      }

      .who-are-we-small {
        font-size: 1.8em;
      }

      .who-are-we-title {
        font-size: 4em;
      }


      .who-are-we-desc {
        font-size: 1.4em;
      }


      .service-ind h2{
        font-size: 2.4em;
      }

      .service-ind img{
        width: 60px;
      }


      .service-ind {
        padding: 70px 20px;
      }


      .mobile-scrolling-pics-section {

        height: 500px;
      }
   

      .scrolling-item {
        width: 300px;
        gap: 20px;
      }

      .scrolling-wrapper {
        gap: 50px;
      }


      .home-testimonial-middle{
        width: 85%;
        margin: 150px auto 0 auto;

      }


      .home-testimonial-middle h2{
        font-size: 1.8em;
      }

      .home-testimonial-middle h3{
        font-size: 4.6em;
      }


      .carousel-text{
        font-size: 1.15em;
        -webkit-line-clamp: 12;
      }

      .carousel-name {
        font-size: 1.4em;
        margin-top: 50px;
      }

      .carousel-arrow {
        height: 50px;
        width: 50px;
      }



      .about-us-section-mobile {
        width: 80%;
        margin: 110px auto 0px auto;
        padding-top: 110px;
      }
      
      
      .who-are-we-small-mobile {
        font-size: 1.8em;
        margin-bottom: 30px;
      
      }
      
      .who-are-we-title-mobile {
        font-size: 5em;
      }






      .home-new-mobile-projects-section {
        width: 75%;
        margin: 180px auto 0 auto;
      }
      
      .home-new-mobile-projects-ind {
        height: 400px;
        margin-bottom: 120px;
      }

      .home-new-mobile-projects-ind-text {
        padding: 40px 40px;
      }

      .home-new-mobile-projects-ind-name {
        font-size: 2.4em;
      }

      .home-new-mobile-projects-ind-icon {
        width: 50px;
      }


      .home-new-mobile-projects-btn {
          font-size: 2.2em;
        }



}

    













@media (min-width: 1199px) {
/* Typical Height: 900px*/
.home-hero-btn {
  padding: 20px 80px;
  font-size: 1em;
  margin-top: 70px;
}

.scroll-indicator {
  width: 40px;
}

.about-us-section {
  width: 30%;
  height: 1700px;
  margin: 140px auto 0px auto;
}

.content {
  margin-top: -30px;
}

}








@media (min-width: 1366px) {
    /* Typical Height: 768px - iPad sideways*/

.home-hero-btn {
  
}

.scroll-indicator {
  width: 30px;
}

.content {
  margin-top: -30px;
}



.home-hero-title {
  font-size: 4em;
}

.intro-section {
  width: 60%;
}

.intro-section-title {
  font-size: 5em;
}

.intro-section-desc {
  font-size: 1.2em;
}

.projects-section {
  margin-top: 150px;
}





    .home-mobile-projects-slider-section {
      display: none;
    }

    .projects-section {
      display: block;
    }


    .about-us-section {
      position: relative;
      width: 30%;
      height: 700px;
      background-image: url('../../e-images/team.png');
      margin-top: 180px;
    }



    .who-are-we-section {
      margin: -120px auto 80px auto;
    }

    .who-are-we-small {
      font-size: 1.4em;
    }

    .who-are-we-title {
      font-size: 4em;
    }


    .who-are-we-desc {
      font-size: 1.1em;
    }


    .service-ind h2{
      font-size: 2em;
    }

    .service-ind img{
      width: 60px;
    }


    .service-ind {
      padding: 60px 10px;
    }

    .mobile-scrolling-pics-section {
      display: none;
    }

    .home-testimonial-side-img {
      width: 20%;
      display: block;
    }

    .home-testimonial-middle{
      width: 65%;
    }



    .carousel-arrow.left {
      left: 65px;
  }

  .carousel-arrow.right {
      right: 65px;;
  }

  .carousel-arrow {
    width: 40px;
    height: 40px;
}

.carousel-text {
  font-size: 0.9em;
  -webkit-line-clamp: 9;
}


.home-testimonial-section {
  margin-top: 130px;
  margin-bottom: 50px;
}

.home-testimonial-middle {
  margin-top: 0px;
}

.home-testimonial-middle h2 {
  font-size: 1.2em;
}

.home-testimonial-middle h3 {
  font-size: 4em;
}


.carousel-name {
  font-size: 1.1em;
}

.about-us-section-mobile {
  display: none;
}

.who-are-we-small, .who-are-we-title {
  display: block;
}


.home-new-mobile-projects-section {
  display: none;
}

}





@media (min-width: 1600px) {
    /* Typical Height: 900px*/


    .home-hero-title {
      font-size: 4.6em;
    }


    .overlay-text h2{
      font-size: 6em;
  }


.project-image:nth-child(1) {
  height: 500px;
}

.project-image:nth-child(2) {
  height: 700px;
}

.project-image:nth-child(3) {
  height: 440px;
  margin-top: 160px;
}


.about-us-section {
  margin-top: 200px;
  height: 800px;
}

.who-are-we-small {
  font-size: 1.6em;
}

.who-are-we-title {
  font-size: 5.6em;
}


.who-are-we-desc {
  font-size: 1.25em;
}

.service-ind h2 {
  font-size: 2.4em;
}

.service-ind img {
  width: 80px;
}

.service-ind {
  padding: 80px 20px;
}




.home-testimonial-middle h2{
  font-size: 1.6em;
}

.home-testimonial-middle h3{
  font-size: 5.2em;
}


.carousel-text{
  font-size: 1.25em;
  -webkit-line-clamp: 12;
}

.carousel-name {
  font-size: 1.4em;
  margin-top: 50px;
}

.carousel-arrow {
  height: 45px;
  width: 45px;
}

.carousel-arrow.right {
  right: 90px;
}

.carousel-arrow.left {
  left: 90px;
}


.home-testimonial-section {
  margin-top: 200px;
}

.process-faq-section {
  margin: 100px auto;
}


}








@media (min-width: 1800px) {
    /* Typical Height: 1080px*/


    .home-hero-title {
      font-size: 5.2em;
    }

    .home-hero-desc {
      font-size: 1.6em;
    }

    

    .intro-section {
      width: 1000px;
    }


    .intro-section-title {
      font-size: 5.8em;
    }

    .intro-section-desc {
      font-size: 1.4em;
    }


    .overlay-text h2{
      font-size: 7em;
  }

    .overlay-text {
      position: absolute;
      top: 35vh;
      padding-bottom: 80vh;
    }
    


    .about-us-section {
      height: 1000px;
      margin-top: 200px;
    }


    .who-are-we-small {
      font-size: 1.8em;
    }
    
    .who-are-we-title {
      font-size: 6.4em;
    }
    
    
    .who-are-we-desc {
      font-size: 1.4em;
    }
    
    .service-ind h2 {
      font-size: 2.8em;
    }


    .home-testimonial-side-img-1 {
      height: 460px;
      width: 80%;
    }
    
    .home-testimonial-side-img-2 {
      height: 300px;
      margin-top: 100px;
      width: 100%;
    }
    

    .home-testimonial-section {
      margin-bottom: 0px;
  }
    
}


















/* end */