.card-hotel-compact {
  display: block;
  background-color: #ffffff;
  border-radius: 8px;
  //width: 100%;
  width: 235px;
  height: 250px;
  border: solid 1px $colorBordes;
  overflow: hidden;
  position: relative;
  @media (min-width: $screen-sm-min) {
    height: 290px;
  }
  &:hover,
  &:focus {
    &, & * {
      text-decoration: none;
    }
  }

  .cont_img {
    height: 122px;
    overflow: hidden;
    @media (min-width: $screen-sm-min) {
      height: 154px;
    }
    img {
      width: 100%;
      height: auto;
      @media (min-width: $screen-sm-min) {
        max-height: 245px;
      }
    }
  }

  .cont_info {
    //padding: 10px 10px 10px 5px;
    padding: 10px 10px 10px 10px;
    @media (min-width: $screen-sm-min) {
      padding: 10px 15px 10px 10px;
    }
    .title {
      font-size: $font-size-large;
      line-height: 21px;
      color: $brand-grey-dark;
      margin: 0;
      overflow: hidden;
    }
    .position_bottom {
      position: relative;
      bottom: 0;
      left: 0;
      width: 100%;
      padding:5px 0;
      @media (min-width: $screen-sm-min) {
        padding: 5px 0;
      }
      .amenities {
        @media (max-width: $screen-sm-min) {
          display: none;
        }
        @media (min-width: $screen-sm-min) {
          width: 40%;
          float: none;
          text-align: right;
          margin-bottom: 0;
          li {
            display: inline;
            margin-left: 10px;
            color: $brand-copy-light;
          }
          svg,
          svg * {
            width: 20px;
            height: 20px;
            fill: $brand-copy-light;
          }
        }
      }
      .generic-rating-container {
        .generic-rating__number {
          display: none;
        }
      }
    }
  }
}
.no-photo {
  height: 92px;
  max-height: 92px;
  padding-top: 10px;
  @media (min-width: $screen-sm-min) {
    height: 86px;
    max-height: 86px;
    padding-top: 12px;
  }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: $screen-sm-min) {

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: $screen-md-min) {

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: $screen-lg-min) {

}