@media screen and (max-width: 1728px) {
  /* section.home-banner .svg-box svg {
    top: 140px;
  } */

  /* .lottti_anim_tour{
    width: 1500px;
    top: 110px;
  } */
  .lottti_anim_paradise{
    position: absolute;
    /* width: 700px; */
    top: 0px;
    left: 500px;
    z-index: 1;
  }


  section.home-banner .lottti_anim {
    width: 460px;
   }

  /* section.escape svg {
    left: 0;
    top: -320px;
    width: 1100px;
  } */

  section.escape .main-box {
    left: 80px;
  }

  section.exotic svg {
    top: -200px;
    left: 30px;
  }
  section.tour svg {
    top: -240px;
    width: 1400px;
    left: 44px;
  }

  .lottti_anim_slice{
    position: absolute;
    width: 700px;
    top: 0px;
  }

  .lottti_anim_city{
    width: 300px;
    position: absolute;
    z-index: 100;
    top: -43px;
    left: -19px;
  }
  
}


@media screen and (max-width:1600px){
  .lottti_anim_best{
    position: absolute;
    width: 1313px;
    right: -13px;
  }

  .lottti_anim_slice{
    position: absolute;
    width: 630px;
    left: -85px;
    top: 23px;
  
  }

  .lottti_anim_paradise{
    position: absolute;
    z-index: 100;
    /* width: 700px; */
    top: 0px;
    left: 400px;
    z-index: 1;
  }
  .svg-box-1 {
  top: 60px;
  }
}


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


  section.home-banner .lottti_anim {
    width: 430px;
   }

  section.home-banner .svg-box svg {
    width: 500px;
    top: 117px;
  }

  section.home-banner .carousel-item .card-img-overlay {
    left: 540px;
  }



  section.lifestyle svg {
    width: 300px;
  }

 

  section.urban svg {
    left: 60px;
    width: 500px;
}
section.city-life svg{
  top: -500px;
  left: 0;
  width: 200px;
}

.lottti_anim_tour{
  width: 1300px;
  top: 94px;
}
}

/* @media (max-width: 1512px) and (max-height: 600px) {
  section.home-banner .svg-box svg{ 
    width: 550px;
  }

  section.home-banner .carousel-item .card-img-overlay{
    left: 600px;
    }

} */

@media (max-width: 1512px) and (max-height: 982px) {
  section.home-banner .svg-box svg {
    width: 550px;
  }
}

@media screen and (max-width: 1440px) {
  section.home-banner .svg-box svg {
    top: 150px;
    width: 550px;
  }

  .lottti_anim_slice{
    left: -216px;
  }

  .lottti_anim_paradise{
    position: absolute;
    z-index: 100;
    /* width: 700px; */
    top: 0px;
    left: 250px;
    z-index: 1;
  }

  .height{
    height: 1740px;
  }

  /* section.home-banner .carousel-item .card-img-overlay {
    left: 600px;
  } */

  section.form .grid {
    grid-template-columns: repeat(4, 20%);
  }

  section.exotic .card {
    padding-left: 60px;
  }
  section.exotic .card p {
    padding-right: 70px;
  }
  section.lifestyle .main-para {
    padding-right: 134px;
    line-height: 29px;
  }
  section.lifestyle svg {
    right: -30px;
  }

  section.city-life svg{
    top: -500px;
    left: -50px;
    width: 200px;
  }

  section.tour svg {
    top: -175px;
    width: 1200px;
    left: 47px;
  }
}

@media screen and (max-width: 1399px) {
  section.home-banner .svg-box svg {
    top: 90px;
    width: 550px;
  }
  .height{
    height: 1580px;
    z-index: 100;
  }

  .lottti_anim_best{
    right: -73px;
  }

  section.city-life svg{
    left: 0;
  }

  section.home-banner .carousel-item .card-img-overlay {
    left: 520px;
  }

  section.home-banner .carousel-item .content h2:nth-child(1) {
    font-size: 40px;
    letter-spacing: 10px;
  }
  section.home-banner .carousel-item .content h2:nth-child(2) {
    letter-spacing: 10px;
    font-size: 40px;
  }
  section.home-banner .carousel-item .content h2:nth-child(3) {
    font-size: 60px;
  }

  section.home-banner .lh {
    line-height: 54px;
  }

  section.form .grid {
    grid-template-columns: repeat(4, 20%);
  }

  section.exotic svg {
  left: 0;
  top: -162px;
  }
  

  .lottti_anim_slice{
    position: absolute;
    width: 494px;
    left: 40px;
    top: 10px;
  }

section.urban svg {
  left: 19px;
  top: -200px;
  width: 350px;
}
section.exotic .card h3{
  font-size: 40px;
}
section.home-banner .carousel-item .content h2:nth-child(1) {
  font-size: 40px;
  line-height: 45px;
}
section.home-banner .carousel-item .content h2:nth-child(2) {
  font-size: 40px;
  line-height: 45px;
}
section.home-banner .carousel-item .content h2:nth-child(3) {
  font-size: 40px;
  line-height: 46px;
}
section.home-banner .carousel-item .content h2:nth-child(4) {
  font-size: 50px;
}
}


@media screen and (max-width: 1280px){
  section.city-life svg {
    left: -29px;
}

section.tour .container-fluid{
  height: 297px;
}

.lottti_anim_tour{
  width: 1070px;
  top: 95px;
}

.lottti_anim_best{
  position: absolute;
  width: 1203px;
  right: -47px;
}

.lottti_anim_slice{
  position: absolute;
  z-index: 100;
  width: 500px;
  top: 0px;
z-index: 1;
}

section.escape .main-box{
  left: 54px;
  top: 16px;
}

}

@media screen and (max-width: 1199px) {
  section.home-banner .svg-box svg {
    width: 400px;
  }

  /* section.home-banner .carousel-item .card-img-overlay {
    left: 600px;
  } */

  .lottti_anim_tour{
    width: 900px;
    top: 180px;
  

  section.home-banner .lh {
    line-height: 44px;
  }

  section.exotic .card h3 {
    font-size: 45px;
  }
  section.tour svg {
    top:-175px;
    width: 1000px;
    left: 47px;
  }
}

.lottti_anim_paradise{
  position: absolute;
  z-index: 100;
  /* width: 700px; */
  top: 0px;
  left: 150px;
  z-index: 1;
}
.height {
  height: 1435px;
  z-index: 100;
}
}

@media screen and (max-width: 1030px) {
  /* section.home-banner .svg-box svg {
    width: 450px;
  } */

  section.home-banner .lottti_anim{
    width: 350px;
  }

  section.home-banner .carousel-item .card-img-overlay {
    left: 500px;
  }

  section.home-banner .carousel-item .content h2:nth-child(1) {
    font-size: 30px;
    letter-spacing: 10px;
  }
  section.home-banner .carousel-item .content h2:nth-child(2) {
    letter-spacing: 10px;
    font-size: 30px;
  }
  section.home-banner .carousel-item .content h2:nth-child(3) {
    font-size: 40px;
  }

  section.home-banner .lh {
    line-height: 44px;
  }

  section.exotic svg {
    left: -100px;
    top: -85px;
    width: 1226px;
  }
  section.exotic .card {
    padding-left: 20px;
  }

  section.form .grid{
    grid-template-columns: repeat(3, 20%);
  }

  section.lifestyle svg{
  right: -57px;
  }

  section.tour svg{
    top: -83px;
    width: 300px;
    right: 30px;
  }

  section.escape svg {
    left: 0;
}

section.escape .card{
  width: 400px;
}

section.escape .card p{
  width: 300px;
}

section.escape .main-box{
  top: 14px;
  left: 69px;
}

section.paradise .inside .set-tab{
  top: -387px;
}
section.paradise .control-3{
  transform: translate(107%, -334%);
}

section.paradise svg {
  right: -45px;
  top: -314px;
  width: 1013px;
}

section.urban .card span , section.paradise .card .main-size{
  font-size: 40px;
}
section.tour h2{
  font-size: 50px;
}

section.tour .container-fluid{
  height: 390px;
}

.lottti_anim_tour{
  width: 1000px;
  top: 200px;
}

.lottti_anim-exotic{
  left: -180px;

}
.lottti_anim_map{
  left: -108px;
}
.lottti_anim_best{
  position: absolute;
  z-index: 100;
  width: 1098px;
  right: -104px;
  top: 0px;
}

.lottti_anim_slice{
  left: -100px;
}
}

@media screen and (max-height: 750px) {
  section.home-banner .svg-box svg {
    width: 500px;
  }

  section.home-banner .carousel-item .card-img-overlay {
    left: 540px;
  }

}

@media screen and (max-height: 630px) {
  section.home-banner .svg-box svg {
    width: 400px;
  }

  section.home-banner .carousel-item .card-img-overlay {
    left: 440px;
  }
  section.home-banner .lh {
    line-height: 40px;
  }
}