old grid-breakpoints

src/styles/ux-variables.scss

@@ -173,6 +173,15 @@ $spacers: (
     8: $spacer * 3,
 );
 
+//Grid breakpoints
+$grid-breakpoints: (
+    xs: 0,
+    sm: 576px,
+    md: 838px,
+    lg: 1074px,
+    xl: 1416px,
+);
+
 //Shadow
 $box-shadow: 0 0.5rem 1rem rgba($black, 0.15);
 $box-shadow-sm: 0 0.125rem 0.25rem rgba($black, 0.075);
@@ -190,12 +199,4 @@ $modal-fade-transform: translate(0, 100%);
 $modal-backdrop-opacity: 0;
 
 //Disable default !important behavior
-$enable-important-utilities: false;
-
-//Bootstrap Grid Breakpoints - Use these breakpoints only
-$grid-breakpoints: (
-    xs: 0,
-    md: 768px,
-    xl: 1200px,
-    xxl: 1440px,
-);
+$enable-important-utilities: false;