@media screen and (max-width:1350px) {
  section.new-effect .grid h4{
    font-size: 24px;
  }

  .font_new_1{
    font-size: 15px !important;
  }
}


@media screen and (max-width:1299px) {
  section.new-effect .grid > div{
    padding-left: 18px;
  }
    
  .font_new_1{
    font-size: 13px !important;
  }
  
}


@media screen and (max-width:1199px) {
  section.project-banner .project-d{
    gap: 100px;
  }
    
  section.new-effect .grid h4{
    font-size: 20px;
  }
}


@media screen and (max-width:1099px) {
  section.project-banner .project-d{
    gap: 70px;
  }
   
  .font_new_1{
    font-size: 16px !important;
    width: 70%;
  }

  .size_new{
    width: 50%;
  }
  .size_new2{
    width: 77%;
  }
}


@media screen and (max-width:992px) {
    section.highlight .box{
        /* border-top: 1px double #255550 !important; */
      border-right: 1px double transparent;
      margin-bottom: 25px;
      }


      section.highlight .box{
        border-bottom: 1px solid #255550;
        display: block;
        padding-top: 28px;
      }


      .img-2 {
       width: 200px; 
      }

      .size_new{
        width: auto;
      }
      .size_new2{
        width: auto;
      }


      .font_new_1{
        font-size: 16px !important;
        width: auto;
      }
    
      .size_new{
        width: auto;
      }

      section.project-banner .project-d{
        grid-template-columns: repeat(3,auto);
        gap: 90px;
        }
       
}

@media screen and (max-width:700px) {
  section.banner .box p{
    font-size: 12px !important;
  }
}

@media screen and (max-width:600px) {
    .padding{
        padding: 60px 0;
    }

 

    section.banner  .slide:nth-child(2) {
    background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5) ) , url('../Images/the-aqua-banner.jpg') center center/cover no-repeat;
  }
  section.banner .slide:nth-child(1) {
     background: url('../Images/LP BANNER-02.jpg') center center/cover no-repeat;

  }

    .size-2{
      font-size: 33px;
    }

    section.banner .box{
        padding: 0 15px;
    }

    section.banner .box p{
        font-size: 12px !important;
    }
    
    section.amenities .grid{
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 20px;
       }

       .img-2{
        width: 130px;
      }
       
       .size{
        font-size: 40px;
      }
      
      section.mission .cta{
        right: 40px;
      }
      /* section.mission{
        background-color: transparent !important;
      } */

      section.contact-us .box{
        max-width: 100%;
        margin-top: 20px;
      }

      footer .d-flex{
          flex-direction: column;
      }
      footer a{
          border: transparent;
          margin-bottom: 10px;
          padding: 0;
      }

      section.project-banner{
        height: 100vh;
        position: relative;
      }
      section.project-banner .img{
        height: 100vh;
        object-fit: cover;
      }
      section.project-banner .card-img-overlay{
        height: 100vh; 
        align-items: start;
        padding-top: 108px;
      }

      section.project-banner  .carousel-control-next{
    display: none;
      }
      section.project-banner  .carousel-control-prev{
        display: none;
      }

      section.project-banner .project-d{
        grid-template-columns: repeat(1,1fr);
        gap: 20px;
        }

        section.show img{
          height: 300px;
          object-fit: cover;
        }

        header .img{
          width: 105px !important; 
        }

        header .d-flex div{
          flex: auto;
        }
        

        section.show  iframe{
          height: 400px !important;
      }

      .img-4{

        width: 130px;
     }

     .img_over::after{

      background-color: #0000006d;

      } 

      .img-5{
        width: 136px !important;
      }

      .font-size_3{
        font-size: 16px !important;
      }

      section.banner .box p{
        height: 34px;
      
      }   
      

}


@media screen and (max-width:480px) {
 
  
.p{
  padding-left: 5px;
}
      

.size-2{
  font-size: 23px;
}

.size{
  font-size: 30px;
}
}


@media screen and (max-width:376px) {
 
    section.amenities .grid{
        grid-template-columns: repeat(2,1fr);
        gap: 20px;
       }

       .size{
        font-size: 30px;
      }


      
    
       
}