@mixin onlymobile {
  @media (min-width: 0px) and (max-width: calc($tablet - 1px)) {
    @content;
  }
}

@mixin iftablet {
  @media (min-width: $tablet) {
    @content;
  }
}

@mixin iflaptop {
  @media (min-width: $laptop) {
    @content;
  }
}

@mixin ifdesktop {
  @media (min-width: $desktop) {
    @content;
  }
}
