$breakpoint-xs: 576px;
$breakpoint-sm: 768px;
$breakpoint-md: 992px;
$breakpoint-lg: 1200px;
$breakpoint-xl: 1400px;

@mixin after-xs {
  @media screen and (min-width: $breakpoint-xs) {
    @content;
  }
}
@mixin after-sm {
  @media screen and (min-width: $breakpoint-sm) {
    @content;
  }
}
@mixin after-md {
  @media screen and (min-width: $breakpoint-md) {
    @content;
  }
}
@mixin after-lg {
  @media screen and (min-width: $breakpoint-lg) {
    @content;
  }
}
@mixin after-xl {
  @media screen and (min-width: $breakpoint-xl) {
    @content;
  }
}