TRI-283: end header + start adaptive 1400>

static/css/moover/root.css

@@ -2,7 +2,6 @@
   margin: 0 auto;
   width: 1280px;
   position: relative;
-  min-height: 695px;
 }
 
 @media (min-width: 1720px) {
@@ -11,11 +10,19 @@
   }
 }
 
-/*@media (max-width: 1019.98px) {*/
-/*  .container {*/
-/*    width: 720px*/
-/*  }*/
-/*}*/
+@media (max-width: 1304.98px) {
+  .container {
+    width: 1120px;
+    max-width: 88vw;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .container {
+    width: 640px;
+  }
+}
+
 /*@media (max-width: 767.98px) {*/
 /*  .container {*/
 /*    margin: 0 15px;*/
@@ -36,6 +43,10 @@
   color: var(--color-black2);
 }
 
+body {
+  overflow-x: hidden;
+}
+
 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
   font-weight: 700;
 }
@@ -128,6 +139,19 @@ b {
   }
 }
 
+@media (max-width: 1304.98px) {
+  .title {
+    margin-bottom: 20px;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .title {
+    font-size: 32px;
+    line-height: 38.73px;
+  }
+}
+
 .subtitle {
   margin-bottom: 81px;
   line-height: 22px;
@@ -140,12 +164,18 @@ b {
   }
 }
 
+@media (max-width: 1304.98px) {
+  .subtitle {
+    margin-bottom: 71px;
+  }
+}
+
 .hide {
   display: none;
 }
 
 .hide__xxl {
-  display: block;
+  display: initial;
 }
 
 @media (min-width: 1720px) {
@@ -154,6 +184,16 @@ b {
   }
 }
 
+.hide__md {
+  display: initial;
+}
+
+@media (max-width: 991.98px) {
+  .hide__md {
+    display: none;
+  }
+}
+
 .show__xxl {
   display: none;
 }
@@ -164,11 +204,30 @@ b {
   }
 }
 
-@media (min-width: 1440px) {
-  .is-container.wrapper_main {
-    max-width: initial;
+.show__md {
+  display: none;
+}
+
+@media (max-width: 991.98px) {
+  .show__md {
+    display: initial;
   }
+}
+
+@media (min-width: 1440px) {
   .br--xxl {
     display: none;
   }
 }
+
+@media (max-width: 991.98px) {
+  .br--md {
+    display: none;
+  }
+}
+
+@media (min-width: 1440px) {
+  .is-container.wrapper_main {
+    max-width: initial;
+  }
+}