diff --git a/theme_anelusia/static/src/old_snippets/s_banner_parallax/000_variables.scss b/theme_anelusia/static/src/old_snippets/s_banner_parallax/000_variables.scss
index f10941fed..842c6fe07 100644
--- a/theme_anelusia/static/src/old_snippets/s_banner_parallax/000_variables.scss
+++ b/theme_anelusia/static/src/old_snippets/s_banner_parallax/000_variables.scss
@@ -6,7 +6,7 @@ $s-banner-parallax-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
     width: 100%;
     text-align: center;
     bottom: -30px;
-    @include media-breakpoint-down(sm) {
+    @include media-breakpoint-down(md) {
         top: 100px;
     }
 }
@@ -14,7 +14,7 @@ $s-banner-parallax-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
     vertical-align: bottom;
 }
 @mixin s-banner-parallax-height-hook {
-    @include media-breakpoint-down(sm) {
+    @include media-breakpoint-down(md) {
         height: 100vh !important;
     }
 }
diff --git a/theme_anelusia/static/src/old_snippets/s_features_carousel/000_variables.scss b/theme_anelusia/static/src/old_snippets/s_features_carousel/000_variables.scss
index 4c35832e0..ae15dac52 100644
--- a/theme_anelusia/static/src/old_snippets/s_features_carousel/000_variables.scss
+++ b/theme_anelusia/static/src/old_snippets/s_features_carousel/000_variables.scss
@@ -2,7 +2,7 @@ $s-features-carousel-border-width: 0;
 @mixin s-features-carousel-inner-hook {
     .carousel-inner .row {
         margin: 0 70px;
-        @include media-breakpoint-down(sm) {
+        @include media-breakpoint-down(md) {
             margin: 0;
         }
     }
diff --git a/theme_anelusia/static/src/scss/compatibility-saas-11.4-variables.scss b/theme_anelusia/static/src/scss/compatibility-saas-11.4-variables.scss
index 87e890155..c510a1459 100644
--- a/theme_anelusia/static/src/scss/compatibility-saas-11.4-variables.scss
+++ b/theme_anelusia/static/src/scss/compatibility-saas-11.4-variables.scss
@@ -7,7 +7,7 @@ $s-banner-3-carousel-height: 100vh;
     text-align: center;
     width: 100%;
     padding-top: 60vh;
-    @include media-breakpoint-down(sm) {
+    @include media-breakpoint-down(md) {
         padding-top: 25vh;
     }
 }
diff --git a/theme_artists/static/src/scss/compatibility-saas-11.4-variables.scss b/theme_artists/static/src/scss/compatibility-saas-11.4-variables.scss
index 7e9c6833a..61865bc13 100644
--- a/theme_artists/static/src/scss/compatibility-saas-11.4-variables.scss
+++ b/theme_artists/static/src/scss/compatibility-saas-11.4-variables.scss
@@ -25,7 +25,7 @@ $s-banner-3-h2-size: 30px;
         transform: none;
         font-size: 18px;
     }
-    @include media-breakpoint-down(sm) {
+    @include media-breakpoint-down(md) {
         width: 100%;
         margin-top: 0;
     }
diff --git a/theme_beauty/static/src/scss/compatibility-saas-11.4-variables.scss b/theme_beauty/static/src/scss/compatibility-saas-11.4-variables.scss
index 9e763f994..9ab597c28 100644
--- a/theme_beauty/static/src/scss/compatibility-saas-11.4-variables.scss
+++ b/theme_beauty/static/src/scss/compatibility-saas-11.4-variables.scss
@@ -26,7 +26,7 @@ $s-banner-3-h2-size: 30px;
         margin-top: 0;
     }
     h1 {
-        @include media-breakpoint-down(sm) {
+        @include media-breakpoint-down(md) {
             font-size: 40px !important;
             margin-top: 0;
         }
diff --git a/theme_common/static/src/old_snippets/s_animated_boxes/000.scss b/theme_common/static/src/old_snippets/s_animated_boxes/000.scss
index 00bc21b51..e2a151edd 100644
--- a/theme_common/static/src/old_snippets/s_animated_boxes/000.scss
+++ b/theme_common/static/src/old_snippets/s_animated_boxes/000.scss
@@ -37,7 +37,7 @@
             transition: opacity 100ms;
         }
 
-        @include media-breakpoint-down(sm) {
+        @include media-breakpoint-down(md) {
             height: auto;
             min-height: 200px;
 
diff --git a/theme_common/static/src/old_snippets/s_banner_parallax/000.scss b/theme_common/static/src/old_snippets/s_banner_parallax/000.scss
index b651dbcfd..34399e393 100644
--- a/theme_common/static/src/old_snippets/s_banner_parallax/000.scss
+++ b/theme_common/static/src/old_snippets/s_banner_parallax/000.scss
@@ -3,7 +3,7 @@ $s-banner-parallax-text-color: o-color('alpha') !default;
 #wrapwrap .s_banner_parallax {
     margin-bottom: 0px !important;
 
-    @include media-breakpoint-down(sm) {
+    @include media-breakpoint-down(md) {
         background-position: $s-banner-parallax-bg-position;
     }
     @include s-banner-parallax-height-hook;
@@ -19,7 +19,7 @@ $s-banner-parallax-text-color: o-color('alpha') !default;
                 color: $s-banner-parallax-text-color;
                 @include s-banner-parallax-hero-bg-hook;
 
-                @include media-breakpoint-down(sm) {
+                @include media-breakpoint-down(md) {
                     text-align: center;
                     padding-left: 15px;
                 }
diff --git a/theme_common/static/src/old_snippets/s_clonable_boxes/000.scss b/theme_common/static/src/old_snippets/s_clonable_boxes/000.scss
index b1dbcafcf..fa9005f1e 100644
--- a/theme_common/static/src/old_snippets/s_clonable_boxes/000.scss
+++ b/theme_common/static/src/old_snippets/s_clonable_boxes/000.scss
@@ -15,7 +15,7 @@
             padding-top: $grid-gutter-width/2;
             padding-bottom: $grid-gutter-width/2;
 
-            @include media-breakpoint-down(md) {
+            @include media-breakpoint-down(lg) {
                 width: 100%;
             }
         }
diff --git a/theme_common/static/src/old_snippets/s_color_blocks_4/000.scss b/theme_common/static/src/old_snippets/s_color_blocks_4/000.scss
index 507514161..b5dec02c5 100644
--- a/theme_common/static/src/old_snippets/s_color_blocks_4/000.scss
+++ b/theme_common/static/src/old_snippets/s_color_blocks_4/000.scss
@@ -12,7 +12,7 @@
     [class*="col-lg-"] {
         padding: 64px 20px;
     }
-    @include media-breakpoint-down(md) {
+    @include media-breakpoint-down(lg) {
         [class*="col-lg-"] {
             flex: 1 1 100%;
         }
diff --git a/theme_common/static/src/old_snippets/s_event_slide/000.scss b/theme_common/static/src/old_snippets/s_event_slide/000.scss
index ee803f658..0900bb5a5 100644
--- a/theme_common/static/src/old_snippets/s_event_slide/000.scss
+++ b/theme_common/static/src/old_snippets/s_event_slide/000.scss
@@ -34,7 +34,7 @@
                 overflow: hidden;
                 overflow-y: scroll;
                 padding-top: 40px;
-                @include media-breakpoint-down(sm) {
+                @include media-breakpoint-down(md) {
                     overflow: visible;
                     height: auto;
                 }
diff --git a/theme_common/static/src/old_snippets/s_features_carousel/000.scss b/theme_common/static/src/old_snippets/s_features_carousel/000.scss
index 6ed448904..bc048f9bc 100644
--- a/theme_common/static/src/old_snippets/s_features_carousel/000.scss
+++ b/theme_common/static/src/old_snippets/s_features_carousel/000.scss
@@ -61,7 +61,7 @@
         opacity: 1;
         cursor: pointer;
     }
-    @include media-breakpoint-down(sm) {
+    @include media-breakpoint-down(md) {
         [class*="col-lg-"] > p {
             padding: 0 30px;
         }
diff --git a/theme_common/static/src/old_snippets/s_images_carousel/000.scss b/theme_common/static/src/old_snippets/s_images_carousel/000.scss
index 50079972f..860bca874 100644
--- a/theme_common/static/src/old_snippets/s_images_carousel/000.scss
+++ b/theme_common/static/src/old_snippets/s_images_carousel/000.scss
@@ -1,7 +1,7 @@
 .s_images_carousel {
     height: 400px;
     &.carousel {
-        @include media-breakpoint-down(md) {
+        @include media-breakpoint-down(lg) {
             height: auto !important;
         }
         .carousel-inner,
diff --git a/theme_common/static/src/old_snippets/s_menu_three_columns/000.scss b/theme_common/static/src/old_snippets/s_menu_three_columns/000.scss
index 38568fe5f..68ea7fbe0 100644
--- a/theme_common/static/src/old_snippets/s_menu_three_columns/000.scss
+++ b/theme_common/static/src/old_snippets/s_menu_three_columns/000.scss
@@ -7,7 +7,7 @@
             height: 150px;
             position: relative;
             padding: 0;
-            @include media-breakpoint-down(sm) {
+            @include media-breakpoint-down(md) {
                 height: 100px;
             }
             @media only screen and (max-width : 360px) { // FIXME
@@ -25,7 +25,7 @@
             h2 {
                 line-height: 150px;
                 margin-top: 0;
-                @include media-breakpoint-down(sm) {
+                @include media-breakpoint-down(md) {
                     line-height: 100px;
                     line-height: 100px;
                 }
diff --git a/theme_common/static/src/old_snippets/s_products_carousel/000.scss b/theme_common/static/src/old_snippets/s_products_carousel/000.scss
index fc90b5141..ce857b6cb 100644
--- a/theme_common/static/src/old_snippets/s_products_carousel/000.scss
+++ b/theme_common/static/src/old_snippets/s_products_carousel/000.scss
@@ -66,7 +66,7 @@
             color: o-color('alpha');
             text-align: center;
 
-            @include media-breakpoint-down(sm) {
+            @include media-breakpoint-down(md) {
                 padding-top: 20px;
                 text-align: center;
             }
@@ -79,7 +79,7 @@
                 font-size: 85px;
                 text-shadow: 1px 1px 11px rgba(0, 0, 0, 0.86);
 
-                @include media-breakpoint-down(sm) {
+                @include media-breakpoint-down(md) {
                     font-size: 65px;
                 }
                 @media screen and (max-width: 360px) {
diff --git a/theme_common/static/src/old_snippets/s_profile/000.scss b/theme_common/static/src/old_snippets/s_profile/000.scss
index 33b358e14..e04c75246 100644
--- a/theme_common/static/src/old_snippets/s_profile/000.scss
+++ b/theme_common/static/src/old_snippets/s_profile/000.scss
@@ -2,7 +2,7 @@
     min-height: 450px;
     color: gray('800');
 
-    @include media-breakpoint-down(md) {
+    @include media-breakpoint-down(lg) {
         text-align: center;
     }
 
diff --git a/theme_common/static/src/old_snippets/s_progress/000.scss b/theme_common/static/src/old_snippets/s_progress/000.scss
index 25dbb8838..488f5b337 100644
--- a/theme_common/static/src/old_snippets/s_progress/000.scss
+++ b/theme_common/static/src/old_snippets/s_progress/000.scss
@@ -2,7 +2,7 @@
     > div > .row > div {
         border-left-width: 1px;
         border-left-style: solid;
-        @include media-breakpoint-down(sm) {
+        @include media-breakpoint-down(md) {
             border-bottom-width: 1px;
             border-bottom-style: solid;
             border-left-width: 0;
@@ -27,7 +27,7 @@
         padding: 10px;
         text-align: center;
         min-height: 230px;
-        @include media-breakpoint-down(sm) {
+        @include media-breakpoint-down(md) {
             min-height: 50px;
         }
 
@@ -56,14 +56,14 @@
         height: 25px;
         text-align: right;
         width: 100%;
-        @include media-breakpoint-down(sm) {
+        @include media-breakpoint-down(md) {
             display: none;
         }
     }
     .progress-content {
         padding: 10px 25px;
         min-height: 230px;
-        @include media-breakpoint-down(sm) {
+        @include media-breakpoint-down(md) {
             min-height: 50px;
         }
         h1 {
diff --git a/theme_common/static/src/scss/compatibility-saas-11.4-variables.scss b/theme_common/static/src/scss/compatibility-saas-11.4-variables.scss
index ca460c66a..650de2984 100644
--- a/theme_common/static/src/scss/compatibility-saas-11.4-variables.scss
+++ b/theme_common/static/src/scss/compatibility-saas-11.4-variables.scss
@@ -15,7 +15,7 @@
             margin: 0;
         }
     }
-    @include media-breakpoint-down(md) {
+    @include media-breakpoint-down(lg) {
         bottom: $bottom-sm;
     }
 }
diff --git a/theme_common/static/src/scss/compatibility-saas-11.4.scss b/theme_common/static/src/scss/compatibility-saas-11.4.scss
index a313523db..fa2f2990f 100644
--- a/theme_common/static/src/scss/compatibility-saas-11.4.scss
+++ b/theme_common/static/src/scss/compatibility-saas-11.4.scss
@@ -17,7 +17,7 @@
     img {
         max-height: 80px;
     }
-    @include media-breakpoint-down(sm) {
+    @include media-breakpoint-down(md) {
         [class*="col-lg-"] {
             padding-bottom: 15px;
         }
@@ -110,7 +110,7 @@
             @include s-banner-3-col-center-hook;
             padding-left: $s-banner-3-padding;
             color: $s-banner-3-hero-bg-color;
-            @include media-breakpoint-down(sm) {
+            @include media-breakpoint-down(md) {
                 top: 0px;
                 text-align: center;
                 padding-left: 0px;
@@ -399,7 +399,7 @@
         font-weight: 300;
     }
     .row > div > img {
-        @include media-breakpoint-down(sm) {
+        @include media-breakpoint-down(md) {
             max-height: 100px;
         }
     }
@@ -637,7 +637,7 @@
             float: left;
             padding: 0 44px 0 0;
 
-            @include media-breakpoint-down(sm) {
+            @include media-breakpoint-down(md) {
                 width: 100%;
                 padding: 0;
             }
@@ -663,7 +663,7 @@
                     border-right: 0 solid #ccc;
                     border-bottom: 15px solid rgba(0, 0, 0, 0);
                     content: " ";
-                    @include media-breakpoint-down(sm) {
+                    @include media-breakpoint-down(md) {
                         display: none;
                     }
                 }
@@ -678,7 +678,7 @@
                     border-right: 0 solid $s-timeline-color;
                     border-bottom: 14px solid rgba(0, 0, 0, 0);
                     content: " ";
-                    @include media-breakpoint-down(sm) {
+                    @include media-breakpoint-down(md) {
                         display: none;
                     }
                 }
@@ -703,7 +703,7 @@
             border-bottom-right-radius: 50%;
             border-bottom-left-radius: 50%;
 
-            @include media-breakpoint-down(sm) {
+            @include media-breakpoint-down(md) {
                 display: none;
             }
         }
@@ -712,7 +712,7 @@
             float: right;
             padding: 0 0 0 44px;
 
-            @include media-breakpoint-down(sm) {
+            @include media-breakpoint-down(md) {
                 padding: 0;
                 margin-top: 20px;
             }
@@ -740,7 +740,7 @@
             float: right;
             padding: 0 0 0 44px;
 
-            @include media-breakpoint-down(sm) {
+            @include media-breakpoint-down(md) {
                 padding: 0;
             }
 
@@ -821,7 +821,7 @@ $s-timeline-company-color: o-color('alpha') !default;
     margin-top: 5px;
 }
 
-@include media-breakpoint-down(sm) {
+@include media-breakpoint-down(md) {
     #wrapwrap ul.timeline:before {
         display: none;
     }
@@ -959,7 +959,7 @@ $s-timeline-company-color: o-color('alpha') !default;
     }
 }
 
-@include media-breakpoint-down(sm) {
+@include media-breakpoint-down(md) {
     #wrapwrap .s_timeline_icons ul.timeline {
         text-align: center;
         &:before{
@@ -1119,7 +1119,7 @@ $s-timeline-company-color: o-color('alpha') !default;
             height: 100%;
             > div {
                 height: 100%;
-                @include media-breakpoint-down(md) {
+                @include media-breakpoint-down(lg) {
                     height: auto !important;
                 }
             }
@@ -1128,7 +1128,7 @@ $s-timeline-company-color: o-color('alpha') !default;
     .carousel-inner {
         width: 80%;
         margin: 0 10%;
-        @include media-breakpoint-down(md) {
+        @include media-breakpoint-down(lg) {
             width: 100%;
             margin: 0;
         }
@@ -1168,7 +1168,7 @@ $s-timeline-company-color: o-color('alpha') !default;
         @include carousel-control(15px, 0, 2px);
         .fa {
             margin-top: -21px;
-            @include media-breakpoint-down(md) {
+            @include media-breakpoint-down(lg) {
                 top: 65px;
                 margin-top: 0;
             }
@@ -1186,7 +1186,7 @@ $s-timeline-company-color: o-color('alpha') !default;
 #wrapwrap .s_medias_list {
     background-color: if($s-medias-list-bg-color-main != null, $s-medias-list-bg-color-main, gray('200'));
     .media {
-        @include media-breakpoint-down(md) {
+        @include media-breakpoint-down(lg) {
             height: auto !important;
         }
         > .row {
diff --git a/theme_common/static/src/scss/mixins.scss b/theme_common/static/src/scss/mixins.scss
index 8f5ae1883..d02d6dcac 100644
--- a/theme_common/static/src/scss/mixins.scss
+++ b/theme_common/static/src/scss/mixins.scss
@@ -92,7 +92,7 @@
         &:hover {
             color: theme-color('primary');
         }
-        @include media-breakpoint-down(sm) {
+        @include media-breakpoint-down(md) {
             top: auto;
             bottom: 0;
         }
@@ -145,16 +145,16 @@
 //------------------------------------------------------------------------------
 
 @mixin o-theme-responsive-spacing-classes($lg, $md, $sm, $xs) {
-    @include media-breakpoint-down(lg) {
+    @include media-breakpoint-down(xl) {
         @include o-spacing-all($lg);
     }
-    @include media-breakpoint-down(md) {
+    @include media-breakpoint-down(lg) {
         @include o-spacing-all($md);
     }
-    @include media-breakpoint-down(sm) {
+    @include media-breakpoint-down(md) {
         @include o-spacing-all($sm);
     }
-    @include media-breakpoint-down(xs) {
+    @include media-breakpoint-down(sm) {
         @include o-spacing-all($xs);
     }
 }
@@ -269,7 +269,7 @@
 }
 
 @mixin o-theme-cfa-header-responsive-sizes() {
-    @include media-breakpoint-down(sm) {
+    @include media-breakpoint-down(md) {
         h1 {
             font-size: 30px;
         }
@@ -346,7 +346,7 @@
     @include media-breakpoint-up(md) {
         display: $display;
     }
-    @include media-breakpoint-down(sm) {
+    @include media-breakpoint-down(md) {
         padding: $media-padding;
     }
     .divider {
@@ -563,7 +563,7 @@
     }
     .oe_cart {
         .btn {
-            @include media-breakpoint-down(sm) {
+            @include media-breakpoint-down(md) {
                 padding: 10px;
             }
         }
@@ -617,7 +617,7 @@
     }
     .wizard {
         box-shadow: none;
-        @include media-breakpoint-down(sm) {
+        @include media-breakpoint-down(md) {
             padding-right: 0px;
             li {
                 padding-left: 7px;
diff --git a/theme_kea/static/src/old_snippets/s_features_carousel/000_variables.scss b/theme_kea/static/src/old_snippets/s_features_carousel/000_variables.scss
index 3ed2314f9..4aa7f828c 100644
--- a/theme_kea/static/src/old_snippets/s_features_carousel/000_variables.scss
+++ b/theme_kea/static/src/old_snippets/s_features_carousel/000_variables.scss
@@ -1,7 +1,7 @@
 @mixin s-features-carousel-inner-hook {
     .carousel-inner .row {
         margin: 0 70px;
-        @include media-breakpoint-down(sm) {
+        @include media-breakpoint-down(md) {
             margin: 0;
         }
     }
diff --git a/theme_loftspace/static/src/old_snippets/s_banner_parallax/000_variables.scss b/theme_loftspace/static/src/old_snippets/s_banner_parallax/000_variables.scss
index 850be3aaa..fa1a140fa 100644
--- a/theme_loftspace/static/src/old_snippets/s_banner_parallax/000_variables.scss
+++ b/theme_loftspace/static/src/old_snippets/s_banner_parallax/000_variables.scss
@@ -26,7 +26,7 @@ $s-banner-parallax-h1-size: 50px;
         bottom: -85vh;
         left: -2px;
         opacity: 0.8;
-        @include media-breakpoint-down(sm) {
+        @include media-breakpoint-down(md) {
             display: none;
         }
     }
@@ -41,13 +41,13 @@ $s-banner-parallax-h1-size: 50px;
         bottom: -85vh;
         right: -2px;
         opacity: 0.8;
-        @include media-breakpoint-down(sm) {
+        @include media-breakpoint-down(md) {
             display: none;
         }
     }
 };
 @mixin s-banner-parallax-height-hook {
-    @include media-breakpoint-down(md) {
+    @include media-breakpoint-down(lg) {
         height: 100vh !important;
     }
 };
diff --git a/theme_loftspace/static/src/old_snippets/s_features_carousel/000_variables.scss b/theme_loftspace/static/src/old_snippets/s_features_carousel/000_variables.scss
index f74c7ab62..24d32ec69 100644
--- a/theme_loftspace/static/src/old_snippets/s_features_carousel/000_variables.scss
+++ b/theme_loftspace/static/src/old_snippets/s_features_carousel/000_variables.scss
@@ -3,7 +3,7 @@ $s-features-carousel-indicators-visible: visible;
 @mixin s-features-carousel-inner-hook {
     .carousel-inner .row {
         margin: 40px 70px;
-        @include media-breakpoint-down(sm) {
+        @include media-breakpoint-down(md) {
             margin: 0;
         }
     }
diff --git a/theme_loftspace/static/src/scss/compatibility-saas-11.4-variables.scss b/theme_loftspace/static/src/scss/compatibility-saas-11.4-variables.scss
index b62394adb..a3e9d2332 100644
--- a/theme_loftspace/static/src/scss/compatibility-saas-11.4-variables.scss
+++ b/theme_loftspace/static/src/scss/compatibility-saas-11.4-variables.scss
@@ -23,12 +23,12 @@ $s-big-icon-circle-icon-size: 150px;
 @mixin s-big-icon-circle-height-hook {
     height: 100vh;
     padding-top: 0;
-    @include media-breakpoint-down(lg) {
+    @include media-breakpoint-down(xl) {
         height: 100%;
     }
     .row {
         height: 100vh;
-        @include media-breakpoint-down(lg) {
+        @include media-breakpoint-down(xl) {
             height: 100%;
         }
     }
@@ -40,7 +40,7 @@ $s-big-icon-circle-icon-size: 150px;
 @mixin s-big-icon-circle-fa-hook {
     height: 100px;
     line-height: 70px;
-    @include media-breakpoint-down(lg) {
+    @include media-breakpoint-down(xl) {
         height: 80px;
     }
 }
diff --git a/theme_monglia/static/src/old_snippets/s_banner_parallax/000_variables.scss b/theme_monglia/static/src/old_snippets/s_banner_parallax/000_variables.scss
index a45c3163f..2ffa0fe88 100644
--- a/theme_monglia/static/src/old_snippets/s_banner_parallax/000_variables.scss
+++ b/theme_monglia/static/src/old_snippets/s_banner_parallax/000_variables.scss
@@ -15,7 +15,7 @@ $s-banner-parallax-h1-size: 50px;
     padding: 0;
 }
 @mixin s-banner-parallax-height-hook {
-    @include media-breakpoint-down(sm) {
+    @include media-breakpoint-down(md) {
         height: 100vh !important;
     }
 }
diff --git a/theme_monglia/static/src/old_snippets/s_big_icons/000_variables.scss b/theme_monglia/static/src/old_snippets/s_big_icons/000_variables.scss
index b58fee0ef..f6682f303 100644
--- a/theme_monglia/static/src/old_snippets/s_big_icons/000_variables.scss
+++ b/theme_monglia/static/src/old_snippets/s_big_icons/000_variables.scss
@@ -3,11 +3,11 @@ $s-big-icon-circle-icon-size: 150px;
 $s-big-icon-circle-text-color: $-gray-700;
 @mixin s-big-icon-circle-height-hook {
     padding-top: 0;
-    @include media-breakpoint-down(sm) {
+    @include media-breakpoint-down(md) {
         height: 100%;
     }
     .row {
-        @include media-breakpoint-down(sm) {
+        @include media-breakpoint-down(md) {
             height: 100%;
         }
     }
@@ -18,7 +18,7 @@ $s-big-icon-circle-text-color: $-gray-700;
 @mixin s-big-icon-circle-fa-hook {
     height: 150px;
     line-height: 70px;
-    @include media-breakpoint-down(sm) {
+    @include media-breakpoint-down(md) {
         height: 80px;
     }
 }
diff --git a/theme_monglia/static/src/old_snippets/s_features_carousel/000_variables.scss b/theme_monglia/static/src/old_snippets/s_features_carousel/000_variables.scss
index f74c7ab62..24d32ec69 100644
--- a/theme_monglia/static/src/old_snippets/s_features_carousel/000_variables.scss
+++ b/theme_monglia/static/src/old_snippets/s_features_carousel/000_variables.scss
@@ -3,7 +3,7 @@ $s-features-carousel-indicators-visible: visible;
 @mixin s-features-carousel-inner-hook {
     .carousel-inner .row {
         margin: 40px 70px;
-        @include media-breakpoint-down(sm) {
+        @include media-breakpoint-down(md) {
             margin: 0;
         }
     }
diff --git a/theme_monglia/static/src/scss/compatibility-saas-11.4-variables.scss b/theme_monglia/static/src/scss/compatibility-saas-11.4-variables.scss
index e0f958cc2..29f6fc6b6 100644
--- a/theme_monglia/static/src/scss/compatibility-saas-11.4-variables.scss
+++ b/theme_monglia/static/src/scss/compatibility-saas-11.4-variables.scss
@@ -20,7 +20,7 @@ $s-banner-3-h2-size: 25px;
     img {
         display: none;
     }
-    @include media-breakpoint-down(sm) {
+    @include media-breakpoint-down(md) {
         top: 100px;
         width: 100%;
     }
diff --git a/theme_monglia/static/src/snippets/s_numbers/000.scss b/theme_monglia/static/src/snippets/s_numbers/000.scss
index 3b5904223..6f8b9c0df 100644
--- a/theme_monglia/static/src/snippets/s_numbers/000.scss
+++ b/theme_monglia/static/src/snippets/s_numbers/000.scss
@@ -1,7 +1,7 @@
 .s_numbers {
     .s_number {
         font-size: 75px;
-        @include media-breakpoint-down(sm) {
+        @include media-breakpoint-down(md) {
             font-size: 60px;
         }
     }
diff --git a/theme_notes/static/src/old_snippets/s_features_carousel/000_variables.scss b/theme_notes/static/src/old_snippets/s_features_carousel/000_variables.scss
index 3ed2314f9..4aa7f828c 100644
--- a/theme_notes/static/src/old_snippets/s_features_carousel/000_variables.scss
+++ b/theme_notes/static/src/old_snippets/s_features_carousel/000_variables.scss
@@ -1,7 +1,7 @@
 @mixin s-features-carousel-inner-hook {
     .carousel-inner .row {
         margin: 0 70px;
-        @include media-breakpoint-down(sm) {
+        @include media-breakpoint-down(md) {
             margin: 0;
         }
     }
diff --git a/theme_notes/static/src/scss/compatibility-saas-11.4-variables.scss b/theme_notes/static/src/scss/compatibility-saas-11.4-variables.scss
index 7441f36fd..e81a35608 100644
--- a/theme_notes/static/src/scss/compatibility-saas-11.4-variables.scss
+++ b/theme_notes/static/src/scss/compatibility-saas-11.4-variables.scss
@@ -3,7 +3,7 @@ $s-banner-3-padding: 0px;
 @mixin s-banner-3-col-center-hook {
     margin-left: 16.6667%;
     text-align: center;
-    @include media-breakpoint-down(sm) {
+    @include media-breakpoint-down(md) {
         margin-left: 0px;
     }
 }
diff --git a/theme_odoo_experts/static/src/scss/compatibility-saas-11.4-variables.scss b/theme_odoo_experts/static/src/scss/compatibility-saas-11.4-variables.scss
index ae5cd6f32..3bc48df26 100644
--- a/theme_odoo_experts/static/src/scss/compatibility-saas-11.4-variables.scss
+++ b/theme_odoo_experts/static/src/scss/compatibility-saas-11.4-variables.scss
@@ -24,7 +24,7 @@ $s-banner-3-h2-size: 30px;
         transform: none;
         font-size: 18px;
     }
-    @include media-breakpoint-down(sm) {
+    @include media-breakpoint-down(md) {
         width: 100%;
         margin-top: 0;
     }
diff --git a/theme_orchid/static/src/scss/compatibility-saas-11.4-variables.scss b/theme_orchid/static/src/scss/compatibility-saas-11.4-variables.scss
index 174453540..d4e167b43 100644
--- a/theme_orchid/static/src/scss/compatibility-saas-11.4-variables.scss
+++ b/theme_orchid/static/src/scss/compatibility-saas-11.4-variables.scss
@@ -18,7 +18,7 @@ $s-banner-3-h2-size: 30px;
     margin-top: 100px;
     background-color: white;
     border: 15px solid rgba(255, 255, 255, .5);
-    @include media-breakpoint-down(lg) {
+    @include media-breakpoint-down(xl) {
         text-align: left !important;
         width: auto;
         margin-top: 0;
@@ -34,7 +34,7 @@ $s-banner-3-h2-size: 30px;
     border: 15px solid white;
     border-left-width: 50px;
     border-right-width: 50px;
-    @include media-breakpoint-down(sm) {
+    @include media-breakpoint-down(md) {
         border-width: 10px;
     }
 }
diff --git a/theme_yes/static/src/scss/compatibility-saas-11.4-variables.scss b/theme_yes/static/src/scss/compatibility-saas-11.4-variables.scss
index c7440a710..d2889f0fc 100644
--- a/theme_yes/static/src/scss/compatibility-saas-11.4-variables.scss
+++ b/theme_yes/static/src/scss/compatibility-saas-11.4-variables.scss
@@ -24,7 +24,7 @@ $s-banner-3-h2-size: 30px;
         transform: none;
         font-size: 18px;
     }
-    @include media-breakpoint-down(sm) {
+    @include media-breakpoint-down(md) {
         width: 100%;
         margin-top: 0;
     }