/* Мобильная версия onedivision (решение заказчика 25.09): вёрстка 2019 года на 1069 px, колонки float.
   До 820 px: шапка компактно, лента матчей и меню турниров — пальцем вбок внутри себя, левая и правая
   колонки друг под другом, блоки по ширине экрана, широкие таблицы (турнирные, составы) — с прокруткой. */
@media (max-width: 820px) {
  body { overflow-x: hidden; min-width: 0 !important; -webkit-text-size-adjust: 100%; }
  .layout-container, .layout-header, .center-wrapper, .left-column, .right-column, .main-content, .layout-footer,
  .season-menu-block, .season-club-menu-block, #actual-block, .search-and-auth-pane {
    width: auto !important; min-width: 0 !important; float: none !important; margin-left: 0 !important; margin-right: 0 !important; }
  .layout-container { padding: 0 !important; }
  .layout-container div, .layout-container table, .layout-container img, .layout-container iframe { max-width: 100%; box-sizing: border-box; }
  .layout-container { background-image: none !important; }
  .layout-header { height: auto !important; background: #427133; overflow: hidden; }
  .layout-header:after, .center-wrapper:before { content: ""; display: block; clear: both; }
  .center-wrapper { clear: both; }
  /* лента матчей шапки — снимок архивной недели, на телефоне не показывается */
  #schedule, .schedule-block, .schedule, #prev-matches, #next-matches { display: none !important; }
  .od-logo img { margin-left: 0 !important; }
  .top-menu-site-nav { float: none !important; margin: 0 !important; width: auto !important; padding: 8px 10px; }
  .top-menu-site-nav .item { float: none !important; display: inline-block; margin: 0 10px 6px 0; }
  .top-menu-site-nav .item a { font-size: 13px; }
  .search-and-auth-pane { height: auto !important; overflow: hidden; }
  .search-and-auth-pane .top-title { display: none; }
  .od-logo { float: none !important; margin: 8px 10px !important; }
  .od-logo img { width: 200px !important; height: auto !important; }
  /* лента матчей #schedule, меню разделов и турниров — прокрутка внутри */
  #schedule { overflow-x: auto !important; width: auto !important; }
  .top-menu, .top-menu-competitions, table.top-menu-competitions { display: block; overflow-x: auto; white-space: nowrap; width: auto !important; margin: 0 !important; }
  table.top-menu-competitions tbody { display: block; }
  table.top-menu-competitions tr { display: flex; }
  table.top-menu-competitions td { display: block; flex: 0 0 auto; width: auto !important; padding: 0 12px !important; }
  /* колонки */
  .center-wrapper { padding: 0 6px !important; }
  .right-column { margin-top: 12px !important; }
  .left-column > div, .right-column > div, .main-content > div { float: none !important; width: auto !important; }
  .news-mini-block, .block-with-dark-gray-pane, .main-content-container { float: none !important; width: auto !important; }
  .title-pane, .title-pane > div { float: none !important; width: auto !important; }
  .main-content-container { clear: both; }
  .main-content-container .item { margin-left: 0 !important; width: auto !important; }
  .main-content-container .item .title { width: auto !important; }
  /* меню клубов сезона (логотипы-квадраты) на телефоне не нужно — есть вкладка «Клубы» */
  .season-club-menu-block { display: none !important; }
  /* слайдер главной: картинка над текстом, без абсолютного позиционирования */
  #actual-block { height: auto !important; }
  #actual-block .annotation { position: static !important; display: none; width: auto !important; }
  #actual-block .annotation.active { display: block; }
  #actual-block .annotation img, #actual-block .annotation .text { float: none !important; width: 100% !important; height: auto !important; }
  #actual-block .slider { position: static !important; width: auto !important; overflow-x: auto; white-space: nowrap; }
  #actual-block .slider .short-item { float: none !important; display: inline-block; white-space: normal; vertical-align: top; }
  /* материал */
  .main-content .item h1 { font-size: 22px; line-height: 1.25; }
  .main-content img { height: auto !important; }
  .main-content table { width: auto !important; max-width: 100% !important; }
  .main-content, .white-block-green-title, .main-content-container, .tournament-table-mini { overflow-x: auto; }
  .season-menu-block ul.menu, .season-club-menu-block { white-space: normal; height: auto !important; }
  .season-menu-block ul.menu li { float: none !important; display: inline-block; margin: 0 8px 4px 0; }
  /* вкладки (клуб, матч, персона): кнопками с переносом */
  .tabber { height: auto !important; overflow: hidden; }
  .tabber .left-side, .tabber .right-side { display: none !important; }
  .tabber > a, .tabber > .central { float: none !important; display: inline-block !important; position: static !important; }
  .tabber .central { width: auto !important; padding: 6px 10px !important; margin: 0 4px 4px 0; background: #e4e4e4 !important; border-radius: 3px; }
  .tabber .active-tab .central { background: #427133 !important; color: #fff !important; }
  .tabber > a .central { display: inline-block !important; float: none !important; }
  .tabber > a { width: auto !important; height: auto !important; background: none !important; border: 0 !important; margin: 0 !important; vertical-align: top; }
  .tabber > a .central, .tabber .active-tab .central { visibility: visible !important; opacity: 1 !important; height: auto !important; line-height: 1.4 !important; }
  .season-menu-block { height: auto !important; padding: 10px 12px 8px !important; background: #3a3a3a !important; border-radius: 6px; }
  .season-menu-block .lc, .season-menu-block .rc { display: none !important; }
  .season-menu-block h1 { margin: 0 0 8px !important; position: static !important; }
  .season-menu-block ul.menu { position: static !important; margin: 0 !important; padding: 0 !important; }
  .season-menu-block h1 { font-size: 20px !important; line-height: 1.2; }
  .clubofseason-info-block table { float: none !important; width: auto !important; }
  .layout-footer { height: auto !important; padding: 10px !important; }
  .layout-footer * { float: none !important; width: auto !important; }
}