/* Bloque servicios*/
.header_content {
  margin-top: 30px;
}
ul.amenities_category{
  display: flex;
  flex-flow: row wrap;
  margin-top:30px;
  > li {
    font-size: 16px;
    color: $brand-grey-dark;
    @include medium-weight;
    flex:0 0 25%;
    /* tablet */
    @media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
      flex:0 0 33.33%;
    }
    /* mobile */
    @media (max-width: $screen-xs-max) {
      flex:0 0 100%;
    }
    svg {
      &, & * {
        fill: $brand-grey-dark;
        width:22px;
        height:22px;
        vertical-align: text-bottom;
        margin-right: 10px;
      }
      [dir='rtl'] &, [dir='rtl'] & * {
        vertical-align: middle;
      }
    }
  }
  ul {
    margin:15px 0 20px 23px;
    li {
      list-style-type: disc;
      list-style-position: inherit;
      font-weight: $roboto-light;
      font-size:14px;
      min-height: 30px;
    }
  }
}
ul.amenities_icons_hotels {
  margin: 0;
  overflow: hidden;
  display: inline-block;
  @media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
    display: flex;
    flex-wrap: wrap;
  }
  &.with_description{
    li{
      width:100%;
    }
  }
  li {
    float:left;
    margin: 6px 10px 6px 0;
    width: auto;
    color:#818181;
    line-height: 16px;
    .box_amenities{
      width:23px;
      float:left;
    }
    .icon_center {
      text-align: left;
      width: 18px;
      height: 18px;
      margin-right: 3px;
      float:left;
    }
    .icon_description{width:85%;}
    svg {
      &, & * {
        fill: $brand-copy-light;
        width:18px;
        height:18px;
        vertical-align: text-bottom;
        margin-right: 0;
        pointer-events: none;
      }
    }
  }
  &.dst-hotel-tags-hotel {
    svg {
      cursor: pointer;
    }
  }
}
.room_selection {
  ul.amenities_icons_hotels li {
    width: 100%;
    span {
      color: $brand-grey-dark;
      @media (max-width: $screen-xs-max) {
        display: none;
      }
    }
  }
}
// tablet
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
  .room_selection {
    ul.amenities_icons_hotels li {
      width: 50%;
      line-height: 24px;
      margin: 0 0 6px 0;
    }
  }
}

/* Mobile */

@media (max-width:$screen-xs-max) {
  .room_selection {
    ul.amenities_icons_hotels{
      margin-top: 10px;
      &.with_description{
        li{
          width:auto;
        }
      }
      li{
        width:auto;
        margin: 0 12px 12px 0;
        .icon_center {
          width: 24px;
          height: 24px;
        }
        svg {
          &, & * {
            width: 24px;
            height: 24px;
          }
        }
      }
    }
  }
}

/*AMENITIES*/
/* Ampliar servicios */
.dst-serv-showmore {
  max-height: 1400px;
  height: auto;
  overflow: hidden;
  position: relative;
  transition: max-height 0.8s;
}
.serv-clk-view {
  margin-top: 20px;
  padding-bottom: 30px;
}
.viewMore_serv_cont {
  max-height: 185px;
  margin-bottom: 20px;
  margin-top: 20px;
  &:after {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), $brand-grey-light);
    display: block;
    content: "";
    height: 20px;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 10;
  }
}