$respond-below-xs:  480px !default
$respond-below-s:   600px !default
$respond-below-m:   768px !default
$respond-below-l:   992px !default
$respond-below-xl:  1382px !default
$respond-below-xxl: 1824px !default

=respond-below($screen-size)
  @if $screen-size == xs
    @media only screen and (max-width: $respond-below-xs)
      @content
  @else if $screen-size == s
    @media only screen and (max-width: $respond-below-s)
      @content
  @else if $screen-size == m
    @media only screen and (max-width: $respond-below-m)
      @content
  @else if $screen-size == l
    @media only screen and (max-width: $respond-below-l)
      @content
  @else if $screen-size == xl
    @media only screen and (max-width: $respond-below-xl)
      @content
  @else if $screen-size == xxl
    @media only screen and (max-width: $respond-below-xxl)
      @content