@mixin width-from($width) {
  @media screen and (min-width: $width)
  {
    @content;
  }
}
@mixin width-to($width) {
  @media
  only screen and (max-width: $width)
  {
    @content;
  }
}
@mixin width-from($width) {
  @media screen and (min-width: $width)
  {
    @content;
  }
}

@mixin width-between($min_width, $max_width) {
  @media only screen and (min-width: $min_width) and (max-width: $max_width)
  {
    @content;
  }
}

@mixin width-to($width) {
  @media
  only screen and (max-width: $width)
  {
    @content;
  }
}
Add mixin to target between device sizes
Add mixin to target between device sizes
