SASS Media Queries

@mixin bp($point) {
  @if $point == phone {
    @media only screen and (min-width:320px) and (max-width:479px) { @content; }
  }
  @else if $point == small_tablet {
    @media only screen and (min-width:480px) and (max-width:767px) { @content; }
  }
  @else if $point == mobi_and_tab {
    @media only screen and (max-width:767px) { @content; }
  }
  @else if $point == large_tablet {
    @media only screen and (min-width:768px) and (max-width:1023px)   { @content; }
  }
  @else if $point == desktop {
    @media only screen and (min-width:1024px) and (max-width:1139px) { @content; }
  }
  @else if $point == mid_desktop {
    @media only screen and (min-width:1140px) and (max-width:1279px) { @content; }
  }
   @else if $point == large_desktop {
    @media only screen and (min-width:1280px)  { @content; }
  }
}