/* Мобильная версия 2fishki (решение заказчика 25.09): вёрстка 2012 года таблицами фиксированной ширины.
   До 820 px каркасные таблицы разворачиваются в колонку: шапка, 4 раздела плиткой 2×2, материал,
   левое меню, правая колонка, подвал. Содержимое материалов не трогается, только ужимается под экран. */
@media (max-width: 820px) {
  body { overflow-x: hidden; }
  body { -webkit-text-size-adjust: 100%; }
  #m-page, #m-page > tbody, #m-page > tbody > tr, #m-page > tbody > tr > td { display: block; width: 100% !important; box-sizing: border-box; }
  table.m-w { width: 100% !important; height: auto !important; }
  /* шапка: лого, слоган, поиск — друг под другом */
  .m-top td.white { padding: 10px 16px !important; }
  .m-top table table, .m-top table table > tbody, .m-top table table > tbody > tr, .m-top table table > tbody > tr > td { display: block; width: auto !important; text-align: left !important; }
  .m-top .slogan { padding: 4px 0; }
  .m-top .site-search input[type=search] { width: 65%; }
  /* разделы: четыре кнопки 2×2 без больших иллюстраций (на телефоне они занимали полтора экрана) */
  .m-tabs { height: auto !important; background: #40BCDD !important; padding: 8px !important; }
  .m-tabs > table > tbody > tr { display: flex; flex-wrap: wrap; }
  .m-tabs > table > tbody > tr > td { width: 50% !important; box-sizing: border-box; padding: 4px; }
  .m-tabs table table { height: auto !important; width: 100%; }
  .m-tabs table table tr + tr { display: none; }
  .m-tabs .big { display: block; font-size: 16px; height: auto !important; padding: 10px 8px !important; text-align: center !important;
                 border: 0 !important; background: rgba(21,65,76,.35); border-radius: 4px; }
  /* основная часть: материал, затем меню и правая колонка */
  table.m-main > tbody > tr { display: flex; flex-direction: column; }
  table.m-main > tbody > tr > td { display: block; width: auto !important; box-sizing: border-box; }
  td.m-content { order: 1; padding: 16px !important; }
  td.m-left { order: 2; padding: 8px 16px !important; border-top: 1px dashed #bbb; }
  td.m-right { order: 3; padding: 8px 16px 16px !important; }
  td.m-left .leftmenu { display: inline-block; margin: 0 14px 6px 0; }
  td.m-left table, td.m-right table { width: 100% !important; }
  td.m-left tr, td.m-right tr { display: block; }
  td.m-left td { display: inline; width: auto !important; }
  td.m-left img, td.m-right img { max-width: 100%; height: auto; }
  /* содержимое материалов */
  td.m-content img { max-width: 100% !important; height: auto !important; }
  td.m-content table { width: auto !important; max-width: 100% !important; height: auto !important; }
  /* вёрсточные таблицы внутри материалов (две колонки анонсов, строка «поделиться») — в колонку */
  td.m-content table[border="0"], td.m-content table[border="0"] > tbody, td.m-content table[border="0"] > tbody > tr,
  td.m-content table[border="0"] > tbody > tr > td { display: block; width: auto !important; }
  td.m-content td { word-break: break-word; hyphens: auto; }
  td.m-content iframe, td.m-content video, td.m-content object, td.m-content embed { max-width: 100% !important; }
  td.m-content h1 { font-size: 24px; line-height: 1.25; }
  .m-foot { padding: 16px !important; }
  .m-foot td { display: block; text-align: left !important; }
}