%tui-container-width {
  margin: 0;
  width: 100%;

  @include breakpoint(sm) {
    margin: 0 auto;
  }

  @media (min-width: $screen-sm-min) {
    width: $container-sm;
  }

  @media (min-width: $screen-md-min) {
    width: $container-md;
  }

  @media (min-width: $screen-lg-min) {
    width: $container-lg;
  }
}

.tui-container {
  @extend %tui-container-width;
}

// AB-test product-header
@media (min-width: 768px) and (max-width: 991px) {
  .hotelpage {
    .tui-container {
      width: $container-sm - $margin-double;
    }
  }
}