/* Mobile fixes for 320/360/390/414 widths */
html, body { max-width: 100%; overflow-x: hidden; }
* { box-sizing: border-box; }
img, video, iframe { max-width: 100%; height: auto; }

@media (max-width: 414px) {
  body { font-size: 16px; line-height: 1.35; }
  .container, .cont, .grid, .gridwrap, .col { max-width: 100% !important; }
  .grid { margin-left: 0 !important; margin-right: 0 !important; }
  .col { width: 100% !important; min-width: 0 !important; }

  .textable { word-break: break-word; overflow-wrap: anywhere; }
  .textable[class*="css"] { line-height: 1.25 !important; }

  .btn, button, input, select, textarea {
    min-height: 44px;
    font-size: 16px !important;
  }

  .button-container { width: 100%; }
  .button-wrapper { max-width: 100%; }

  .video, .video1, .video-wrapper { width: 100% !important; max-width: 100% !important; }
  iframe.video-wrapper { min-height: 200px; }

  [style*="width:"] { max-width: 100% !important; }
}

@media (max-width: 360px) {
  .textable { font-size: clamp(14px, 4vw, 18px) !important; }
}