/*
 * Divi Mobi First compatibility layer.
 * Loaded after the legacy CSS files. These rules do not rename or replace the
 * original classes; they only make the existing classes more reliable against
 * Divi 4 responsive column resets and newer flex/floating behavior.
 */

@media all and (max-width: 980px) {
  .et_pb_row.mobile-1-column,
  .et_pb_row.mobile-2-column,
  .et_pb_row.mobile-3-column,
  .et_pb_row.mobile-4-column,
  .et_pb_row.mobile-4-to-2-column,
  .et_pb_row.mobile-4-to-3-column,
  .et_pb_row.mobile-5-column,
  .et_pb_row.mobile-5-to-2-column,
  .et_pb_row.mobile-6-column,
  .et_pb_row.mobile-6-to-2-column,
  .et_pb_row.mobile-6-to-3-column,
  .et_pb_row.tablet-1-column,
  .et_pb_row.tablet-2-column,
  .et_pb_row.tablet-3-column,
  .et_pb_row.tablet-4-column,
  .et_pb_row.tablet-4-to-2-column,
  .et_pb_row.tablet-4-to-3-column,
  .et_pb_row.tablet-5-column,
  .et_pb_row.tablet-5-to-2-column,
  .et_pb_row.tablet-6-column,
  .et_pb_row.tablet-6-to-2-column,
  .et_pb_row.tablet-6-to-3-column {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch;
  }

  .et_pb_row.mobile-1-column > .et_pb_column,
  .et_pb_row.tablet-1-column > .et_pb_column {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-right: 0 !important;
  }

  .et_pb_row.mobile-2-column > .et_pb_column,
  .et_pb_row.mobile-4-to-2-column > .et_pb_column,
  .et_pb_row.mobile-5-to-2-column > .et_pb_column,
  .et_pb_row.mobile-6-to-2-column > .et_pb_column,
  .et_pb_row.tablet-2-column > .et_pb_column,
  .et_pb_row.tablet-4-to-2-column > .et_pb_column,
  .et_pb_row.tablet-5-to-2-column > .et_pb_column,
  .et_pb_row.tablet-6-to-2-column > .et_pb_column {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
    margin-right: 0 !important;
  }

  .et_pb_row.mobile-3-column > .et_pb_column,
  .et_pb_row.mobile-4-to-3-column > .et_pb_column,
  .et_pb_row.mobile-6-to-3-column > .et_pb_column,
  .et_pb_row.tablet-3-column > .et_pb_column,
  .et_pb_row.tablet-4-to-3-column > .et_pb_column,
  .et_pb_row.tablet-6-to-3-column > .et_pb_column {
    width: 33.333333% !important;
    max-width: 33.333333% !important;
    flex: 0 0 33.333333% !important;
    margin-right: 0 !important;
  }

  .et_pb_row.mobile-4-column > .et_pb_column,
  .et_pb_row.tablet-4-column > .et_pb_column {
    width: 25% !important;
    max-width: 25% !important;
    flex: 0 0 25% !important;
    margin-right: 0 !important;
  }

  .et_pb_row.mobile-5-column > .et_pb_column,
  .et_pb_row.tablet-5-column > .et_pb_column {
    width: 20% !important;
    max-width: 20% !important;
    flex: 0 0 20% !important;
    margin-right: 0 !important;
  }

  .et_pb_row.mobile-6-column > .et_pb_column,
  .et_pb_row.tablet-6-column > .et_pb_column {
    width: 16.666667% !important;
    max-width: 16.666667% !important;
    flex: 0 0 16.666667% !important;
    margin-right: 0 !important;
  }
}

@media all and (max-width: 479px) {
  .et_pb_row.phone-1-column,
  .et_pb_row.phone-2-column,
  .et_pb_row.phone-3-column,
  .et_pb_row.phone-4-column,
  .et_pb_row.phone-4-to-2-column,
  .et_pb_row.phone-4-to-3-column,
  .et_pb_row.phone-5-column,
  .et_pb_row.phone-5-to-2-column,
  .et_pb_row.phone-6-column,
  .et_pb_row.phone-6-to-2-column,
  .et_pb_row.phone-6-to-3-column {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch;
  }

  .et_pb_row.phone-1-column > .et_pb_column {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-right: 0 !important;
  }

  .et_pb_row.phone-2-column > .et_pb_column,
  .et_pb_row.phone-4-to-2-column > .et_pb_column,
  .et_pb_row.phone-5-to-2-column > .et_pb_column,
  .et_pb_row.phone-6-to-2-column > .et_pb_column {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
    margin-right: 0 !important;
  }

  .et_pb_row.phone-3-column > .et_pb_column,
  .et_pb_row.phone-4-to-3-column > .et_pb_column,
  .et_pb_row.phone-6-to-3-column > .et_pb_column {
    width: 33.333333% !important;
    max-width: 33.333333% !important;
    flex: 0 0 33.333333% !important;
    margin-right: 0 !important;
  }

  .et_pb_row.phone-4-column > .et_pb_column {
    width: 25% !important;
    max-width: 25% !important;
    flex: 0 0 25% !important;
    margin-right: 0 !important;
  }

  .et_pb_row.phone-5-column > .et_pb_column {
    width: 20% !important;
    max-width: 20% !important;
    flex: 0 0 20% !important;
    margin-right: 0 !important;
  }

  .et_pb_row.phone-6-column > .et_pb_column {
    width: 16.666667% !important;
    max-width: 16.666667% !important;
    flex: 0 0 16.666667% !important;
    margin-right: 0 !important;
  }
}