$mobile-max: 767px;
$tablet-min: 768px;
$tablet-max: 1023px;
$desktop-min: 1024px;
$desktop-l-min: 1200px;
$desktop-xl-min: 1441px;
$desktop-xxl-min: 1600px;
// Media mixins
@mixin for-mobile {
  @media (max-width: $desktop-min - 1px) {
    @content;
  }
}
@mixin for-tablet {
  @media (min-width: $tablet-min) {
    @content;
  }
}
@mixin for-desktop {
  @media (min-width: $desktop-min) {
    @content;
  }
}
@mixin for-desktop-l {
  @media (min-width: $desktop-l-min) {
    @content;
  }
}
@mixin for-desktop-xl {
  @media (min-width: $desktop-xl-min) {
    @content;
  }
}
@mixin for-desktop-xxl {
  @media (min-width: $desktop-xxl-min) {
    @content;
  }
}