@mixin smartphone
  @media only screen and (min-width: $smartphone)
    @content

@mixin smartphone-max
  @media only screen and (max-width: $smartphone)
    @content

@mixin tablet
  @media only screen and (min-width: $tablet)
    @content

@mixin tablet-max
  @media only screen and (max-width: $tablet)
    @content

@mixin laptop
  @media only screen and (min-width: $laptop)
    @content

@mixin laptop-max
  @media only screen and (max-width: $laptop)
    @content

@mixin desktop
  @media only screen and (min-width: $desktop)
    @content

@mixin desktop-only
  display: none !important

  @include tablet
    display: inline-block !important

@mixin mobile-only
  display: block

  @include tablet
    display: none !important

.ae-mobile-only
  @include mobile-only

.ae-desktop-only
  @include desktop-only