/* Cross-template responsive safeguards for legacy content. */
html { box-sizing: border-box; -webkit-text-size-adjust: 100%; }
*, *::before, *::after { box-sizing: inherit; }
img, picture, video, canvas, svg { max-width: 100%; height: auto; }
iframe, object, embed { max-width: 100%; }
table { max-width: 100%; }
pre, code, td, th, p, a { overflow-wrap: anywhere; }
input, select, textarea, button { max-width: 100%; font: inherit; }

@media (max-width: 767px) {
  body { min-width: 0 !important; overflow-x: hidden; }
  .wrapper, .container, .main, .content, .inner, .innerpage,
  .listingPage, .profilePage, .footer, .header {
    width: 100% !important;
    max-width: 100% !important;
  }
  table[width] { width: 100% !important; }
  img[width] { height: auto !important; }
  .table-responsive, .tariffTable, .packagecontent { overflow-x: auto; -webkit-overflow-scrolling: touch; }
}