/* Доп. правила для мобильных/планшетных вариантов страниц (классы *--mobile / *--tablet). */

.auth-flow--mobile .col-md-6,
.auth-flow--mobile .col-lg-5,
.auth-flow--mobile .col-md-8 {
  flex: 0 0 100%;
  max-width: 100%;
}

.auth-flow--tablet .col-md-6,
.auth-flow--tablet .col-lg-5 {
  max-width: 100%;
}

.data-table-page--mobile .table {
  font-size: 0.85rem;
}

.data-table-page--mobile .table td,
.data-table-page--mobile .table th {
  white-space: nowrap;
}

.learning-page--mobile .col-md-8,
.learning-page--mobile .col-lg-10,
.budget-form-page--mobile .col-md-8,
.analysis-form-page--mobile .col-md-8 {
  flex: 0 0 100%;
  max-width: 100%;
}

.debt-item-page--mobile .col-md-8 {
  flex: 0 0 100%;
  max-width: 100%;
}

.pricing-page--mobile .row > [class*="col-"] {
  margin-bottom: 1rem;
}

.glavnaya-page--mobile .services-grid,
.glavnaya-page--mobile .how-steps {
  grid-template-columns: 1fr !important;
}

.home-page--mobile .col-md-4,
.home-page--tablet .col-md-4 {
  flex: 0 0 100%;
  max-width: 100%;
}

.profile-page--mobile .col-md-6,
.industry-analysis-page--mobile .col-md-6,
.personal-strategy-page--mobile .col-md-6 {
  flex: 0 0 100%;
  max-width: 100%;
}

.strategy-calc--mobile .col-lg-8,
.strategy-calc--mobile .col-lg-4 {
  flex: 0 0 100%;
  max-width: 100%;
}

.strategy-calc--tablet .col-lg-8 {
  flex: 0 0 100%;
  max-width: 100%;
}

.page-root--tablet .container,
.page-root--tablet .col-md-8 {
  max-width: 960px;
}