$desktop-width: 900px;
$mobile-width: 768px;
$mini-mobibe-width: 500px;

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

@mixin mobile {
  @media (max-width: #{$mobile-width}) {
    @content;
  }
}

@mixin mini-mobile {
  @media (max-width: #{$mini-mobibe-width}) {
    @content;
  }
}


// for eg
// @include mobile {
//         width: 100%;
//     }

