html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }
body { margin: 0; overflow-wrap: anywhere; }
img, video, iframe { max-width: 100%; height: auto; }
table { max-width: 100%; }
#mainblocktop, #mainblockbody, #mainblockfooter { width: min(1180px, 100%); margin-inline: auto; }
#mainblockbody > table { width: 100%; }
pre, code { white-space: pre-wrap; word-break: break-word; }
@media (max-width: 900px) {
  html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
  #mainblocktop, #mainblockbody, #mainblockfooter, #body-top-fon { width: 100% !important; min-width: 0 !important; }
  #mainblockbody table, #mainblockbody tbody, #mainblockbody tr, #mainblockbody td { display: block; width: 100% !important; max-width: 100% !important; }
  #body-top-fon p, #breadcrumbs, #font-min-max, h1, .hbody { width: auto !important; max-width: 100% !important; }
  #left-menu, #left-menu1, #right-menu1, #api-menu { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding-inline: 12px; }
  #blockcontent { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 12px !important; }
  #g-search, #g-search-outer { display: none !important; }
  #top-panel table, #top-panel tbody, #top-panel tr, #top-panel td { display: block; width: 100% !important; text-align: left !important; }
  #top-panel { padding: 12px; }
}