$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($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