$vevet-sm: 899px !default;
$vevet-md: 1199px !default;

@mixin vevet-lg () {
  @media (min-width: ($vevet-md + 0.001)) {
    @content;
  }
}

@mixin vevet-md () {
  @media (min-width: ($vevet-sm + 0.001)) and (max-width: $vevet-md) {
    @content;
  }
}

@mixin vevet-md-max () {
  @media (max-width: $vevet-md) {
    @content;
  }
}

@mixin vevet-md-min () {
  @media (min-width: ($vevet-sm + 0.001)) {
    @content;
  }
}

@mixin vevet-sm () {
  @media (max-width: $vevet-sm) {
    @content;
  }
}