$maxWidthbreakpoints: (
  'Xs':  $breakpoint-xs,
  'Sm':  $breakpoint-sm,
  'Md':  $breakpoint-md,
  'Lg': $breakpoint-lg,
);


@if $responsive == true {
  @each $name, $value in $maxWidthbreakpoints {
    .u-maxWidth#{$name} {
      max-width: #{$value} !important;
    }
  }
  .u-maxWidthXl {
    max-width: $site-container !important;
  }
}