@media (min-width: 768px) {
  p.realty-para {
    max-width: 500px;
  }

  section#highlight-id {
    padding: 60px 0px;
}

  p.foot-para {
    width: 600px;
  }

  /* .feature-box {
        width: 16.66%; 
      } */

  h4.feature-head {
    font-size: 22px;
  }

  span.feature-span {
    font-size: 18px;
  }

  /* section.navbar-section{
        height: 900px;
      } */

    
      img.img-fluid.amenities-img {
          height: 400px;
      }

      .custom_pagination_wrap{
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 10;
}

}

@media (max-width: 767px) {


  section.navbar-section{
    height: 100dvh;
  }

  img.img-fluid.eastfield-logo {
    width: 250px;
    height: 100px;
  }

  h2.hero-head {
    font-size: 32px;
    text-align: center;
  }

  h4.sub-head {
    font-size: 20px;
  }

  .media-logos {
    /* transform: translate(-15px, -600px);
        position: fixed;
        bottom: -405px;
        right: 79px;
        width: 132%; */
    top: 61px;
  }

  img.img-fluid.media-logo-1 {
    width: 34px;
  }

  /* .hero-content {
    transform: translate(10px, 55px);
  } */

  h4.feature-head {
    font-size: 15px;
    white-space: nowrap;
  }
  span.feature-span {
    font-size: 15px;
    white-space: nowrap;
  }

  section.feature-section {
    padding: 20px 10px;
  }

  h2.diff-head {
    text-align: center;
    font-size: 32px;
  }

  p.diff-para {
    font-size: 14px;
    text-align: center;
    width: 280px;
  }

  .differ-text {
    align-items: center;
    padding: 26px;
    gap: 24px;
  }

  section.difference-section {
    padding: 32px 0px;
  }

  .carousel-inner {
    padding: 20px;
  }

  .carousel-caption.text-start {
    width: 375px;
    height: 110px;
    padding: 10px;
    position: absolute;
    /* bottom: 180px; */
  }

  h5.img-head {
    font-size: 20px;
  }

  ul.img-list {
    font-size: 14px;
  }

  h2.Highlight-head {
    font-size: 32px;
    text-align: center;
  }

  h2.Highlight-head {
    font-size: 32px;
  }

  h2.living-head {
    font-size: 32px;
  }

  section.living-section {
    padding: 24px;
  }

  h2.liv-head {
    font-size: 24px;
    text-align: center;
    max-width: 270px;
  }

  .living-text {
    padding: 24px;
    gap: 16px;
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  h2.con-head {
    font-size: 29px;
    text-align: center;
  }

  section.hosa-section {
    padding: 32px;
  }
  .living-text-hosa {
    text-align: center;
  }

  .carousel-controls-tower-a {
    transform: translate(-72px, 10px);
  }

  h2.tower-a-head {
    text-align: center;
    font-size: 32px;
  }

  .mob-left-btn {
    transform: translate(-69px, 136px);
    width: 65px;
  }

  button.custom-carousel-control.next {
    /* transform: translate(189px, 136px); */
    width: 65px;
  }

  h2.model-head.text-center.py-5 {
    font-size: 32px;
    line-height: 41px;
  }
  section.model-section {
    padding: 40px;
  }

  .mob-realty {
    background-color: var(--bg-dark);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
    padding: 24px;
  }

  img.img-fluid.realty-logo-mob {
    width: 287px;
  }

  p.realty-para {
    font-size: 14px;
  }

  img.google-mob {
    width: 80px;
    transform: translate(120px, -75px);
  }

  section.testimonial-section {
    padding: 40px;
  }

  h2.projects-head {
    font-size: 32px;
  }

  section.our-projects {
    padding: 0px;
  }

  button.custom-carousel-control.prev-project-btn {
    transform: translate(-100px, 10px);
  }

  button.custom-carousel-control.next-project-btn {
    transform: translate(100px, 10px);
  }

  .op {
    padding: 0px;
  }

  .card {
    width: 287px;
    height: 441px;
    border: none;
  }

  button.btn.know-more {
    transform: translate(40px, 30px);
  }

  section#other-project-id {
    padding: 40px 0px;
  }

  .carousel-control-prev,
  .carousel-control-next {
    position: absolute;
    top: 100%;
  }
  img.img-fluid.our-arw {
    width: 75px;
    padding-left: 20px;
  }

  .contacts {
    width: 287px;
    height: auto;
  }

  .contacts {
    position: relative;
    top: -15%;
  }

  h2.loan-head.text-center.py-3 {
    font-size: 32px;
  }

  button.btn.submit {
    transform: translate(25px, 50px);
  }

  h2.foot-head.py-4 {
    font-size: 16px;
    text-align: center;
  }

  .disclaimer {
    text-align: center;
    margin-top: -50px;
  }

  img.master-mob-1 {
    width: 100%;
    height: 100dvh;
  }

  h6.testi-name {
    font-size: 22px;
  }

  p.testi-month {
    font-size: 16px;
    font-weight: 500;
  }

  img.img-fluid.four-star {
    width: 200px;
    /* transform: translate(65px, 10px); */
  }

  .custom-testi-card {
    width: 345px !important;
    height: 500px !important;
  }

  .foot-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }

  p.logo-des {
    font-size: 16px;
  }
  p.logo-desc.rights {
    font-size: 12px;
    font-weight: 400;
  }

  .names {
    transform: translate(-20px, 10px);
  }

  img.img-fluid.logo {
    width: 190px;
    height: 30px;
  }

  .mob-logos {
    padding: 0px !important;
    gap: 6px !important;
  }

  .custom-carousel-control img {
    width: 50px;
    height: auto;
  }

  p.liv-para {
    font-size: 15px;
  }

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

  h2.aminities-head.py-3 {
    font-size: 32px;
  }

  p.aminities-para.py-3 {
    font-size: 14px;
    line-height: 20px;
  }

  section.amenities-section {
    padding: 20px;
  }

  .carousel-controls-aminities {
    transform: translate(-80px, 25px);
  }

  h2.model-head.text-center.py-2 {
    font-size: 32px;
    line-height: 36px;
  }

  h2.testi-head {
    font-size: 32px;
  }

  span#carouselCounterOur {
    transform: translate(0px, -10px);
  }

  img.img-fluid.other-pro {
    width: 50px;
  }
  .carousel-control-prev {
    left: 0;
  }

  .carousel-control-next {
    right: 0;
  }

  h2.other-head {
    font-size: 40px;
    line-height: 40px;
  
  }

  .carousel-controls-living {
    transform: translate(-70px, 10px);
}

.carousel-controls-tower-b {
  transform: translate(-70px, 10px);
}

.modal-dialog{
    width: 100%;
    margin: auto;
}

.swiper_nav_btns .swiper-button-prev {
  right: 65%;
}

.swiper_nav_btns .swiper-button-next {
  right: 30%;
}

.swiper .custom-pagination {
  margin: auto!important;
  right: 8px!important;
  left:0!important;
  /* position: relative; */
  /* transform: translate(0px, -40px); */
}

.amenities_slider.swiper_nav_btns .swiper-button-next {
    right: 25%;
}

.amenities_slider.swiper_nav_btns .swiper-button-prev {
    right: 67% !important;
}

.testimonial_slider .swiper-slide{
  width:100%!important;
}

.swiper.testimonial_slider .custom-pagination {
    display: block;
}

.swiper.testimonial_slider .custom-pagination {
    bottom: 3% !important;
}

.testimonial-section .testimonial_slider {
  padding: 1rem;
}

.other-project .card{
  width: 100%!important;
}

.mob_padd{
  padding: 30px 0;
}

button.btn.know-more{
  bottom: -15px;
 }


 p.aminities-para {
  font-size: 19px;
  line-height: 26px;
}

span.rm{
font-size: 14px;
font-weight: 700;
color: #000000;
}

span.rm-1.text-white {
    font-weight: 700;
}
 

.custom_swiper_btn img {
    max-width: 50px;
}

img.img-fluid.w-100.apartment {
    height: 200px;
}

img.img-fluid.differ {
    width: 280px;
    height: 205px;
}



p.img-desc {
    min-height: 55px;
}

img.img-fluid.living-1 {
    width: 280px !important;
    height: 210px !important;
}

h2.liv-head.lh-mob {
    font-size: 20px;
}



/* .custom-pagination.custom-pagination2.swiper-paginations {
    transform: translate(0px, -25px);
} */


img.img-fluid.round-arw {
    transform: rotate(90deg);
    cursor: pointer;
}

.legend {
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(270deg);
    background-color: #000;

      position: absolute;
    top: 70%;
    right: -40px;
}

img.img-fluid.tower-mob-1{
    width: 350px;
    height: 550px;
}

.modal-dialog{
    width: 330px;
    height: 585px;
}

.card.shadow.p-3.border-0.custom-card {
    /* transform: translate(0px, -65px); */
    height: 475px;
}

.google {
    width: 85px;
    position: absolute;
    top: -42px;
    left: 115px;
}

.foot-last{
  margin-top: -50px;
}



img.img-fluid.elite-logo {
    width: 180px;
    height: 96px;
}



.testimonial_slider.swiper_nav_btns .swiper-button-prev, .testimonial_slider.swiper_nav_btns .swiper-button-next {
    top: 95% !important;
}



    .swiper.testimonial_slider .custom-pagination {
        bottom: 3% !important;
    }

    p.leg-para{
      line-height: 46px;
      padding: 0px 8px;
    }

    h2.mp-head {
    position: absolute;
    top: 6%;
    left: 30%;
    color: #FFF;
    z-index: 1;
    font-family:sans-serif;
    font-weight: 600;
    font-size: 24px;
    text-transform: uppercase;
}

.ph-nav {
    margin-top: 40px;
}

.col-12.d-md-none.medias-3 {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.footer-contents{
  padding: 0;
}

.sust-img{
  display: flex;
  justify-content: center;
  align-items: center;
}

.carousel-controls-living{
  position: relative;
  left: 0;
}

span#livingcarouselCounter {
    transform: translate(75px, -25px);
}

span#carouselCounterA {
    transform: translate(75px, -25px);
}

span#carouselCounterB {
    transform: translate(75px, -25px);
}

img.img-fluid.model-1 {
    width: 280px;
    height: 170px;
}

.custom_pagination{
  justify-content: center;
  margin-bottom: 24px;
}

.custom_pagination .swiper-pagination{
  position: unset!important;
  max-width: 175px;
}

}