$phone-max:   767px;
$tablet-min:  768px;
$tablet-max:  991px;
$md-min:      992px;
$md-max:      1199px;
$lg-min:      1200px;
@mixin phone {
  @media (max-width: #{$phone-max}) {
    @content;
  }
}

@mixin gt-phone {
  @media (min-width: #{$tablet-min}){
    @content;
  }
}

@mixin tablet {
  @media (min-width: #{$tablet-min}) and (max-width: #{$tablet-max}) {
    @content;
  }
}

@mixin md {
  @media (min-width: #{$md-min}) and (max-width: #{$md-max}) {
    @content;
  }
}

@mixin lg {
  @media (min-width: #{$lg-min}) {
    @content;
  }
}
