@media only screen and (max-width: 1400px) {
  .layout1 h1 {
    font-size: 44px;
  }
  section.paralax img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 40px;
  }

  .projects .owl-prev,
  .projects .owl-next {
    top: 110px;
  }
  .owl-nav img {
    width: 50px;
  }
}

@media only screen and (max-width: 1200px) {
  .layout1 h1 {
    font-size: clamp(30px, 5vw, 44px);
  }
  .nav-items .nav-link {
    font-size: 14px;
  }
  .button1 {
    padding: 10px 18px;
    font-size: 14px;
  }
  .layout1 {
    height: 500px;
  }

  .layout2 img {
    object-fit: cover;
    border-radius: 40px;
    height: 500px;
  }

  .yt-btn img {
    width: 20px;
  }
  .yt-btn {
    padding: 10px 15px;
    gap: 5px;
  }
  .cm-text-box h3 {
    font-size: clamp(22px, 1vw, 30px) !important;
  }

  section.upcoming .image img {
    height: 400px;
    object-fit: cover;
    border-radius: 40px;
  }

  .projects .owl-prev,
  .projects .owl-next {
    top: 150px;
  }
}

@media only screen and (max-width: 992px) {
  .layout1 img,
  .layout2 img,
  .layout3 img,
  .layout4 img,
  .layout5 img {
    object-fit: cover;
    border-radius: 40px;
    height: 450px;
  }

  .layout1 {
    height: 450px;
  }

  .goals {
    width: 200px;
  }
  .goals img {
    height: 100px;
    width: 80px;
  }
  .goals.goal-item1 {
    left: 60px;
    top: 0;
    transform: rotate(7deg);
  }

  .goals.goal-item2 {
    left: -70px;
    top: 35%;
    transform: rotate(-10deg);
  }

  .goals.goal-item3 {
    left: 90px;
    bottom: 0;
    transform: rotate(-26deg);
  }

  .goals.goal-item4 {
    right: 30px;
    top: 0;
    transform: rotate(7deg);
  }

  .goals.goal-item5 {
    right: -75px;
    top: 35%;
    transform: rotate(-10deg);
  }

  .goals.goal-item6 {
    right: 60px;
    bottom: 0;
    transform: rotate(-35deg);
  }

  .projects .owl-prev,
  .projects .owl-next {
    top: 190px;
  }
  .owl-nav img {
    width: 60px;
  }
}

@media only screen and (max-width: 768px) {
  .social-links {
    display: none !important;
  }
  .arrow svg {
    width: 30px;
  }

  .layout1 {
    height: 300px;
  }

  .know-more-btn {
    padding: 10px 12px;
  }

  .layout1 img,
  .layout2 img,
  .layout3 img,
  .layout4 img,
  .layout5 img {
    border-radius: 20px;
  }
  .layout2 img {
    border-radius: 20px;
  }
  .overlay,
  .overlay2 {
    border-radius: 30px;
  }

  .layout1 {
    border-radius: 20px;
  }
  section.cm img {
    border-radius: 20px;
  }
  section.paralax img {
    height: 100px;
    border-radius: 20px;
  }

  .arrow2 {
    bottom: 22px;
  }

  section.upcoming .upcoming-content {
    width: fit-content;
    left: 20px;
  }

  section.upcoming p {
    width: 100% !important;
  }

  section.banner .card-img-overlay {
    top: unset;
    bottom: 0px;
  }

  section.banner .valley_box {
    margin-bottom: 20px;
  }

  section.banner img {
    height: 60vh;
    object-fit: cover;
  }
  .request_a_callback {
    display: block;
  }

  .property_form {
    background: #011c35;
  }
  .img-adjust {
    width: 70px;
  }

  .masonary {
    column-count: 2;
  }

  .overlay3 {
    opacity: 1;
  }

  .content1 {
    opacity: 1;
  }

  /* goals card */

  .goals {
    width: 150px;
  }
  .goals img {
    height: 100px;
    width: 80px;
  }
  .goals.goal-item1 {
    left: 0px;
    top: -30px;
    transform: rotate(7deg);
  }

  .goals.goal-item2 {
    left: 50%;
    top: -50px;
    transform: rotate(-10deg) translateX(-50%);
  }

  .goals.goal-item3 {
    left: 0px;
    bottom: 0;
    transform: rotate(-26deg);
  }

  .goals.goal-item4 {
    right: -20px;
    top: 0;
    transform: rotate(7deg);
  }

  .goals.goal-item5 {
    right: 0px;
    top: unset;
    bottom: 0;
    transform: translateX(-50%);
    left: 50%;
  }

  .goals.goal-item6 {
    right: -20px;
    bottom: 0;
    transform: rotate(25deg);
  }

  .goals p {
    font-size: 13px !important;
  }

  section.your-goals .container {
    padding: 230px 0px 250px 0px !important;
  }

  .navbar-brand img {
    width: 70px;
  }

  .content1 {
    opacity: 1;
  }

  .ame:hover .overlay3,
  .ame:hover .content1 {
    animation: unset;
    cursor: pointer;
  }

  .ame:not(:hover) .overlay3,
  .ame:not(:hover) .content1 {
    animation: unset;
    cursor: pointer;
  }

  .fancybox__content {
    width: fit-content !important;
}

.Schedule {
    position: fixed;
    top: unset;
    bottom: 0px !important;
    align-items: center;
    text-align: center;
    width: 100%;
    writing-mode: initial;
    transform: rotate(0) translateY(0);
    padding: 10px;
    border-radius: 0px;
}


}

@media only screen and (max-width: 600px) {
  .img-adjust {
    width: 60px;
  }
  .layout3 img {
    height: 430px;
  }

  .layout2 img,
  .layout4 img,
  .layout5 img {
    height: 440px;
    object-fit: cover;
  }
  section.upcoming .image img {
    height: 470px;
    object-fit: cover;
    border-radius: 30px;
    object-position: 55%;
  }
  .footer p {
    font-size: 14px;
  }
}

@media only screen and (max-width: 490px) {
  .arrow {
    bottom: 40px;
    right: 20px;
  }
  .layout1 h1 {
    width: 80%;
  }
}