/**
 * Страницы /company/: сетка и картинки как у Bootstrap (.row/.col/.img-fluid),
 * без reboot, чтобы не менять шрифты шапки.
 * Иначе width="1024" и широкие PNG дают горизонтальный скролл.
 */

body.company-page main,
body.company-page .pb-wrapper {
  max-width: 100%;
  overflow-x: clip;
}

body.company-page .img-fluid,
body.company-page main img,
body.company-page .wrapper img,
body.company-page .blokk img,
body.company-page .tab-content img,
body.company-page .img2 img {
  max-width: 100%;
  height: auto;
}

body.company-page main iframe,
body.company-page .wrapper iframe,
body.company-page .tab-content iframe {
  max-width: 100%;
}

body.company-page .img2 a {
  min-width: 0;
}

body.company-page .img2 img {
  width: 100%;
  display: block;
}

body.company-page main .row,
body.company-page .wrapper .row,
body.company-page .tab-content .row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
}

body.company-page main .row > .col,
body.company-page main .row > [class*="col-"],
body.company-page .wrapper .row > .col,
body.company-page .wrapper .row > [class*="col-"],
body.company-page .tab-content .row > .col,
body.company-page .tab-content .row > [class*="col-"] {
  flex: 1 1 0;
  min-width: 0;
  max-width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  box-sizing: border-box;
}

body.company-page main .row > .col img,
body.company-page main .row > [class*="col-"] img,
body.company-page .tab-content .row img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}

@media (min-width: 992px) {
  body.company-page .row > .col-lg-4 {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
  body.company-page .row > .col-lg-5 {
    flex: 0 0 41.666%;
    max-width: 41.666%;
  }
  body.company-page .row > .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  body.company-page .row > .col-lg-7 {
    flex: 0 0 58.333%;
    max-width: 58.333%;
  }
  body.company-page .row > .col-lg {
    flex: 1 0 0%;
    max-width: 100%;
  }
}

@media (max-width: 991.98px) {
  body.company-page .row > .col-lg-4,
  body.company-page .row > .col-lg-5,
  body.company-page .row > .col-lg-6,
  body.company-page .row > .col-lg-7 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  body.company-page main .row > .col,
  body.company-page .tab-content .row > .col {
    flex: 1 1 100%;
    max-width: 100%;
  }

  body.company-page .img2 {
    flex-direction: column;
  }

  body.company-page .img2 a {
    max-width: 100%;
  }
}