/*Swipers miniaturas hotel*/
.swipersMin{
    position:relative;
}
.swiper-container.image-top{
    max-height:550px;
}
.container-image-thumb-chevron img.img-responsive{
    height:auto;
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.container-image-thumb-chevron {
  position: absolute;
  bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 95%; 
  padding: 0 20px; 
}

.swiper-container.image-thumb {
  position: static !important; 
  width: 90%;
  margin: 0 auto;
  bottom: auto !important; 
  left: auto !important;
}

.swipersMin .swiper-prev,
.swipersMin .swiper-next {
  font-size: 21px;
  color: #fff;
  cursor: pointer;
  z-index: 10;
}

.swipersMin .swiper-prev,
.swipersMin .swiper-next {
  position: static !important; 
  font-size: 24px;
  color: #fff;
  cursor: pointer;
}
.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}
/*End swiper miniaturas*/
.nav-pills{
    width:90%;
}
.gridRooms .twoColumns {
  padding: 0 5%;
}
 .iconRoom {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap:.8rem;
}
  .iconRoom li{
    display:flex;
    align-items:center;
    gap:6px;
  }
/*Carta*/
.carta{
    max-width:750px;
}
.carta img{
    height:auto;
}
@media(max-width:1366px){
  .nav-pills{
      gap:.5rem;
      width:94%;
  }
}
@media(min-width:768px){
  .twoColumns,
  .gridRoom > .container-fluid > .row {
    display: flex;
    gap:1rem;
  }
  .twoColumns>div{
      flex:1;
  }
  .gridRoom > .row > div > div:not(.gridRoom > .row > div > div.swiper),
  .gridRoom > .row > div .swiperImgRooms .swiper-slide  *,
  .gridRoom > .row >div > .htt-text-image,
  .gridRoom > .row > div .img-responsive,
  .gridRoom .image, .gridRoom .image img,
  .gridRoom .imgRoom:not(.gridRoom .swiper-slide .imgRoom){
    height: 100% !important;
  }
  .grid-rooms .gridRoom .swiper,
  .grid-rooms .gridRoom .swiper-slide:not(.editMode .grid-rooms .swiper-slide){
      height:100% !important;
  }

  .gridRoom .textRoom{
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .gridRoom.gridExperience .textRoom{
      height:100%;
  }
  .iconRoom {
    align-items: flex-start;
}
  .iconRoom li{
    width:calc(50% - .8rem);
  }
}
@media(max-width:767px){
    .iconRoom{
        flex-direction:column;
    }
    .container-image-thumb-chevron img.img-responsive{
        min-height:80px;
    }
}