@media only screen and (max-width: 600px){  /*max 600*/
  .div_tour_left{
     margin-top: -100% !important;
  }
  .div_tour_right{
    margin-top: 100% !important;
  }
  .div_hp_background_left{
    /*left*/
    clip-path: polygon(0% 0%, 75% 0%, 100% 100%, 25% 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 400%;
    margin-top: -30%;
    margin-bottom: -30%;
    margin-left: -150%;
  }

  .div_hp_background_right{
    /*left*/
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 400%;
    margin-top: -30%;
    margin-bottom: -30%;
    margin-left: -150%;
  }

  #div_tour{
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    min-height: 20vh !important;
    font-size: 1em !important;
    margin-top: 5%;
    margin-bottom: 5%;
  }

  #div_tour_hp{
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    min-height: 20vh !important;
    font-size: 0.6em !important;
  }
  
  #div_tour2{
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
  #div_tours_container{
    flex-direction: column;
}
  #div-home-container{
    flex-direction: column;
    gap: 1em;
  }
  #div-home-span{
    font-size: 2.5em;
  }
  #div-home-span2{
    font-size: 2.8em;
  }
  #contact-form-des{
    font-size: 1.5em;
  }
  #div-contact-info{
  margin-left: 10%;
  margin-right: 10%;
  width: 80%;
  }
  #div-contact-form{
    margin-left: 10%;
    margin-right: 10%;
    width: 80%;
  }
  #div-about-p1{
    margin-right: 0%;
  }
  #div-about-p2{
    margin-right: 0%;
  }
  #div-tours-p1{

  }
  #div-tours-p2{
    text-align: center;
    margin-right: 10%;
    margin-left: 10%;
    width: 80%;
  }
  #nav-principal-social-svg{
    height: 1.5em;
  }
  #div-services-pictures{
    width: 90%;
    margin-left: 5%;
  }
  #div-tours-p1 {
    margin-right: 0 !important;

  }
  #nav-principal-logo{
    height: 12vh;
  }
  #nav-principal-social{
    height: 10vh;
  }
  #nav-principal-logo-a{
      height: 12vh;
  }
  #div-home-div-title{
    height: auto !important;
    text-align:right !important;
    align-items:flex-end !important;
  }
  #div-home-title {
      font-size: 2vh!important;
      width: 100%;
        text-align: center;
  }
  #div-steps-sec-img{
    height:5vh;
    transform: translate(-60%,-209%);
  }
  #div-services-pictures-sec{
    height: 50vh;
    width: 100%;
  }
  #div-services-pictures-sec-text{
    height: 60% !important;
    width: 60% !important;
  }
  #div-steps-sec-title{
        font-size: 1.2em;
  }
  #div-services-pic {
    height: 35vh !important;
  }
  #div-services-text{
    height: 18vh! important;
    margin-top: -10vh!important;
    margin-bottom: 2vh !important;
  }
  #div-slider{
    height: 40vh !important;
  }
  #div-slider-ul{
    height: 35vh !important;
  }
  #div-testimonio-slider-text{
    font-size: 1.2em !important;
  }
  #div-testimonio-sliders-li-p{
    font-size: 1.72em !important;
  }
  #div-testimonio-slider-b-img{
    height:8vh;
    width: 8vh;
  }
  #div-frase-p{
    width: 100% !important;
    font-size: 3em;
  }
  #div-about-filosofia-pic{
    height: 22vh;
  }
  #div-about-filosofia-text{
    height: 22vh;
    font-size:.8em !important;
  }
  #div-about-experience{
    width: 100% !important;
    margin: auto !important;
  }
  #div-tour-tours{
    width: 90% !important;
  }
  #div-tours-places{
    margin: 1vw !important;
    width: 47% !important;
    height: 20vh !important;
  }
  .lvl{
        height: 20vh !important;
  }
  .lvllvl{
        height: 20vh !important;
  }
  #div-services-hot-res-title{
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 1.5em;
  }
  #div-services-hot-res-text{
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: .8em;
  }
}
@media only screen and (min-width: 600px){  /*min 600*/
  .div_hp_background_left{
    /*left*/
    clip-path: polygon(0% 0%, 75% 0%, 100% 100%, 25% 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 400%;
    margin-top: -30%;
    margin-bottom: -30%;
    margin-left: -150%;
  }

  .div_hp_background_right{
    /*left*/
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 400%;
    margin-top: -30%;
    margin-bottom: -30%;
    margin-left: -150%;
  }
  #div_tour{
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    min-height: 20vh !important;
    font-size: 1em !important;
    margin-top: 5%;
    margin-bottom: 5%;
  }
  #div_tour_hp{
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    min-height: 20vh !important;
    font-size: 0.6em !important;
  }
  #div_tour2{
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
  #div_tours_container{
    flex-direction: column;
}
  #div-home-container{
    flex-direction: column;
    gap: 1em;
  }
  #div-home-span{
    font-size: 2.5em;
  }
  #div-home-span2{
    font-size: 2.8em;
  }
  #contact-form-des{
    font-size: 1.5em;
  }
  #div-contact-info{
    margin-left: 10%;
    margin-right: 10%;
    width: 80%;
    }
    #div-contact-form{
      margin-left: 10%;
      margin-right: 10%;
      width: 80%;
    }
  #div-about-p1{
    margin-right: 0%;
  }
  #div-about-p2{
    margin-right: 0%;
  }
  #div-tours-p1{
  
  }
  #div-tours-p2{
    text-align: center;
    margin-right: 10%;
    margin-left: 10%;
    width: 80%;
  }
  #nav-principal-social-svg{
    height: 1.5em;
  }
  #div-services-pictures{
    width: 90%;
    margin-left: 5%;
  }
  #nav-principal-logo{
      height: 12vh;
  }
  #nav-principal-social{
    height: 10vh;
  }
  #nav-principal-logo-a{
      height: 12vh;
  }
  #div-home-div-title{
    height: auto !important;
    text-align:right !important;
    align-items:flex-end !important;
  }
  #div-home-title {
      font-size: 2vh!important;
      width: 100%;
      text-align: center;
  }
  #div-steps-sec-img{
    height: 6vh;
    transform: translate(-70%,-200%);
  }
  #div-services-pictures-sec{
    height: 50vh;
    width: 100%;
  }
  #div-services-pictures-sec-text{
    height: 60% !important;
    width: 65% !important;
  }
  #div-steps-sec-title{
        font-size: 1.5em;
  }
  #div-services-pic {
    height: 35vh !important;
  }
  #div-services-text{
    height: 16vh! important;
    margin-top: -8vh!important;
    margin-bottom: 5vh !important;
  }
  #div-slider{
    height: 25vh !important;
  }
  #div-slider-ul{
    height: 25vh !important;
  }
  #div-testimonio-slider-text{
    font-size: 1.2em !important;
  }
  #div-testimonio-sliders-li-p{
    font-size: 1.7em !important;
  }
  #div-testimonio-slider-b-img{
    height:8vh;
    width: 8vh;
  }
  #div-frase-p{
    width: 100% !important;
    font-size: 4em;
  }
  #div-about-filosofia-pic{
    height: 22vh;
  }
  #div-about-filosofia-text{
    height: 22vh;
    font-size:.9em !important;
  }
  #div-about-experience{
    width: 90% !important;
    margin: auto !important;
  }
  #div-tour-tours{
    width: 95% !important;
  }
  #div-tours-places{
    margin: 1vw !important;
    width: 47% !important;
    height: 25vh !important;
  }
  .lvl{
        height: 20vh !important;
  }
  .lvllvl{
        height: 40vh !important;
  }
  #div-services-hot-res-title{
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 1.1em;
  }
  #div-services-hot-res-text{
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: .9em;
  }
}
@media only screen and (min-width: 768px){  /*min 768*/
  .div_hp_background_left{
    /*left*/
    clip-path: polygon(0% 0%, 75% 0%, 100% 100%, 25% 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 250%;
    margin-top: -30%;
    margin-bottom: -30%;
    margin-left: -75%;
  }

  .div_hp_background_right{
    /*left*/
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 250%;
    margin-top: -30%;
    margin-bottom: -30%;
    margin-left: -75%;
  }
  #div_tour{
    width: 40%;
    margin-left: 5%;
    margin-right: 5%;
  }
   #div_tour_hp{
    width: 50%;
    margin-left: 0%;
    margin-right: 0%;
    min-height: 20vh !important;
    font-size: 0.8em !important;
  }
  #div_tour2{
    width: 40%;
    margin-left: 5%;
    margin-right: 5%;
  }
  #div_tours_container{
    display: block;
}
  #div-home-container{
    flex-direction: row;
  }
  #div-home-span{
    font-size: 2em;
  }
  #div-home-span2{
    font-size: 2.2em;
  }
  #contact-form-des{
    font-size: 1em;
  }
  #div-contact-info{
    margin-left: 0;
    margin-right: 0;
    width: 50%;
    }
    #div-contact-form{
      margin-left: 0;
      margin-right: 0;
      width: 50%;
    }
  #div-about-p1{
    margin-right: 0%;
  }
  #div-about-p2{
    margin-right: 0%;
  }
  #div-tours-p1{
   
  }
  #div-tours-p2{
    text-align: center;
    margin-right: 10%;
    margin-left: 10%;
    width: 80%;
  }
  #nav-principal-social-svg{
    height: 1.5em;
  }
  #div-services-pictures{
    width: 90%;
    margin-left: 5%;
  }
  #nav-principal-logo{
    height: 12vh;
  }
  #nav-principal-social{
    height: 10vh;
  }
  #nav-principal-logo-a{
      height: 12vh;
  }
  #div-home-div-title{
    height: auto !important;
    text-align:right !important;
    align-items:flex-end !important;
  }
  #div-home-title {
      font-size: 2vh!important;
      width: 100%;
      text-align: center;
  }
  #div-steps-sec-img{
    height: 6vh;
    transform: translate(-72%,-105%);
  }
  #div-services-pictures-sec{

    height: 50vh;
    width: 48%;
  }
  #div-services-pictures-sec-text{
    height: 60% !important;
    width: 80% !important;
  }
  #div-steps-sec-title{
        font-size: 1.25em;
  }
  #div-services-pic {
    height: 35vh !important;
  }
  #div-services-text{
    height: 16vh! important;
    margin-top: -8vh!important;
    margin-bottom: 5vh !important;
  }
  #div-slider{
    height: 25vh !important;
  }
  #div-slider-ul{
    height: 25vh !important;
  }
  #div-testimonio-slider-text{
    font-size: 1.2em !important;
  }
  #div-testimonio-sliders-li-p{
    font-size: 1.2em !important;
  }
  #div-testimonio-slider-b-img{
    height:8vh;
    width: 8vh;
  }
  #div-frase-p{
    width: 70% !important;
    font-size: 4em;
  }
  #div-about-filosofia-pic{
    height: 22vh;
  }
  #div-about-filosofia-text{
    height: 22vh;
    font-size:1em !important;
  }
  #div-about-experience{
    width: 82% !important;
    margin: auto !important;
  }
  #div-tour-tours{
    width: 95% !important;
  }
  #div-tours-places{
    margin: 1vw !important;
    width: 47% !important;
    height: 40vw !important;
  }
  .lvl{
        height: 25vh !important;
  }
  .lvllvl{
        height: 50vh !important;
  }
  #div-services-hot-res-title{
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 1.5em;
  }
  #div-services-hot-res-text{
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 1.1em;
  }
}
@media only screen and (min-width: 992px){  /*min 992*/
  .div_hp_background_left{
    /*left*/
    clip-path: polygon(0% 0%, 75% 0%, 100% 100%, 25% 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200%;
    margin-top: -30%;
    margin-bottom: -30%;
    margin-left: -50%;
  }

  .div_hp_background_right{
    /*left*/
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200%;
    margin-top: -30%;
    margin-bottom: -30%;
    margin-left: -50%;
  }
  #div_tour{
    width: 28%;
    margin-left: 2%;
    margin-right: 2%;
    font-size: .8em !important;
  }
  #div_tour_hp{
    width: 28%;
    margin-left: 2%;
    margin-right: 2%;
    min-height: 20vh !important;
    font-size: 0.8em !important;
  }
  #div_tour2{
    width: 28%;
    margin-left: 2%;
    margin-right: 2%;
  }
  #div_tours_container{
    flex-direction: column;
}
  #div-home-container{
    flex-direction:row;
  }
  #div-home-span{
    font-size: 3em;
  }
  #div-home-span2{
    font-size: 3.3em;
  }
  #contact-form-des{
    font-size: 1em;
  }
  #div-contact-info{
    margin-left: 5%;
    margin-right: 0;
    width: 45%;
    }
    #div-contact-form{
      margin-left: 0;
      margin-right: 5%;
      width: 45%;
    }
  #div-about-p1{
    margin-right: 50%;
  }
  #div-about-p2{
    margin-right: 50%;
  }
  #div-tours-p1{
    margin-right: 65%;
    margin-left: 10%;
    width: 35%;
    text-align: center;
  }
  #div-tours-p2{
    margin-right: 65%;
    width: 35%;
  }

  #nav-principal-social-svg{
    height: 1.6em;
  }
  #div-services-pictures{
    width: 80%;
    margin-left: 10%;
  }
  #nav-principal-logo{
    height: 12vh;
  }
  #nav-principal-social{
    height: 12vh;
  }
  #nav-principal-logo-a{
      height: 12vh;
  }
  #div-home-div-title{
    height: 80vh  !important;
    text-align:right !important;
    align-items:flex-end !important;
  }
  #div-home-title {
      font-size: 7vh!important;
      width: 70%;
  }
  #div-steps-sec-img{
    height: 7vh;
    transform: translate(-50%,-112%);
  }
  #div-services-pictures-sec{
    height: 50vh;
    width: 48%;
  }
  #div-services-pictures-sec-text{
    height: 65% !important;
    width: 65% !important;
  }
  #div-steps-sec-title{
        font-size: 1em;
  }
  #div-services-pic {
    height: 25vh !important;
  }
  #div-services-text{
    height: 19vh! important;
    margin-top: -4vh!important;
    margin-bottom: 4vh !important;
  }
  #div-slider{
    height: 25vh !important;
  }
  #div-slider-ul{
    height: 25vh !important;
  }
  #div-testimonio-slider-text{
    font-size: 1em !important;
  }
  #div-testimonio-sliders-li-p{
    font-size: 1.3em !important;
  }
  #div-testimonio-slider-b-img{
    height:8vh;
    width: 8vh;
  }
  #div-frase-p{
    width: 60% !important;
    font-size: 4em;
  }
  #div-about-filosofia-pic{
    height: 22vh;
  }
  #div-about-filosofia-text{
    height: 22vh;
    font-size:.8em !important;
  }
  #div-about-experience{
    width: 70% !important;
    margin: auto !important;
  }
  #div-tour-tours{
    width: 100% !important;
  }
  #div-tours-places{
    margin: 1vw !important;
    width: 22% !important;
    height: 15vw !important;
  }
  .lvl{
        height: 25vh !important;
  }
  .lvllvl{
        height: 50vh !important;
  }
  #div-services-hot-res-title{
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 1.5em;
  }
  #div-services-hot-res-text{
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: .8em;
  }
}
@media only screen and (min-width: 1200px){  /*min 1200*/
  .div_hp_background_left{
    /*left*/
    clip-path: polygon(0% 0%, 75% 0%, 100% 100%, 25% 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180%;
    margin-top: -30%;
    margin-bottom: -30%;
    margin-left: -40%;
  }

  .div_hp_background_right{
    /*left*/
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180%;
    margin-top: -30%;
    margin-bottom: -30%;
    margin-left: -40%;
  }
  #div_tour{
    width: 28%;
    margin-left: 2%;
    margin-right: 2%;
    min-height: 20vh !important;
    font-size: 1em !important;
  }
  #div_tour_hp{
    width: 28%;
    margin-left: 2%;
    margin-right: 2%;
    min-height: 20vh !important;
    font-size: 1em !important;
  }
  #div_tour2{
    width: 28%;
    margin-left: 2%;
    margin-right: 2%;
  }
  #div_tours_container{
    flex-direction: row;
}
  #div-home-container{
    flex-direction: row;
  }
  #div-home-span{
    font-size: 3em;
  }
  #div-home-span2{
    font-size: 3.3em;
  }
  #contact-form-des{
    font-size: 1em;
  }
  #div-contact-info{
    margin-left: 10%;
    margin-right: 0;
    width: 40%;
    }
    #div-contact-form{
      margin-left: 0;
      margin-right: 10%;
      width: 40%;
    }

  #div-about-p1{
    margin-right: 50%;
  }
  #div-about-p2{
    margin-right: 50%;
  }
  #div-tours-p1{
    margin-right: 65%;
    margin-left: 10%;
    width: 35%;
    text-align: center;
  }
  #div-tours-p2{
    margin-right: 65%;
    width: 35%;
  }
  #nav-principal-social-svg{
    height: 1.6em;
  }
  #div-services-pictures{
    width: 80%;
    margin-left: 10%;
  }
  #nav-principal-logo{
    height: 12vh;
  }
  #nav-principal-social{
    height: 12vh;
  }
  #nav-principal-logo-a{
      height: 12vh;
  }
  #div-home-div-title{
    height: 80vh  !important;
    text-align:right !important;
    align-items:flex-end !important;
  }
  #div-steps-sec-img{
    height: 8vh;
    transform: translate(-56%,-87%);
  }
  #div-services-pictures-sec{
    height: 50vh;
    width: 48% !important;
  }
  #div-services-pictures-sec-text{
    height: 70% !important;
    width: 70% !important;
  }
  #div-steps-sec-title{
        font-size: 1.3em;
  }
  #div-services-pic {
    height: 30vh !important;
  }
  #div-services-text{
    height: 18vh! important;
    margin-top: -4vh!important;
    margin-bottom: 4vh !important;
  }
  #div-slider{
    height: 25vh !important;
  }
  #div-slider-ul{
    height: 25vh !important;
  }
  #div-testimonio-slider-text{
    font-size: 1em !important;
  }
  #div-testimonio-sliders-li-p{
    font-size: 1em !important;
  }
  #div-testimonio-slider-b-img{
    height:6vh;
    width: 6vh;
  }
  #div-frase-p{
    width: 50% !important;
    font-size: 4em;
  }
  #div-about-filosofia-pic{
    height: 22vh;
  }
  #div-about-filosofia-text{
    height: 22vh;
    font-size:.9em !important;
    padding: 1vh !important;
  }
  #div-about-experience{
    width: 70% !important;
    margin: auto !important;
  }
  #div-tour-tours{
    width: 100% !important;
  }
  #div-tours-places{
    margin: 1vw !important;
    width: 22% !important;
    height: 15vw !important;
  }
  .lvl{
        height: 35vh !important;
  }
  .lvllvl{
        height: 70vh !important;
  }
  #div-services-hot-res-title{
    font-family: 'Poppins', sans-serif; 
    font-weight: 600;
    font-size: 2.5em;
  }
  #div-services-hot-res-text{
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 1.2em;
  }
}
@media only screen and (min-width: 1400px){ /*min 1400*/
  .div_hp_background_left{
    /*left*/
    clip-path: polygon(0% 0%, 75% 0%, 100% 100%, 25% 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200%;
    margin-top: -30%;
    margin-bottom: -30%;
    margin-left: -50%;
  }

  .div_hp_background_right{
    /*left*/
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200%;
    margin-top: -30%;
    margin-bottom: -30%;
    margin-left: -50%;
  }
  #div_tour{
    margin-top: 2%;
    margin-bottom: 2%;
    width: 28%;
    margin-left: 2%;
    margin-right: 2%;
  }

  #div_tour_hp{
    margin-top: 2%;
    margin-bottom: 2%;
    width: 28%;
    margin-left: 2%;
    margin-right: 2%;
    min-height: 20vh !important;
    font-size: 1em !important;
  }
  #div_tour2{
    margin-top: 2%;
    margin-bottom: 2%;
    width: 28%;
    margin-left: 2%;
    margin-right: 2%;
  }
  #div_tours_container{
      flex-direction: row;
  }
  #div-home-container{
    flex-direction: row;
  }
  #div-home-span{
    font-size: 3em;
  }
  #div-home-span2{
    font-size: 3.3em;
  }
  #contact-form-des{
    font-size: 1em;
  }
  #div-contact-info{
    margin-left: 10%;
    margin-right: 0;
    width: 40%;
    }
    #div-contact-form{
      margin-left: 0;
      margin-right: 10%;
      width: 40%;
    } 
  #div-about-p1{
    margin-right: 50%;
  }
  #div-about-p2{
    margin-right: 50%;
  }
  #div-tours-p1{
    margin-right: 65%;
    margin-left: 10%;
    width: 35%;
    text-align: center;
  }
  #div-tours-p2{
    margin-right: 65%;
    width: 35%;
  }
  #nav-principal-social-svg{
    height: 1.6em;
  }
  #div-services-pictures{
    width: 70%;
    margin-left: 15%;
  }
  #nav-principal-logo{
    height: 12vh;
  }
  #nav-principal-social{
    height: 12vh;
  }
  #nav-principal-logo-a{
      height: 12vh;
  }
  #div-home-div-title{
    height: 80vh  !important;
    text-align:right !important;
    align-items:flex-end !important;
  }
  #div-steps-sec-img{
    height: 8vh;
    transform: translate(-76%,-54%);
  }
  #div-services-pictures-sec{
    height: 60vh;
    width: 48% !important;
  }
  #div-services-pictures-sec-text{
    height: 50% !important;
    width: 50% !important;
  }
  #div-steps-sec-title{
        font-size: 1.5em;
  }
  #div-services-pic {
    height: 35vh !important;
  }
  #div-services-text{
    height: 16vh! important;
    margin-top: -4vh!important;
    margin-bottom: 4vh !important;
  }
  #div-slider{
    height: 25vh !important;
  }
  #div-slider-ul{
    height: 25vh !important;
  }
  #div-testimonio-slider-text{
    font-size: .9em !important;
  }
  #div-testimonio-sliders-li-p{
    font-size: 1.2em !important;
  }
  #div-testimonio-slider-b-img{
    height:6vh;
    width: 6vh;
  }
  #div-frase-p{
    width: 50% !important;
    font-size: 4em;
  }
  #div-about-filosofia-pic{
    height: 22vh;
  }
  #div-about-filosofia-text{
    height: 22vh;
    font-size:1em !important;
    padding: 3vh!important;
  }
  #div-about-experience{
    width: 70% !important;
    margin: auto !important;
  }
  #div-tour-tours{
    width: 100% !important;
  }
  #div-tours-places{
    margin: 1vw !important;
    width: 22% !important;
    height: 15vw !important;
  }
  .lvl{
        height: 35vh !important;
  }
  .lvllvl{
        height: 70vh !important;
  }
  #div-services-hot-res-title{
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 2.5em;
  }
  #div-services-hot-res-text{
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 1.2em;
  }
}










@media only screen and (max-width: 600px){
  #nav-principal-ul-li-a{
    font-size: .8em;
  }


  .card-title{/*blog and galeria*/
    font-size: 1em !important;
  }
  #blog_container{/*blog and galeria*/
    padding-left: 0;
    padding-right: 0;
  }
  #modal_img{/*blog and galeria*/
    width: 80%;
    aspect-ratio: 1/1;
    margin-left: 10%;
    margin-right: 10%;
  }
  #div_info_des,#div_info_pagina,#div_info_logo{/*blog and galeria*/
    height: 15vh;
  }
  #img_info_logo{/*blog and galeria*/
    height: 10vh;
  }
  #div_imagenes_hover{/*blog and galeria*/
    height: 50%;
    margin-top: 50%;
  }
  #div_imagenes_container{/*blog and galeria*/
    width: 80%;
  }
  #div_fecha{/*blog and galeria*/
    width: 100%;
  }
  #div_autor{/*blog and galeria*/
    width: 100%;
  }
  
}
@media only screen and (min-width: 600px){
  #nav-principal-ul-li-a{
    font-size: .8em;
  }
  .card-title{/*blog and galeria*/
    font-size: 1em !important;
  }
  #blog_container{/*blog and galeria*/
    padding-left: 0;
    padding-right: 0;
  }
  #modal_img{/*blog and galeria*/
    width: 80%;
    aspect-ratio: 1/1;
    margin-left: 10%;
    margin-right: 10%;
  }
  #div_info_des,#div_info_pagina,#div_info_logo{/*blog and galeria*/
    height: 15vh;
  }
  #img_info_logo{/*blog and galeria*/
    height: 10vh;
  }
  #div_imagenes_hover{/*blog and galeria*/
    height: 50%;
    margin-top: 50%;
    font-size: .8em;
  }
  #div_imagenes_container{/*blog and galeria*/
    width: 80%;
  }
  #div_fecha{/*blog and galeria*/
    width: 100%;
  }
  #div_autor{/*blog and galeria*/
    width: 100%;
  }
 
}
@media only screen and (min-width: 768px){
  #nav-principal-ul-li-a{
    font-size: .8em;
  }
  .card-title{/*blog and galeria*/
    font-size: 1em !important;
  }
  #blog_container{/*blog and galeria*/
    padding-left: 0;
    padding-right: 0;
  }
  #modal_img{/*blog and galeria*/
    width: 80%;
    aspect-ratio: 1/1;
    margin-left: 10%;
    margin-right: 10%;
  }
  #div_info_des,#div_info_pagina,#div_info_logo{/*blog and galeria*/
    height: 15vh;
    margin-top: 3em;
    margin-bottom: 5em;
  }
  #img_info_logo{/*blog and galeria*/
    height: 10vh;
  }
  #div_imagenes_hover{/*blog and galeria*/
    height: 40%;
    margin-top: 60%;
  }
  #div_imagenes_container{/*blog and galeria*/
    width: 80%;
  }
  #div_fecha{/*blog and galeria*/
    width: 100%;
  }
  #div_autor{/*blog and galeria*/
    width: 100%;
  }
}
@media only screen and (min-width: 992px){
  #nav-principal-ul-li-a{
    font-size: .8em;
  }
  .card-title{/*blog and galeria*/
    font-size: 1.2em !important;
  }
  #blog_container{/*blog and galeria*/
    padding-left: 0;
    padding-right: 0;
  }
  #ul-div-navA-li{/*blog and galeria*/
    padding-left: 0;
    padding-right: 0;
  }
  #modal_img{/*blog and galeria*/
    width: 60%;
    aspect-ratio: 1/1;
    margin-left: 20%;
    margin-right: 20%;
  }
  #div_info_des,#div_info_pagina,#div_info_logo{/*blog and galeria*/
    height: 20vh;
  }
  #img_info_logo{/*blog and galeria*/
    height: 15vh;
  }
  #div_imagenes_hover{/*blog and galeria*/
    height: 30%;
    margin-top: 70%;
  }
  #div_imagenes_container{/*blog and galeria*/
    width: 75%;
  }
  #div_fecha{/*blog and galeria*/
    width: 75%;
  }
  #div_autor{/*blog and galeria*/
    width: 75%;
  }
}
@media only screen and (min-width: 1200px){
  #nav-principal-ul-li-a{
    font-size: .8em;
  }
  .card-title{/*blog and galeria*/
    font-size: 1.2em !important;
  }
  #blog_container{/*blog and galeria*/
    padding-left: 5em;
    padding-right: 5em;
  }
  #ul-div-navA-li{/*blog and galeria*/
    padding-left: 1em;
    padding-right: 1em;
  }
  #modal_img{/*blog and galeria*/
    width: 60%;
    aspect-ratio: 1/1;
    margin-left: 20%;
    margin-right: 20%;
  }
  #div_imagenes_hover{/*blog and galeria*/
    height: 30%;
    margin-top: 70%;
  }
  #div_imagenes_container{/*blog and galeria*/
    width: 50%;
  }
  #div_fecha{/*blog and galeria*/
    width: 75%;
  }
  #div_autor{/*blog and galeria*/
    width: 75%;
  }
}
@media only screen and (min-width: 1400px){
  #nav-principal-ul-li-a{
    font-size: .9em;
  }
  .card-title{/*blog and galeria*/
    font-size: 1.2em !important;
  }
  #blog_container{/*blog and galeria*/
    padding-left: 5em;
    padding-right: 5em;
  }
  #ul-div-navA-li{/*blog and galeria*/
    padding-left: .8em;
    padding-right: .8em;
  }
  #modal_img{/*blog and galeria*/
    width: 60%;
    aspect-ratio: 1/1;
    margin-left: 20%;
    margin-right: 20%;
  }
  #div_imagenes_hover{/*blog and galeria*/
    height: 30%;
    margin-top: 70%;
  }
  #div_imagenes_container{/*blog and galeria*/
    width: 50%;
  }
  #div_fecha{/*blog and galeria*/
    width: 75%;
  }
  #div_autor{/*blog and galeria*/
    width: 75%;
  }
}



@media only screen and (max-width: 600px){
  .card-title{/*blog and galeria*/
    font-size: 1em !important;
  }
  #blog_container{/*blog and galeria*/
    padding-left: 0;
    padding-right: 0;
  }
  #modal_img{/*blog and galeria*/
    width: 80%;
    aspect-ratio: 1/1;
    margin-left: 10%;
    margin-right: 10%;
  }
  #div_info_des,#div_info_pagina,#div_info_logo{/*blog and galeria*/
    height: 15vh;
  }
  #img_info_logo{/*blog and galeria*/
    height: 10vh;
  }
  #div_imagenes_hover{/*blog and galeria*/
    height: 50%;
    margin-top: 50%;
  }
  #div_imagenes_container{/*blog and galeria*/
    width: 80%;
  }
  #div_fecha{/*blog and galeria*/
    width: 100%;
  }
  #div_autor{/*blog and galeria*/
    width: 100%;
  }
  #div_more_b_container{
    margin: 5em;
    margin-left: 1em;
    margin-right: 1em;
    width: 100%;
  }
  #div_autor{
    height: 10vh;
    width: 100%;
    margin-left: 0;
  }
  #div_seccion_a{
    width: 70%;
  }
  #div_seccion_img_a{
    width: 70%;
  }
  #div_seccion_b{
    width: 70%;
  }
  #div_seccion_img_b{
    width: 70%;
  }
  #maps-desc {
    height: 50vh;
  }
  #maps-mapa {
    height: 50vh;
  }
  #div-offers-title {
    padding: 2em;
    gap: 2em;
    width: 100%;
  }
  #offers-title-p {
    font-size: 1.5em;
  }
  #offers-title {
    font-size: 1.2em;
  }
  #select-divisa-container{
    margin-left: 0;
    margin-right: 0;
  }
  #form-container {
    display: flex;
    flex-direction: column;
  }
  .offerid_info {
    width: 90vw;
  }
  #ofertas-container{
    width: 100%;
    height: 20em;
  }
  #div-about-galeria{
    width: 100%;
    margin-left: 0%;
    flex-direction: row;
  }
  #about-galeria-info{
    padding-left: 5%;
    padding-right: 5%;
  }
  #div-about-info-img{
    min-height: 20vh;
    height: auto;
  }
  #footer-sec {
    width: 100%;
  }
  #footer-sec-div{
    width: 50%;
  }
  #div-offers-btn{
    width: 100%;
  }
  #div-offers{
    padding-left: 5%;
    padding-right: 5%;
  }
  #div-about-galeria{
    width: 90%;
    margin-left: 5%;
    flex-direction: column;
    flex-flow: row wrap-reverse
  }
  #about-galeria-slider{
    padding:1em;
    width: 100%;
  }
  #about-galeria-info{
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }
  #div-features{
    width: 80% !important;
  }
  #div-about-info{
    width: 100% !important;
  }
  #div-about-info-desc-img{
    height:6vh;
  }
  #div-frase-btn {
      display: flex;
      flex-direction: column;
      vertical-align: middle;
      justify-content: center;
      align-items: center;
      width: 100%;
  }
  #div-container2{
    flex-direction:column;
    width: 90%;
  }
}
@media only screen and (min-width: 600px){
  .card-title{/*blog and galeria*/
    font-size: 1em !important;
  }
  #blog_container{/*blog and galeria*/
    padding-left: 0;
    padding-right: 0;
  }
  #modal_img{/*blog and galeria*/
    width: 80%;
    aspect-ratio: 1/1;
    margin-left: 10%;
    margin-right: 10%;
  }
  #div_info_des,#div_info_pagina,#div_info_logo{/*blog and galeria*/
    height: 15vh;
  }
  #img_info_logo{/*blog and galeria*/
    height: 10vh;
  }
  #div_imagenes_hover{/*blog and galeria*/
    height: 50%;
    margin-top: 50%;
    font-size: .8em;
  }
  #div_imagenes_container{/*blog and galeria*/
    width: 80%;
  }
  #div_fecha{/*blog and galeria*/
    width: 100%;
  }
  #div_autor{/*blog and galeria*/
    width: 100%;
  }
  #maps-desc {
    height: 60vh;
  }
  #maps-mapa {
    height: 60vh;
  }
  #div-offers-title {
    padding: 2em;
    gap: 2em;
    width: 100%;
  }
  #offers-title-p {
    font-size: 1.5em;
  }
  #offers-title {
    font-size: 1.2em;
  }
  #form-container {
    display: flex;
    flex-direction: row;
  }
  #select-divisa-container{
    margin-left: 0;
    margin-right: 0;
  }
  .offerid_info {
    width: 90vw;
  }
  #ofertas-container{
    width: 50%;
    height: 25em;
    padding: 3em;
  }
  #div-about-galeria{
    width: 90%;
    margin-left: 5%;
    flex-direction: column;
    flex-flow: row wrap-reverse
  }
  #about-galeria-slider{
    padding:1em;
    width: 100%;
    gap: 2em;
  }
  #about-galeria-info{
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }
  #div-about-info-img{
    min-height: 20vh;
    height: auto;
  }
  #footer-sec {
    width: 100%;
  }
  #footer-sec-div{
    width: 50%;
  }
  #div-offers-btn{
    width: 88%;
    margin-left: 6%;
  }
  #div-offers{
    padding-left: 5%;
    padding-right: 5%;
  }
  #div-features{
    width: 100% !important;
  }
 
  #div-about-info{
    width: 100% !important;
  }
  #div-about-info-desc-img{
    height:10vh;
  }
  #div-frase-btn {
      display: flex;
      flex-direction: column;
      vertical-align: middle;
      justify-content: center;
      align-items: center;
      width: 100%;
  }
  #div-container2{
    flex-direction:row;
    width: 90%;
  }
}
@media only screen and (min-width: 768px){
  .card-title{/*blog and galeria*/
    font-size: 1em !important;
  }
  #blog_container{/*blog and galeria*/
    padding-left: 0;
    padding-right: 0;
  }
  #modal_img{/*blog and galeria*/
    width: 80%;
    aspect-ratio: 1/1;
    margin-left: 10%;
    margin-right: 10%;
  }
  #div_info_des,#div_info_pagina,#div_info_logo{/*blog and galeria*/
    height: 15vh;
    margin-top: 3em;
    margin-bottom: 5em;
  }
  #img_info_logo{/*blog and galeria*/
    height: 10vh;
  }
  #div_imagenes_hover{/*blog and galeria*/
    height: 40%;
    margin-top: 60%;
  }
  #div_imagenes_container{/*blog and galeria*/
    width: 80%;
  }
  #div_fecha{/*blog and galeria*/
    width: 100%;
  }
  #div_autor{/*blog and galeria*/
    width: 100%;
  }
  #maps-desc {
    height: 70vh;
  }
  #maps-mapa {
    height: 70vh;
  }
  #div-offers-title {
    padding: 3em;
    gap: 3em;
    width: 100%;
  }
  #offers-title-p {
    font-size: 2.5em;
  }
  #offers-title {
    font-size: 2em;
  }
  #form-container {
    display: flex;
    flex-direction: row;
  }
  #select-divisa-container{
    margin-left: 1em;
    margin-right: 1em;
  }
  .offerid_info {
    width: 70vw;
  }
  #ofertas-container{
    width: 33%;
    height: 30vh;
    padding: 1.5em;
  }
  #div-about-galeria{
    width: 80%;
    margin-left: 10%;
    flex-flow: row wrap-reverse;
  }
  #about-galeria-slider{
    padding:1em;
    width: 50%;
    gap: 2em;
  }
  #about-galeria-info{
    width: 50%;
    padding-left: 5%;
    padding-right: 5%;
  }
  #div-about-info-img{
    min-height: 20vh;
    height: auto;
  }
  #footer-sec {
    width: 100%;
  }
  #footer-sec-div{
    width: 50%;
  }
  #div-offers-btn{
    width: 88%;
    margin-left: 6%;
  }
  #div-offers{
    padding-left: 10%;
    padding-right: 10%;
  }
  #div-features{
    width: 80% !important;
  }
 
  #div-about-info{
    width: 80% !important;
  }
  #div-about-info-desc-img{
    height:10vh;
  }
  #div-frase-btn {
      display: flex;
      flex-direction: row;
      vertical-align: middle;
      justify-content: center;
      align-items: center;
      width: 100%;
  }
}
@media only screen and (min-width: 992px){
  .card-title{/*blog and galeria*/
    font-size: 1.2em !important;
  }
  #blog_container{/*blog and galeria*/
    padding-left: 0;
    padding-right: 0;
  }
  #ul-div-navA-li{/*blog and galeria*/
    padding-left: 0;
    padding-right: 0;
  }
  #modal_img{/*blog and galeria*/
    width: 60%;
    aspect-ratio: 1/1;
    margin-left: 20%;
    margin-right: 20%;
  }
  #div_info_des,#div_info_pagina,#div_info_logo{/*blog and galeria*/
    height: 20vh;
  }
  #img_info_logo{/*blog and galeria*/
    height: 25vh;
  }
  #div_imagenes_hover{/*blog and galeria*/
    height: 30%;
    margin-top: 70%;
  }
  #div_imagenes_container{/*blog and galeria*/
    width: 75%;
  }
  #div_fecha{/*blog and galeria*/
    width: 75%;
  }
  #div_autor{/*blog and galeria*/
    width: 75%;
  }
  #maps-desc {
    height: 70vh;
  }
  #maps-mapa {
    height: 70vh;
  }
  #div-offers-title {
    padding: 3em;
    gap: 3em;
    width: 100%;
  }
  #offers-title-p {
    font-size: 2.5em;
  }
  #offers-title {
    font-size: 2em;
  }
  #select-divisa-container{
    margin-left: 1em;
    margin-right: 1em;
  }
  #form-container {
    display: flex;
    flex-direction: row;
  }
  .container {
    width: 80%;
}
  .offerid_info {
    width: 50vw;
  }
  #ofertas-container{
    width: 33%;
    height: 30vh;
    padding: 2em;
  }
  #div-about-galeria{
    width: 80%;
    margin-left: 10%;
    flex-flow: row wrap-reverse;
  }
  #about-galeria-slider{
    padding:1em;
    width: 50%;
    gap: 2em;
  }
  #about-galeria-info{
    width: 50%;
    padding-left: 5%;
    padding-right: 5%;
  }
  #div-about-info-img{
    min-height: 60vh;
    height: auto;
  }
  #footer-sec {
    width: 100%;
  }
  #footer-sec-div{
    width: 25%;
  }
  #div-offers-btn{
    width: 60%;
    margin-left: 20%;
  }
  #div-offers{
    padding-left: 5%;
    padding-right: 5%;
  }
  #div-features{
    width: 100% !important;
  }
 
  #div-about-info{
    width: 100% !important;
  }
  #div-about-info-desc-img{
    height:10vh;
  }
  #div-frase-btn {
      display: flex;
      flex-direction: row;
      vertical-align: middle;
      justify-content: center;
      align-items: center;
      width: 100%;
  }
}
@media only screen and (min-width: 1200px){
  .card-title{/*blog and galeria*/
    font-size: 1.2em !important;
  }
  #blog_container{/*blog and galeria*/
    padding-left: 5em;
    padding-right: 5em;
  }
  #ul-div-navA-li{/*blog and galeria*/
    padding-left: 1em;
    padding-right: 1em;
  }
  #modal_img{/*blog and galeria*/
    width: 60%;
    aspect-ratio: 1/1;
    margin-left: 20%;
    margin-right: 20%;
  }
  #div_imagenes_hover{/*blog and galeria*/
    height: 30%;
    margin-top: 70%;
  }
  #div_imagenes_container{/*blog and galeria*/
    width: 50%;
  }
  #div_fecha{/*blog and galeria*/
    width: 75%;
  }
  #div_autor{/*blog and galeria*/
    width: 75%;
  }
  #maps-desc {
    height: 70vh;
  }
  #maps-mapa {
    height: 70vh;
  }
  #div-offers-title {
    padding: 3em;
    gap: 3em;
    width: 100%;
  }
  #offers-title-p {
    font-size: 2.5em;
  }
  #offers-title {
    font-size: 2em;
  }
  #select-divisa-container{
    margin-left: 1em;
    margin-right: 1em;
  }
  #form-container {
    display: flex;
    flex-direction: row;
  }
  .offerid_info {
    width: 50vw;
  }
  #ofertas-container{
    width: 33%;
    height: 30vh;
    padding: 0;
  }
  #div-about-galeria{
    width: 60%;
    margin-left: 20%;
    flex-flow: row wrap-reverse;
  }
  #about-galeria-slider{
    padding:1em;
    width: 50%;
    gap: 2em;
  }
  #about-galeria-info{
    width: 50%;
    padding-left: 5%;
    padding-right: 5%;
  }
  #div-about-info-img{
    min-height: 60vh;
    height: auto;
  }
  #footer-sec {
    width: 60%;
    margin-left: 20%;
  }
  #footer-sec-div{
    width: 25%;
  }
  #div-offers-btn{
    width: 60%;
    margin-left: 20%;
  }
  #div-offers{
    padding-left: 10%;
    padding-right: 10%;
  } 
  #div-features{
    width: 80% !important;
  }
  #div-about-info{
    width: 90% !important;
  }
  #div-about-info-desc-img{
    height:10vh;
  }
  #div-frase-btn {
      display: flex;
      flex-direction: row;
      vertical-align: middle;
      justify-content: center;
      align-items: center;
      width: 100%;
  }
}
@media only screen and (min-width: 1400px){
  .card-title{/*blog and galeria*/
    font-size: 1.2em !important;
  }
  #blog_container{/*blog and galeria*/
    padding-left: 5em;
    padding-right: 5em;
  }
  #ul-div-navA-li{/*blog and galeria*/
    padding-left: .8em;
    padding-right: .8em;
  }
  #modal_img{/*blog and galeria*/
    width: 60%;
    aspect-ratio: 1/1;
    margin-left: 20%;
    margin-right: 20%;
  }
  #div_imagenes_hover{/*blog and galeria*/
    height: 30%;
    margin-top: 70%;
  }
  #div_imagenes_container{/*blog and galeria*/
    width: 50%;
  }
  #div_fecha{/*blog and galeria*/
    width: 75%;
  }
  #div_autor{/*blog and galeria*/
    width: 75%;
  }
  #maps-desc {
    height: 70vh;
  }
  #maps-mapa {
    height: 70vh;
  }
  #div-offers-title {
    padding: 3em;
    gap: 3em;
    width: 100%;
  }
  #offers-title-p {
    font-size: 2.5em;
  }
  #offers-title {
    font-size: 2em;
  }
  #select-divisa-container{
    margin-left: 1em;
    margin-right: 1em;
  }
  #form-container {
    display: flex;
    flex-direction: row;
  }
  .offerid_info {
    width: 50vw;
  }
  #ofertas-container{
    width: 25%;
    height: 30vh;
    padding: 0;
  }
  #div-about-galeria{
    width: 60%;
    margin-left: 20%;
    flex-flow: row wrap-reverse;
  }
  #about-galeria-slider{
    padding:1em;
    width: 40%;
    gap: 2em;
  }
  #about-galeria-info{
    width: 40%;
    padding-left: 5%;
    padding-right: 5%;
  }
  #div-about-info-img{
    min-height: 60vh;
    height: auto;
  }
  #footer-sec {
    width: 60%;
    margin-left: 20%;
  }
  #footer-sec-div{
    width: 25%;
  }
  #div-offers-btn{
    width: 50%;
    margin-left: 25%;
  }
  #div-offers{
    padding-left: 10%;
    padding-right: 10%;
  } 
  #div-features{
    width: 70% !important;
  }
 
  #div-about-info{
    width: 80% !important;
  }
  #div-about-info-desc-img{
    height:10vh;
  }
  #div-frase-btn {
      display: flex;
      flex-direction: row;
      vertical-align: middle;
      justify-content: center;
      align-items: center;
      width: 100%;
  }
}