@media screen and (max-width: 1536px) {
  section.map img {
    width: 40%;
  }
  .size {
    font-size: 40px;
  }
  .size_p {
    font-size: 30px;
  }
  section.anim {
    margin-top: -81px;
  }
}

@media screen and (max-width: 1512px) and (max-height: 982px) {
  section.map img {
    width: 50%;
  }
  .size {
    font-size: 40px;
  }
  .size_p {
    font-size: 30px;
  }
  section.anim {
    margin-top: -81px;
  }
}

@media screen and (max-width: 1399px) {
  .size {
    font-size: 35px;
  }
  .size_p {
    font-size: 25px;
  }

  section.why .content {
    margin: 50px 0 100px 0;
  }
  section.map img {
    width: 50%;
  }

  section.anim  {
    margin-top: -100px !important;
  }
  
}
@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 991px) {
  section.why .row > div {
    border: 0 !important;
    margin-bottom: 40px !important;
  }
  section.why .content {
    margin: 50px 0 0px 0;
  }
  section.anim {
    margin-top: 0px;
  }
  section.anim .main_box {
    width: 100vw;
  }
  section.anim .main_box .card {
    margin-bottom: 0;
  }
  section.anim .main_box .img_6 {
    height: 60vh;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .content_right {
    position: absolute;
    bottom: -38px;
    left: 50%;
    width: 200px;
    margin: 0 auto;
    text-align: center;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  section.plan {
    padding: 0 !important;
  }

  footer .box div {
    font-size: 12px;
    padding: 0 10px 0 0px;
  }
  footer .box a {
    font-size: 12px;
  }

  footer .box .container {
    gap: 10px;
    padding-left: 20px;
  }
}

@media screen and (max-width: 768px) {
  section.map img {
    width: 70%;
  }
  .size {
    font-size: 35px;
  }
  .size_p {
    font-size: 25px;
  }

  section.map .container-fluid p {
    width: 100%;
    background-color: #000000;
  }
  section.map .container-fluid {
    background-color: #000000;
  }
}

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

  section.map img {
    width: 100%;
  }
  .size {
    font-size: 30px;
  }
  .size_p {
    font-size: 20px;
  }

  section.map .container-fluid p {
    width: 100%;
    background-color: #000000;
  }
  section.map .container-fluid {
    background-color: #000000;
  }

  .img_d {
    display: none;
  }
  .img_m {
    display: block;
  }

  section.discover_main{
    display: none;
  }
  #overlay_end{
    min-height: 110vh;
  }
  section.discover_m{
    display: block;
    min-height: 200vh;
    background: url("../images/discover_section.png");
   background-size: cover;
   background-position: center center;
   background-repeat:no-repeat;
  }

  section.discover_m .img_first{
   min-height: 100vh;
   background: url("../images/discover_section.png");
   background-size: cover;
   background-position: center center;
   background-repeat:no-repeat;
  }
  section.discover_m .img_second{
   min-height: 100vh;
   background: url("../images/discover_section2.png");
   background-size: cover;
   background-position: center center;
   background-repeat:no-repeat;
  }
  section.discover_m .container{
   position: sticky;
   bottom: 30%;
   top: 30%;
  }
  section.map_m .arrow{
    position: absolute;
    width: 100%;
    top: 166px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 13px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    overflow: hidden;
    align-items: center;
    justify-content: space-around;
    margin: 0 auto;
    text-align: center;

  }

  section.golf_1 p {
    width: 100%;
  }

  section.plan .nav-link {
    width: 120px;
  }

  header .navbar .logo-3 {
    width: 150px !important;
  }
  .logo-2-wrap {
    display: none;    
  }
  header .navbar .logo-2 {
    width: 120px !important;
  }
  .size_p {
    font-size: 15px;
  }
  section.upgrade_text p {
    font-size: 15px;
    width: 100%;
  }

  section.home,section.upgrade {
    background-attachment: unset;
/*    display: none;*/
  }

  section.upgrade_text{
    padding-top: 50px;
  }

section.home_text,section.upgrade,section.upgrade_text,section.discover,.discover2,section.golf,section.wait,section.anim_1,section.golf_1 .img-2,section.golf_1 .img-1,section.discover_main .img-1,section.discover_main .img-2 {
  background-attachment: unset;
}

section.wait{
  min-height: 111vh;
}
section.why p{
  width: 98%;
}

section.golf_1 .img-2{
  background-position: 36% 100%;
}

section.home_text{
  background: linear-gradient(
    rgba(0, 0, 0, 0.7), /* Black with 50% opacity */
    rgba(0, 0, 0, 0.7)
  ),
  url("../images/720x600.jpg") no-repeat;
 background-position: center center;
 padding-top: 50px;

}
section.home_text .container-fluid{
height: 80vh;
display: flex;
align-items: center;
text-align: center;
padding: 0 20px !important;
}

section.upgrade_text{
  padding: 0;
  height: 100vh;
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../images/dwarka-expressway2.jpg) no-repeat center center;
}

section.upgrade_text .container-fluid{
  height: 100vh;
  display: flex;
  align-items: center;
  padding: 0 20px !important;
  }

  section.map{
    display: none;
  }
  section.map_m{
    display: block;
  }

section.anim .card{
  min-height: 100vh;
}
section.anim .card .img_size{
  min-height: 100vh;
  object-fit: cover;
}
section.anim .main_box .img_6{
  min-height: 100vh;
}

section.wait .img_svg_m{
  display: block;
  }
  section.wait .img_svg_d{
  display: none;
  }
  
/* 
  section.discover_m{
    height: 100%;
  } */
/* 
  section.discover_m .img-1{
    background-image: url("../images/discover_section.png");
    object-position: center;
    min-height: 100vh;
    width: 100%;
    height: 100%;
  }

  section.discover_m .card-img-overlay {
    z-index: 11;
     top: 0;
   
  }
   */

   section.wait{
    background-position: 35% 100%;
   }

  section.discover_m .img-2{
    background-image: url("../images/discover_section2.png");
    min-height: 100vh;
    width: 100%;
    background-position: 50% 100%;
    height: 100%;
  }

  section.wait .img_svg {
    object-fit: fill;
  }
  section.why .container {
    padding: 50px 10px 50px 10px;
  }

}

@media screen and (max-width: 399px) {
  section.plan .nav-link {
    width: 117px;
    font-size: 11px;
  }
  #bhk .nav-link {
    width: 100px;
    font-size: 15px;
  }
  section.upgrade_text p {
    font-size: 12px;
    width: 100%;
  }
}