/*
 *  Breakpoints
 *
 *  xl - 1200px
 *  lg - 1024px
 *  md - 768px
 *  sm - 480px
 *  xs - 360px
 */

.row {
  display: flex;
}

@media screen and (min-width: 360px) {
}

@media screen and (min-width: 480px) {
  .row-sm {
    display: flex;
  }

  .col-sm {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .row-md {
    display: flex;
  }

  .col-md {
    display: block;
  }
}