diff --git a/app/assets/stylesheets/breakpoints.css.scss b/app/assets/stylesheets/breakpoints.css.scss
index b2025e39..d3dbc799 100644
--- a/app/assets/stylesheets/breakpoints.css.scss
+++ b/app/assets/stylesheets/breakpoints.css.scss
@@ -2,20 +2,20 @@
   @if $class == xs {
     @media (max-width: 767px) { @content; }
   }
- 
+
   @else if $class == sm {
-    @media (min-width: 750px) { @content; }
+    @media (min-width: 768px) and (max-width: 991px) { @content; }
   }
- 
+
   @else if $class == md {
-    @media (min-width: 992px) { @content; }
+    @media (min-width: 992px) and (max-width: 1199px) { @content; }
   }
- 
+
   @else if $class == lg {
     @media (min-width: 1200px) { @content; }
   }
- 
+
   @else {
     @warn "Breakpoint mixin supports: xs, sm, md, lg";
   }
-}
\ No newline at end of file
+}