/* Мобильная версия ferghana (решение заказчика 25.09): вёрстка 2012 года таблицей в три колонки.
   До 820 px: шапка компактно, флаги стран лентой с прокруткой, затем материал, правая колонка
   (хроника), левое меню. Старые статичные страницы (раскладка raw) только ужимаются под экран. */
@media (max-width: 820px) {
  body { overflow-x: hidden; margin: 0 !important; -webkit-text-size-adjust: 100%; }
  img { max-width: 100%; height: auto !important; }
  #header { height: auto !important; }
  #header .container, #header #logo { float: none !important; width: auto !important; }
  #header .menu { height: auto !important; overflow: hidden; }
  #header .menu p { float: none !important; width: auto !important; text-align: left !important; margin: 2px 8px !important; line-height: 1.8; }
  #header table.flags { display: block; overflow-x: auto; width: 100% !important; height: auto !important; }
  #header table.flags tbody { display: block; }
  #header table.flags tr { display: flex; }
  #header table.flags td { display: block; flex: 0 0 auto; width: 84px !important; height: auto !important; padding: 4px 2px !important; font-size: 11px; }
  #header table.flags img { width: 40px !important; height: auto !important; }
  #fn-layout, #fn-layout > tbody { display: block; width: 100% !important; }
  #fn-layout > tbody > tr { display: flex; flex-direction: column; }
  #fn-layout > tbody > tr > td { display: block; width: auto !important; box-sizing: border-box; padding: 0 10px !important; }
  #fn-layout #content { order: 1; }
  #fn-layout #right_menu { order: 2; margin-top: 16px; }
  #fn-layout #left_menu { order: 3; margin-top: 16px; }
  #content .article img { float: none !important; display: block; margin: 0 0 8px !important; width: 100% !important; }
  #content .article h4 { font-size: 18px; }
  #content #article h2 { font-size: 22px; line-height: 1.25; }
  #content table { width: auto !important; max-width: 100% !important; }
  #content td { word-break: break-word; hyphens: auto; }
  #content iframe, #content object, #content embed, #content video { max-width: 100% !important; }
  #footer { padding: 12px 10px !important; width: auto !important; box-sizing: border-box; }
  /* старые статичные страницы (без каркаса): вёрсточные таблицы в колонку */
  body.fn-raw table, body.fn-raw tbody, body.fn-raw tr, body.fn-raw td { display: block; width: auto !important; height: auto !important; }
  body.fn-raw td { word-break: break-word; padding: 4px 10px !important; }
  body.fn-raw * { max-width: 100%; box-sizing: border-box; }
  body.fn-raw hr { width: auto !important; }
  body.fn-raw img { margin-left: 0 !important; margin-right: 0 !important; }
  body.fn-raw p, body.fn-raw span, body.fn-raw div, body.fn-raw a { overflow-wrap: break-word; }
  body.fn-raw table[border="1"], body.fn-raw table[border="1"] tbody { display: table; }
  body.fn-raw table[border="1"] tr { display: table-row; }
  body.fn-raw table[border="1"] td { display: table-cell; }
}