mediamixin

@mixin media($point) {
   @if $point == mobile {
     @media screen and (max-width : em(768)) { @content ; }
  }
   @else if $point == tablet {
     @media screen and (max-width : em(992)) and (min-width: em(768)) { @content ; }
  }
   @else if $point == laptop {
     @media screen and (max-width : em(1200)) and (min-width: em(992))  { @content ; }
  }
  @else if $point == desktop {
     @media screen and (min-width: em(1200))  { @content ; }
  }
  @else if $point == desktop-only {
     @media screen and (min-width: em(992))  { @content ; }
  }
  @else if $point == tablet-only {
     @media screen and (max-width: em(992))  { @content ; }
  }
}