TRI-283: start 768>

static/css/moover/root.css

@@ -20,15 +20,17 @@
 @media (max-width: 991.98px) {
   .container {
     width: 640px;
+    max-width: 100vw;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .container {
+    margin: 0 16px;
+    width: auto;
   }
 }
 
-/*@media (max-width: 767.98px) {*/
-/*  .container {*/
-/*    margin: 0 15px;*/
-/*    width: auto*/
-/*  }*/
-/*}*/
 :root {
   --color-primary: #FF613A;
   --color-white: #FFFFFF;
@@ -45,6 +47,25 @@
 
 body {
   overflow-x: hidden;
+  padding-top: 129px;
+}
+
+@media (max-width: 1304.98px) {
+  body {
+    padding-top: 126px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  body {
+    padding-top: 85px;
+  }
+}
+
+@media (max-width: 767.98px) {
+  body {
+    padding-top: 57px;
+  }
 }
 
 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
@@ -106,10 +127,23 @@ p {
   }
 }
 
+@media (max-width: 991.98px) {
+  p {
+    margin-bottom: 18px;
+  }
+}
+
 b {
   font-weight: 500;
 }
 
+@media (max-width: 991.98px) {
+  b {
+    font-size: 16px;
+    line-height: 22px;
+  }
+}
+
 .btn {
   display: inline-flex;
   text-decoration: none;
@@ -158,6 +192,12 @@ b {
   }
 }
 
+@media (max-width: 767.98px) {
+  .title {
+    margin-bottom: 14px;
+  }
+}
+
 .subtitle {
   margin-bottom: 81px;
   line-height: 22px;
@@ -181,7 +221,7 @@ b {
 }
 
 .hide__xxl {
-  display: initial;
+  display: inline-flex;
 }
 
 @media (min-width: 1720px) {
@@ -191,7 +231,7 @@ b {
 }
 
 .hide__md {
-  display: initial;
+  display: inline-flex;
 }
 
 @media (max-width: 991.98px) {
@@ -232,8 +272,31 @@ b {
   }
 }
 
+@media (max-width: 767.98px) {
+  .br--sm {
+    display: none;
+  }
+}
+
 @media (min-width: 1440px) {
   .is-container.wrapper_main {
     max-width: initial;
   }
 }
+
+.is-container.wrapper_main > .container {
+  position: relative;
+  left: 15px;
+}
+
+@media (min-width: 1720px) {
+  .is-container.wrapper_main > .container {
+    left: 17px;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .is-container.wrapper_main > .container {
+    left: 0;
+  }
+}