/* Responsive compatibility layer for the archived servis-good.ru design system. */
html { overflow-x: hidden; }
body { min-width: 0 !important; overflow-wrap: break-word; }
img, svg, video, iframe { max-width: 100%; height: auto; }
table { max-width: 100%; }
.main_content, .main_header, .main_footer { width: 100%; }
._content-block { min-width: 0; }
._content-block table { display: block; width: 100% !important; overflow-x: auto; }
._content-block input,
._content-block select,
._content-block textarea { max-width: 100%; }

@media (max-width: 991px) {
  .container { width: auto; max-width: 100%; }
  ._header-brand { max-width: 430px; }
  ._content-block img[align="left"], ._content-block img[align="right"] {
    max-width: 45%;
  }
}

@media (max-width: 767px) {
  body { font-size: 15px; line-height: 1.55; }
  .container, .container-fluid { padding-left: 16px; padding-right: 16px; }
  .row { margin-left: -8px; margin-right: -8px; }
  [class*="col-"] { padding-left: 8px; padding-right: 8px; }
  .main_header .navbar { min-height: 82px; margin-bottom: 0; }
  .main_header .navbar-header { min-height: 82px; }
  ._header-brand {
    display: block;
    float: none;
    width: calc(100% - 54px);
    height: auto !important;
    min-height: 72px;
    padding-left: 70px !important;
    padding-top: 16px !important;
    white-space: normal;
    background-size: 58px auto;
    background-position: 4px center !important;
  }
  ._brand-row { display: block; font-size: 11px; line-height: 1.3; }
  .navbar-toggle { position: absolute; top: 18px; right: 8px; margin: 0; }
  ._menu-block { float: none !important; }
  ._head-linksS { padding: 6px 54px 6px 0; text-align: right; }
  ._head-links { margin: 0; padding: 0; }
  ._head-links li { display: inline-block; margin-left: 10px; }
  .navbar-collapse { border-top: 1px solid rgba(255,255,255,.18); }
  .navbar-nav { margin: 0 -15px; }
  .navbar-nav > li > a { padding: 12px 16px; }
  .main_content { padding-top: 22px; }
  ._content-block h1 { font-size: 27px; line-height: 1.2; }
  ._content-block h2 { font-size: 23px; line-height: 1.25; }
  ._content-block h3 { font-size: 19px; line-height: 1.3; }
  .breakin-col { width: 50%; }
  .breaking { min-height: 178px; background-size: contain !important; }
  ._content-block img[align="left"], ._content-block img[align="right"] {
    float: none !important;
    display: block;
    max-width: 100%;
    margin: 12px auto !important;
  }
  .main_footer { text-align: center; }
  .main_footer ._f-col { width: 100%; float: none; }
  ._f-phones-links { margin-bottom: 12px; }
}

@media (max-width: 480px) {
  ._head-links li:not(:first-child) { display: none; }
  ._header-brand { font-size: 14px !important; padding-left: 58px !important; background-size: 48px auto; }
  .breakin-col { width: 100%; }
  .breaking { min-height: 155px; }
  ._content-block h1 { font-size: 24px; }
  .red-btn, button, input[type="submit"] { max-width: 100%; }
}

