four col thing

dist/app.css

@@ -12780,10 +12780,14 @@ section.four-column-blocks .col {
   display: flex;
   gap: 1rem;
   align-items: center;
-  border-right: 1px solid #000;
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
+@media (min-width: 768px) {
+  section.four-column-blocks .col {
+    border-right: 1px solid #000;
+  }
+}
 section.four-column-blocks .col:last-of-type {
   border: 0;
 }

dist/mix-manifest.json

@@ -1,4 +1,4 @@
 {
     "/app.js": "/app.js?id=8af0c9c0d989b79afe124f8138dc1a63",
-    "/app.css": "/app.css?id=3e31fee00218b53564f3cf70a04049f4"
+    "/app.css": "/app.css?id=12f2c5721d8364525e28820d8f6dcd37"
 }

src/scss/flex-four-column-blocks.scss

@@ -5,10 +5,13 @@ section.four-column-blocks {
         display: flex;
         gap: 1rem;
         align-items: center;
-        border-right: 1px solid $c-black;
         padding-top: 1rem;
         padding-bottom: 1rem;
 
+        @include media-breakpoint-up(md) {
+            border-right: 1px solid $c-black;
+        }
+
         &:last-of-type {
             border: 0;
         }

tpl/flex_4_column_business_blocks.tpl

@@ -1,6 +1,6 @@
 <section class="four-column-blocks">
     <div class="container">
-        <div class="row">
+        <div class="row flex-column flex-md-row">
             {{#fourColContent}}
         </div>
     </div>