html, body { max-width: 100%; overflow-x: hidden; }
img, video, iframe, svg { max-width: 100%; height: auto; }
.table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }
input, select, textarea, button { max-width: 100%; }
.wallet-address, [id*="address"] { overflow-wrap: anywhere; }
@media (max-width: 767.98px) {
  main, #content { margin-left: 0 !important; width: 100% !important; }
  .container, .container-fluid { padding-left: 14px; padding-right: 14px; }
  .card-body { padding: 1rem; }
  .modal-dialog { margin: .75rem; }
  .d-flex { flex-wrap: wrap; }
  .navbar-nav .dropdown-menu { position: static !important; width: min(100%, 320px) !important; }
  h1 { font-size: clamp(1.75rem, 8vw, 2.4rem); }
  h2 { font-size: clamp(1.45rem, 7vw, 2rem); }
}