Sass Media Queries mixin

// MEDIA QUERIES
@mixin MIN_QUERY($min) {
  @media screen and (min-width: $min){
    @content;
  }
}

@mixin MAX_QUERY($max) {
  @media screen and (max-width: $max){
    @content;
  }
}

@mixin MIN_MAX_QUERY($min , $max) {
  @media screen and (min-width: $min) and (max-width: $max) {
    @content;
  }
}




// how to use
@include MAX_QUERY(768px) {
  ...
}