TRI-283: start 768>

static/css/moover/sore.css

@@ -15,23 +15,40 @@
   }
 }
 
+@media (max-width: 991.98px) {
+  .sore {
+    margin-bottom: 60px;
+  }
+}
+
 .sore__img {
-  margin: 0 auto 26px;
+  margin: 0 auto 13px;
   position: relative;
   left: -17px;
+  top: -13px;
 }
 
 @media (min-width: 1720px) {
   .sore__img {
-    margin-bottom: 46px;
+    margin-bottom: 40px;
+    top: -5px;
+    left: -21px;
   }
 }
 
 @media (max-width: 1304.98px) {
   .sore__img {
-    left: 4px;
-    top: -9px;
-    margin-bottom: 17px;
+    left: 2px;
+    top: -22px;
+    margin-bottom: 4px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .sore__img {
+    top: -8px;
+    left: -15px;
+    margin-bottom: 18px;
   }
 }
 
@@ -45,16 +62,21 @@
   }
 }
 
+@media (max-width: 991.98px) {
+  .sore .title {
+    margin-bottom: 20px;
+  }
+}
+
 .sore .subtitle {
   max-width: 62%;
-  margin: 0 auto -1px;
+  margin: 0 auto 10px;
 }
 
 @media (min-width: 1720px) {
   .sore .subtitle {
     line-height: 26px;
     max-width: 60%;
-    margin-bottom: 5px;
   }
 }
 
@@ -64,6 +86,12 @@
   }
 }
 
+@media (max-width: 991.98px) {
+  .sore .subtitle {
+    max-width: 85%;
+  }
+}
+
 .sore .h3 {
   max-width: 47%;
   margin: 0 auto 19px;
@@ -80,3 +108,10 @@
     max-width: 50%;
   }
 }
+
+@media (max-width: 991.98px) {
+  .sore .h3 {
+    max-width: 65%;
+    margin-bottom: 21px;
+  }
+}