.hotelListing {
  display: none;
}

.hotelListingMobile {
  display: none;
  overflow-x: auto;
  position: absolute;
  bottom: 32px;
  left: 0;
  right: 0;
  z-index: 10;
}

.hotelListingMobile[data-open="true"] {
  display: flex;
}

@media (min-width: 768px) {
  .hotelListing {
    display: block;
    width: 100%;
    overflow-y: auto;
    padding-top: var(--Spacing-x2);
  }

  .hotelListingMobile,
  .hotelListingMobile[data-open="true"] {
    display: none;
  }
}