/* added for the restored site: the 2007 layout is a fixed 777px table; below 820px it stacks and scales */
@media (max-width: 820px) {
  html, body { max-width: 100%; overflow-x: hidden; }
  body { font-size: 16px; }
  table, tbody, tr, td { max-width: 100% !important; }
  table[style*="777px"], table[width="777"] { width: 100% !important; background-size: cover; }
  img { max-width: 100%; height: auto; }
  .content, .mainContent { position: static !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 8px 12px !important; float: none !important; box-sizing: border-box; }
  .localizations { width: auto !important; border-right: 0 !important; padding: 4px 0 !important; }
  .localizations br { display: none; }
  .localizations a { display: inline-block; margin: 2px 8px 2px 0; }
  td[style*="width: 195px"] { display: none; }
  table[style*="777px"] td { display: block; width: auto !important; padding: 6px 12px; }
  table[style*="777px"] { background-image: none !important; }
  .mainContent img[style*="width: 600px"] { width: 100% !important; height: auto !important; }
  .localizations, .gethelpbadge { position: static !important; float: none !important; display: block; margin: 8px 12px !important; }
  .quote { display: block; position: static !important; margin: 4px 12px; }
  .mainContent div[style*="width: 400px"] { width: auto !important; }
  pre, code { white-space: pre-wrap; word-break: break-word; }
  .panemenu, .panemain, .pane, .menustrip { position: static !important; left: auto !important; width: auto !important; float: none !important; height: auto !important; }
  .panemain { padding: 8px 4px !important; }
  div.tip { width: auto !important; float: none !important; }
  table.topmenu { width: 100% !important; }
  table.topmenu td { display: inline-block; width: auto !important; margin: 2px; }
  img { max-width: 100% !important; height: auto !important; }
  table { max-width: 100% !important; }
  td, th { word-break: break-word; }
  a { overflow-wrap: anywhere; }
}