html {
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
}

body {
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

main {
  overflow-x: hidden;
  overflow-y: hidden;
  width: 100%;
  position: relative;
}

/* Tour gallery thumbnails */
#tour-gallery-thumbs {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  
  #tour-gallery-thumbs::-webkit-scrollbar {
    display: none;
  }
  
  @media (max-width: 1023px) {
    #tour-gallery-thumbs {
      --tour-thumb-cols: 4;
      --tour-thumb-gap: 0.25rem;
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: calc((100% - (var(--tour-thumb-cols) - 1) * var(--tour-thumb-gap)) / var(--tour-thumb-cols));
      gap: var(--tour-thumb-gap);
    }
  }
  
  @media (min-width: 1024px) {
    #tour-gallery-thumbs {
      --tour-thumb-cols: 8;
      --tour-thumb-gap: 0.5rem;
      display: flex;
      gap: var(--tour-thumb-gap);
    }
  
    #tour-gallery-thumbs .tour-thumb {
      flex: 0 0 calc((100% - (var(--tour-thumb-cols) - 1) * var(--tour-thumb-gap)) / var(--tour-thumb-cols));
    }
  }