.rh-scroll {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

.rh-scroll > table {
  
  max-width: none !important;
}

html, body {
  max-width: 100%;
}

@media (max-width: 860px) {
  
  table[data-rh-layout],
  table[data-rh-band] {
    width: 100% !important;
    max-width: 100% !important;
  }

  
  table[data-rh-layout] {
    table-layout: fixed !important;
  }

  
  .rs-doc img,
  body:not(.rs-page) img {
    max-width: 100% !important;
    height: auto !important;
  }

  
  td, th, p, div, li {
    overflow-wrap: break-word;
    word-wrap: break-word;
  }
}

@media (max-width: 640px) {
  
  table[data-rh-band] > tbody > tr > td,
  table[data-rh-band] > tbody > tr > th,
  table[data-rh-band] > tr > td,
  table[data-rh-band] > tr > th {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  
  body:not(.rs-page) {
    padding-top: 46px !important;
  }

  #rh-back { top: 8px; left: 8px; }
  #rh-invite { top: 8px; right: 8px; }

  #rh-back a, #rh-invite a {
    font-size: 12px !important;
    padding: 6px 11px !important;
  }
}

@media (max-width: 480px) {
  
  td[data-rh-pad] {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  
  #rh-invite a {
    font-size: 11px !important;
    padding: 5px 9px !important;
  }
}