TRI-283: start 768>

styles/moover/uses.scss

@@ -5,9 +5,13 @@
     margin-bottom: 136px;
   }
 
-      @media (max-width: 1304.98px) {
-          margin-bottom: 123px;
-    }
+  @media (max-width: 1304.98px) {
+    margin-bottom: 125px;
+  }
+
+  @media (max-width: 991.98px) {
+    margin-bottom: 100px;
+  }
 
   &__grid {
     text-align: left;
@@ -16,7 +20,10 @@
     /* max-width: 101.5%; */
     /* width: 101.5%; */
 
-
+    @media (max-width: 991.98px) {
+      grid-template-columns: 1fr 1fr;
+      column-gap: 15px;
+    }
   }
 
 
@@ -28,6 +35,17 @@
     @media (min-width: 1720px) {
       margin-bottom: 22px;
     }
+
+    @media (max-width: 991.98px) {
+      padding-right: 0;
+    }
+
+    p:last-child {
+      @media (max-width: 991.98px) {
+        margin-bottom: 0;
+      }
+    }
+
   }
 
   &__icon {
@@ -45,9 +63,9 @@
     max-width: 50%;
     margin: 0 auto 60px;
 
-        @media (max-width: 1304.98px) {
-          max-width: 70%;
-          margin-bottom: 39px;
+    @media (max-width: 1304.98px) {
+      max-width: 70%;
+      margin-bottom: 39px;
     }
   }