@import '../variable';

.row {
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -$main-padding;
  margin-left: -$main-padding;

  @media (min-width: $md-breakpoint) {
    margin-right: $md-main-padding;
    margin-left: $md-main-padding;
  }

  @media (min-width: $xl-breakpoint) {
    margin-right: $xl-main-padding;
    margin-left: $xl-main-padding;
  }
}