@media (max-width: 700px) {
  html, body { width: 100%; margin: 0; }
  *, *::before, *::after { box-sizing: border-box; }
  body { overflow-wrap: anywhere; }
  .frame, .frame > tbody, .frame > tbody > tr, .frame > tbody > tr > td { display: block; width: 100%; height: auto !important; }
  .header, .context, .contextbottom, .footer, div.contact { max-width: 100%; width: 100%; }
  .header table { width: 100%; }
  #topship { display: none; }
  .header td.toplogo { width: 50%; }
  .header td.toplogo img { max-width: 100%; height: auto; }
  .header td.topnav { width: 50%; }
  div.content { padding: 16px 12px; }
  .content > table, .content > table > tbody, .content > table > tbody > tr,
  .content > table > tbody > tr > td { display: block; width: 100%; max-width: 100%; }
  td.leftzone, td.leftzone div { width: 100%; max-width: 100%; }
  .leftzone .menu { display: flex; flex-wrap: wrap; gap: 8px 16px; }
  .leftzone .menu p { margin: 4px 0; }
  .leftzone .contacts, .leftzone .informers { display: none; }
  .body { min-width: 0; }
  .body img { max-width: 100%; height: auto; }
  .body table { max-width: 100%; }
  table.countries { width: 100%; table-layout: fixed; }
  table.countries td, table.countries td.pic { padding: 5px 2px; width: 20%; }
  table.countries td img { max-width: 52px; max-height: 65px; width: auto; }
  table.blocks, table.blocks > tbody, table.blocks > tbody > tr, table.blocks > tbody > tr > td { display: block; width: 100%; }
  .context table, .contextbottom table { display: block; width: 100%; overflow-x: auto; }
  div.contexttop { height: auto; min-height: 0; padding: 8px 12px; }
  .contexttop .informer_box { position: static; float: none; width: 100%; margin-bottom: 8px; }
  .contexttop table, .contexttop tbody { display: block; height: auto; width: 100%; }
  .contexttop tr { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
  .contexttop td { display: block; width: auto; padding: 0; white-space: nowrap; }
  .contexttop td.leftzone { width: 100%; flex-basis: 100%; }
  .contexttop input[type="text"], .contexttop input[type="password"] { width: 100px; }
  .contextbottom { padding: 8px 12px; }
  .contextbottom tbody { display: block; }
  .contextbottom tr { display: flex; gap: 16px; }
  .contextbottom td:not(.link) { display: none; }
  .contextbottom td.link { width: auto; padding: 0; }
  div.menu { left: 0; }
  div.menu p { padding-left: 0; height: auto; }
  #vk_groups, #vk_groups iframe { width: 100% !important; max-width: 100%; }
  .content .body > table:not(.countries):not(.blocks) { display: block; overflow-x: auto; }
  iframe { max-width: 100%; }
  input, textarea, select { max-width: 100%; }
  .footer { padding: 12px; }
  .footer table { width: 100%; }
  [style*="position: fixed"], [style*="position:fixed"] { position: static !important; width: 100% !important; }
}