@media only screen and (min-width:577px) and (max-width:800px){
  
  body{
    max-width: 800px;
    margin-left:8%!important;

}

.lista_data_room{
  width:300px;
  margin-left:-10%;
    font-size:10px;
  }

}

@media only screen and (min-width:321px) and (max-width:576px){
  
  body{
    max-width: 576px;

}

.fondo_ppal{
  background-position-x: 10%;
  
}
.logo_back_ppal{
    width: 250px;
    visibility: visible!important;
    position: relative;
}
.pa1{
  text-align: justify;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
  .car-2 {
    height: 75vh;
    width: 95%;
    margin-left: 2.5%;
  } 
  .car-3 {
    width:100%;
  } 
  .car-3-b {
     width:100%;
  } 
  .car-33 {
    height: 65vh;
    margin-left: 5%;
  }
  .car-333 {
    height: 65vh;
  
  }

  .lista_data_room{
    width:300px;
    margin-left:-10%;
  
}

.sublogo {
  width: 40px;
  height:auto;

} 
.sublogo:hover {
  transform: scale(1.2, 1.2);
}  
  .logo {
      width: 170px;
      height:auto;

  }
 
  #carousel_ppal button{
    background-color: rgb(0, 0, 0, 0.5); 
    color: white; 
    height: 50px; 
    border-width: .5px!important;
    border-color: rgb(255, 255, 255);
    width: 300px;
  }
  #carousel_ppal button:hover{
    background-color: rgb(0, 0, 0, 0.7); 
   font-weight: 500;
  }
  .carousel-control-next-icon{
      background-image: url("img/right_arrow.svg");
      transform: scale(1.2,1.2);
  }
  .carousel-control-next-icon:hover{
      transform: scale(1.2,1.2);
}
  .carousel-control-prev-icon{
    background-image: url("img/left_arrow.svg");
    transform: scale(1.2,1.2);
}
.carousel-control-prev-icon:hover{
    transform: scale(1.2,1.2);
}
.stars{
  margin-left:37%; 
}
.lugar_icons{
  margin-bottom: 2%;
  margin-right: 0px!important;
  margin-left: 10%!important;
}
.btn_lugar_contacto{margin-left:5%;
}
.btn_lugar_contacto button{margin-left: 0%;

} 
.btn_lugar_reserva{margin-left:20%;
}
.data_rooms{ padding-left:15%;
}
.btn_reserva_resto{
  margin-left: 25%;
}
.btn_reserva_masaje{
  margin-left: 25%;
}
.relax_icons{
  filter: invert(100%);
  padding-left:12%;
}
.relax_icons img{
  width: 20%;
}
.btn_reserva_salon{
  margin-left: 25%;
}
.deportes_icons{
  filter: invert(100%);
  padding-left:10%;
}
.deportes_icons img{
  width: 20%;
}

.img_redes{
  width: 30px;
}
.info_contacto img{
  width: 30px;
}
.data_contacto{
  margin-bottom: 100px;
  width: 70%; 
  margin-top:10%;
  margin-left: 25%!important; 
  padding-left: 0%!important; 
  left: 0%;
}
.h1_contacto{
  text-align: center;
   margin-top: 15%;
}
.gym{
  margin-left: 10%;
}
.data_contacto .sub_datacontacto_wapp{ 
  width: 30px; 
  height: 30px; 

}
.data_contacto .mailform{ 
 font-size: 10px;

}   
.info_desktop{
  display: none;
}
.info_mobile{
  display: flex;
}
.foto_evento_ultima{
  background-image: url("img/eventos/eventos_08_mobile.jpg")!important;

}
.iconos_covid{
  width: 30%!important;
  margin-left: 33%!important;
  margin-right: 33%!important;
}
.linea_recta{
  display: none!important;
}
}
@media only screen and (min-width:0px) and (max-width:320px){
  
  .iconos_covid{
    width: 30%!important;
    margin-left: 33%!important;
    margin-right: 33%!important;
  }
  .linea_recta{
    display: none!important;
  }
  body{
    max-width: 576px;

}

.fondo_ppal{
  background-position-x: 10%;
  
}
.logo_back_ppal{
    width: 250px;
    visibility: visible!important;
    position: relative;
}
.pa1{
  text-align: justify;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
  .car-2 {
    height: 75vh;
    width: 95%;
    margin-left: 2.5%;
  } 
  .car-3 {
    width:100%;
  } 
  .car-3-b {
     width:100%;
  } 
  .car-33 {
    height: 65vh;
    margin-left: 5%;
  }
  .car-333 {
    height: 65vh;
  
  }

  .lista_data_room{
    width:300px;
    margin-left:-10%;
  
}
.btn_reserva_room{
  padding-left: 0%;
}
.sublogo {
  width: 40px;
  height:auto;

} 
.sublogo:hover {
  transform: scale(1.2, 1.2);
}  
  .logo {
      width: 170px;
      height:auto;

  }
 
  #carousel_ppal button{
    background-color: rgb(0, 0, 0, 0.5); 
    color: white; 
    height: 50px; 
    border-width: .5px!important;
    border-color: rgb(255, 255, 255);
    width: 300px;
  }
  #carousel_ppal button:hover{
    background-color: rgb(0, 0, 0, 0.7); 
   font-weight: 500;
  }
  .carousel-control-next-icon{
      background-image: url("img/right_arrow.svg");
      transform: scale(1.2,1.2);
  }
  .carousel-control-next-icon:hover{
      transform: scale(1.2,1.2);
}
  .carousel-control-prev-icon{
    background-image: url("img/left_arrow.svg");
    transform: scale(1.2,1.2);
}
.carousel-control-prev-icon:hover{
    transform: scale(1.2,1.2);
}
.stars{
  margin-left:37%; 
}
.lugar_icons{
  margin-right: 0px!important;
  margin-left: 10%!important;
}
.btn_lugar_contacto{margin-left:5%;   margin-bottom: 30px;
}
.btn_lugar_contacto button{margin-left: 20%;
} 
.btn_lugar_reserva{margin-left:15%;
}
.data_rooms{ padding-left:15%;
}
.btn_reserva_resto{
  margin-left: 25%;
}
.btn_reserva_masaje{
  margin-left: 25%;
}
.relax_icons{
  filter: invert(100%);
  padding-left:12%;
}
.relax_icons img{
  width: 20%;
}
.btn_reserva_salon{
  margin-left: 25%;
}
.deportes_icons{
  filter: invert(100%);
  padding-left:10%;
}
.deportes_icons img{
  width: 20%;
}

.img_redes{
  width: 30px;
}
.info_contacto img{
  width: 30px;
}
.data_contacto{
  margin-bottom: 100px;
  width: 70%; 
  margin-top:10%;
  margin-left: 25%!important; 
  padding-left: 0%!important; 
  left: 0%;
}
.h1_contacto{
  text-align: center;
   margin-top: 15%;
}
.gym{
  margin-left: 10%;
}
.data_contacto .sub_datacontacto_wapp{ 
  width: 30px; 
  height: 30px; 

}
.data_contacto .mailform{ 
 font-size: 8px;

}   
.info_desktop{
  display: none;
}
.info_mobile{
  display: flex;
}
.botonera_lugar{
  flex-direction: column;
  padding-left: 15%;
}
.foto_evento_ultima{
  background-image: url("img/eventos/eventos_08_mobile.jpg")!important;

}
}