TRI-283: end 1280

static/css/moover.css

@@ -82,6 +82,12 @@ h3, .h3 {
   margin-bottom: 12px;
 }
 
+@media (max-width: 1304.98px) {
+  h3, .h3 {
+    margin-bottom: 13px;
+  }
+}
+
 h4, .h4 {
   font-size: 18px;
   line-height: 26px;
@@ -238,6 +244,13 @@ b {
   padding: 40px 5px;
 }
 
+@media (max-width: 1304.98px) {
+  .header {
+    padding-top: 37px;
+    padding-bottom: 41px;
+  }
+}
+
 @media (max-width: 991.98px) {
   .header {
     padding-top: 19px;
@@ -284,7 +297,7 @@ b {
 
 @media (max-width: 1304.98px) {
   .header__nav {
-    max-width: 46%;
+    max-width: 46.5%;
   }
 }
 
@@ -308,7 +321,7 @@ b {
 
 @media (max-width: 1304.98px) {
   .header__btn {
-    margin-right: -8px;
+    margin-right: 0;
   }
 }
 
@@ -347,6 +360,7 @@ b {
 @media (max-width: 1304.98px) {
   .presentation {
     margin-bottom: 120px;
+    margin-bottom: 138px;
   }
 }
 
@@ -942,6 +956,12 @@ b {
   }
 }
 
+@media (max-width: 1304.98px) {
+  .chatterbox {
+    margin-bottom: 140px;
+  }
+}
+
 .chatterbox__slider {
   max-width: 1200px;
   margin: 0 auto;
@@ -953,6 +973,12 @@ b {
   }
 }
 
+@media (max-width: 1304.98px) {
+  .chatterbox__slider {
+    max-width: 1100px;
+  }
+}
+
 .chatterbox__slide {
   width: 335px;
   height: 615px;
@@ -972,9 +998,9 @@ b {
 
 @media (max-width: 1304.98px) {
   .chatterbox__slide {
-    width: 300px;
-    height: 615px;
-    background-size: 300px 615px;
+    width: 308px;
+    height: 565px;
+    background-size: 308px 565px;
   }
 }
 
@@ -1098,18 +1124,42 @@ b {
   margin-bottom: 60px;
 }
 
+@media (max-width: 1304.98px) {
+  .chatterbox .title {
+    margin-bottom: 39px;
+  }
+}
+
 .chatterbox .slick-next {
   right: -40px;
 }
 
+@media (max-width: 1304.98px) {
+  .chatterbox .slick-next {
+    right: -10px;
+  }
+}
+
 .chatterbox .slick-prev {
   left: -40px;
 }
 
+@media (max-width: 1304.98px) {
+  .chatterbox .slick-prev {
+    left: -10px;
+  }
+}
+
 .slick-slide:not(.slick-center) .chatterbox__slide {
   scale: 0.72;
 }
 
+@media (max-width: 1304.98px) {
+  .slick-slide:not(.slick-center) .chatterbox__slide {
+    scale: 0.69;
+  }
+}
+
 .slick-center .chatterbox__vbtn {
   opacity: 1;
   pointer-events: initial;
@@ -1209,10 +1259,22 @@ b {
   }
 }
 
+@media (max-width: 1304.98px) {
+  .use--lett {
+    margin-bottom: 123px;
+  }
+}
+
 .use--lett .title {
   margin-bottom: 51px;
 }
 
+@media (max-width: 1304.98px) {
+  .use--lett .title {
+    margin-bottom: 39px;
+  }
+}
+
 .use--lett .use__img {
   margin-left: -5px;
   margin-right: -5px;
@@ -1226,6 +1288,15 @@ b {
   }
 }
 
+@media (max-width: 1304.98px) {
+  .use--lett .use__img {
+    margin-left: 0;
+    margin-right: 0;
+    max-width: 100%;
+    width: 1120px;
+  }
+}
+
 @media (max-width: 991.98px) {
   .use .h3 {
     max-width: 75%;
@@ -1243,6 +1314,12 @@ b {
   }
 }
 
+@media (max-width: 1304.98px) {
+  .diff {
+    margin-bottom: 140px;
+  }
+}
+
 @media (max-width: 991.98px) {
   .diff {
     margin-bottom: 125px;
@@ -1293,6 +1370,12 @@ b {
   bottom: 0;
 }
 
+@media (max-width: 1304.98px) {
+  .diff__grid::before {
+    height: 90%;
+  }
+}
+
 @media (max-width: 991.98px) {
   .diff__grid::before {
     display: none;
@@ -1319,6 +1402,12 @@ b {
   margin-right: 29px;
 }
 
+@media (max-width: 1304.98px) {
+  .diff__coll.left {
+    margin-right: 10px;
+  }
+}
+
 @media (max-width: 991.98px) {
   .diff__coll.left {
     margin-right: 0;
@@ -1345,6 +1434,12 @@ b {
   margin-left: 29px;
 }
 
+@media (max-width: 1304.98px) {
+  .diff__coll.right {
+    margin-left: 10px;
+  }
+}
+
 @media (max-width: 991.98px) {
   .diff__coll.right {
     margin-left: 0;
@@ -1372,6 +1467,12 @@ b {
   margin-bottom: 38px;
 }
 
+@media (max-width: 1304.98px) {
+  .diff__coll-title {
+    margin-bottom: 18px;
+  }
+}
+
 @media (max-width: 991.98px) {
   .diff__coll-title {
     margin-bottom: 19px;
@@ -1406,6 +1507,12 @@ b {
   }
 }
 
+@media (max-width: 1304.98px) {
+  .diff__item {
+    margin-bottom: 18px;
+  }
+}
+
 @media (max-width: 991.98px) {
   .diff__item {
     font-size: 18px;
@@ -1436,6 +1543,12 @@ b {
   }
 }
 
+@media (max-width: 1304.98px) {
+  .diff__status {
+    border-radius: 13px;
+  }
+}
+
 @media (max-width: 991.98px) {
   .diff__status {
     border-radius: 11px;
@@ -1493,6 +1606,12 @@ b {
   }
 }
 
+@media (max-width: 1304.98px) {
+  .animate {
+    margin-bottom: 141px;
+  }
+}
+
 .animate.left {
   transform: translateX(-180px);
 }
@@ -1524,6 +1643,12 @@ b {
   }
 }
 
+@media (max-width: 1304.98px) {
+  .animate .title {
+    max-width: 99%;
+  }
+}
+
 .animate .subtitle {
   width: 47%;
   margin: 0 auto 23px;
@@ -1537,6 +1662,12 @@ b {
   }
 }
 
+@media (max-width: 1304.98px) {
+  .animate .subtitle {
+    width: 54%;
+  }
+}
+
 .about {
   margin-bottom: 168px;
 }
@@ -1547,6 +1678,12 @@ b {
   }
 }
 
+@media (max-width: 1304.98px) {
+  .about {
+    margin-bottom: 138px;
+  }
+}
+
 .about .title {
   margin-bottom: 60px;
 }
@@ -1557,6 +1694,12 @@ b {
   }
 }
 
+@media (max-width: 1304.98px) {
+  .about .title {
+    margin-bottom: 39px;
+  }
+}
+
 .about__grid {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
@@ -1575,6 +1718,12 @@ b {
   }
 }
 
+@media (max-width: 1304.98px) {
+  .about__img {
+    margin-left: -10px;
+  }
+}
+
 .about__right {
   text-align: left;
   padding-top: 43px;
@@ -1588,6 +1737,13 @@ b {
   }
 }
 
+@media (max-width: 1304.98px) {
+  .about__right {
+    padding-left: 11px;
+    padding-top: 19px;
+  }
+}
+
 .about__half {
   max-width: 50%;
   float: left;
@@ -1625,6 +1781,12 @@ b {
   }
 }
 
+@media (max-width: 1304.98px) {
+  .benefits {
+    margin-bottom: 101px;
+  }
+}
+
 .benefits__grid {
   text-align: left;
   display: grid;
@@ -1676,6 +1838,13 @@ b {
   }
 }
 
+@media (max-width: 1304.98px) {
+  .benefits img {
+    top: 20px;
+    right: 0;
+  }
+}
+
 @media (min-width: 1720px) {
   .benefits h2 {
     margin-bottom: 10px;
@@ -1692,6 +1861,12 @@ b {
   }
 }
 
+@media (max-width: 1304.98px) {
+  .uses {
+    margin-bottom: 123px;
+  }
+}
+
 .uses__grid {
   text-align: left;
   display: grid;
@@ -1729,6 +1904,13 @@ b {
   margin: 0 auto 60px;
 }
 
+@media (max-width: 1304.98px) {
+  .uses .title {
+    max-width: 70%;
+    margin-bottom: 39px;
+  }
+}
+
 .sore {
   margin-bottom: 160px;
   margin-top: 1px;
@@ -1740,6 +1922,12 @@ b {
   }
 }
 
+@media (max-width: 1304.98px) {
+  .sore {
+    margin-bottom: 140px;
+  }
+}
+
 .sore__img {
   margin: 0 auto 26px;
   position: relative;
@@ -1752,6 +1940,14 @@ b {
   }
 }
 
+@media (max-width: 1304.98px) {
+  .sore__img {
+    left: 4px;
+    top: -9px;
+    margin-bottom: 17px;
+  }
+}
+
 .sore .title {
   margin-bottom: 40px;
 }
@@ -1775,6 +1971,12 @@ b {
   }
 }
 
+@media (max-width: 1304.98px) {
+  .sore .subtitle {
+    max-width: 65%;
+  }
+}
+
 .sore .h3 {
   max-width: 47%;
   margin: 0 auto 19px;
@@ -1785,3 +1987,9 @@ b {
     max-width: 38%;
   }
 }
+
+@media (max-width: 1304.98px) {
+  .sore .h3 {
+    max-width: 50%;
+  }
+}

static/css/moover/about.css

@@ -8,6 +8,12 @@
   }
 }
 
+@media (max-width: 1304.98px) {
+  .about {
+    margin-bottom: 138px;
+  }
+}
+
 .about .title {
   margin-bottom: 60px;
 }
@@ -18,6 +24,12 @@
   }
 }
 
+@media (max-width: 1304.98px) {
+  .about .title {
+    margin-bottom: 39px;
+  }
+}
+
 .about__grid {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
@@ -36,6 +48,12 @@
   }
 }
 
+@media (max-width: 1304.98px) {
+  .about__img {
+    margin-left: -10px;
+  }
+}
+
 .about__right {
   text-align: left;
   padding-top: 43px;
@@ -49,6 +67,13 @@
   }
 }
 
+@media (max-width: 1304.98px) {
+  .about__right {
+    padding-left: 11px;
+    padding-top: 19px;
+  }
+}
+
 .about__half {
   max-width: 50%;
   float: left;

static/css/moover/animate.css

@@ -15,6 +15,12 @@
   }
 }
 
+@media (max-width: 1304.98px) {
+  .animate {
+    margin-bottom: 141px;
+  }
+}
+
 .animate.left {
   transform: translateX(-180px);
 }
@@ -46,6 +52,12 @@
   }
 }
 
+@media (max-width: 1304.98px) {
+  .animate .title {
+    max-width: 99%;
+  }
+}
+
 .animate .subtitle {
   width: 47%;
   margin: 0 auto 23px;
@@ -58,3 +70,9 @@
     margin-bottom: 40px;
   }
 }
+
+@media (max-width: 1304.98px) {
+  .animate .subtitle {
+    width: 54%;
+  }
+}

static/css/moover/benefits.css

@@ -8,6 +8,12 @@
   }
 }
 
+@media (max-width: 1304.98px) {
+  .benefits {
+    margin-bottom: 101px;
+  }
+}
+
 .benefits__grid {
   text-align: left;
   display: grid;
@@ -59,6 +65,13 @@
   }
 }
 
+@media (max-width: 1304.98px) {
+  .benefits img {
+    top: 20px;
+    right: 0;
+  }
+}
+
 @media (min-width: 1720px) {
   .benefits h2 {
     margin-bottom: 10px;

static/css/moover/chatterbox.css

@@ -8,6 +8,12 @@
   }
 }
 
+@media (max-width: 1304.98px) {
+  .chatterbox {
+    margin-bottom: 140px;
+  }
+}
+
 .chatterbox__slider {
   max-width: 1200px;
   margin: 0 auto;
@@ -19,6 +25,12 @@
   }
 }
 
+@media (max-width: 1304.98px) {
+  .chatterbox__slider {
+    max-width: 1100px;
+  }
+}
+
 .chatterbox__slide {
   width: 335px;
   height: 615px;
@@ -38,9 +50,9 @@
 
 @media (max-width: 1304.98px) {
   .chatterbox__slide {
-    width: 300px;
-    height: 615px;
-    background-size: 300px 615px;
+    width: 308px;
+    height: 565px;
+    background-size: 308px 565px;
   }
 }
 
@@ -164,18 +176,42 @@
   margin-bottom: 60px;
 }
 
+@media (max-width: 1304.98px) {
+  .chatterbox .title {
+    margin-bottom: 39px;
+  }
+}
+
 .chatterbox .slick-next {
   right: -40px;
 }
 
+@media (max-width: 1304.98px) {
+  .chatterbox .slick-next {
+    right: -10px;
+  }
+}
+
 .chatterbox .slick-prev {
   left: -40px;
 }
 
+@media (max-width: 1304.98px) {
+  .chatterbox .slick-prev {
+    left: -10px;
+  }
+}
+
 .slick-slide:not(.slick-center) .chatterbox__slide {
   scale: 0.72;
 }
 
+@media (max-width: 1304.98px) {
+  .slick-slide:not(.slick-center) .chatterbox__slide {
+    scale: 0.69;
+  }
+}
+
 .slick-center .chatterbox__vbtn {
   opacity: 1;
   pointer-events: initial;

static/css/moover/diff.css

@@ -8,6 +8,12 @@
   }
 }
 
+@media (max-width: 1304.98px) {
+  .diff {
+    margin-bottom: 140px;
+  }
+}
+
 @media (max-width: 991.98px) {
   .diff {
     margin-bottom: 125px;
@@ -58,6 +64,12 @@
   bottom: 0;
 }
 
+@media (max-width: 1304.98px) {
+  .diff__grid::before {
+    height: 90%;
+  }
+}
+
 @media (max-width: 991.98px) {
   .diff__grid::before {
     display: none;
@@ -84,6 +96,12 @@
   margin-right: 29px;
 }
 
+@media (max-width: 1304.98px) {
+  .diff__coll.left {
+    margin-right: 10px;
+  }
+}
+
 @media (max-width: 991.98px) {
   .diff__coll.left {
     margin-right: 0;
@@ -110,6 +128,12 @@
   margin-left: 29px;
 }
 
+@media (max-width: 1304.98px) {
+  .diff__coll.right {
+    margin-left: 10px;
+  }
+}
+
 @media (max-width: 991.98px) {
   .diff__coll.right {
     margin-left: 0;
@@ -137,6 +161,12 @@
   margin-bottom: 38px;
 }
 
+@media (max-width: 1304.98px) {
+  .diff__coll-title {
+    margin-bottom: 18px;
+  }
+}
+
 @media (max-width: 991.98px) {
   .diff__coll-title {
     margin-bottom: 19px;
@@ -171,6 +201,12 @@
   }
 }
 
+@media (max-width: 1304.98px) {
+  .diff__item {
+    margin-bottom: 18px;
+  }
+}
+
 @media (max-width: 991.98px) {
   .diff__item {
     font-size: 18px;
@@ -201,6 +237,12 @@
   }
 }
 
+@media (max-width: 1304.98px) {
+  .diff__status {
+    border-radius: 13px;
+  }
+}
+
 @media (max-width: 991.98px) {
   .diff__status {
     border-radius: 11px;

static/css/moover/header.css

@@ -4,6 +4,13 @@
   padding: 40px 5px;
 }
 
+@media (max-width: 1304.98px) {
+  .header {
+    padding-top: 37px;
+    padding-bottom: 41px;
+  }
+}
+
 @media (max-width: 991.98px) {
   .header {
     padding-top: 19px;
@@ -50,7 +57,7 @@
 
 @media (max-width: 1304.98px) {
   .header__nav {
-    max-width: 46%;
+    max-width: 46.5%;
   }
 }
 
@@ -74,7 +81,7 @@
 
 @media (max-width: 1304.98px) {
   .header__btn {
-    margin-right: -8px;
+    margin-right: 0;
   }
 }
 

static/css/moover/presentation.css

@@ -13,6 +13,7 @@
 @media (max-width: 1304.98px) {
   .presentation {
     margin-bottom: 120px;
+    margin-bottom: 138px;
   }
 }
 

static/css/moover/root.css

@@ -82,6 +82,12 @@ h3, .h3 {
   margin-bottom: 12px;
 }
 
+@media (max-width: 1304.98px) {
+  h3, .h3 {
+    margin-bottom: 13px;
+  }
+}
+
 h4, .h4 {
   font-size: 18px;
   line-height: 26px;

static/css/moover/sore.css

@@ -9,6 +9,12 @@
   }
 }
 
+@media (max-width: 1304.98px) {
+  .sore {
+    margin-bottom: 140px;
+  }
+}
+
 .sore__img {
   margin: 0 auto 26px;
   position: relative;
@@ -21,6 +27,14 @@
   }
 }
 
+@media (max-width: 1304.98px) {
+  .sore__img {
+    left: 4px;
+    top: -9px;
+    margin-bottom: 17px;
+  }
+}
+
 .sore .title {
   margin-bottom: 40px;
 }
@@ -44,6 +58,12 @@
   }
 }
 
+@media (max-width: 1304.98px) {
+  .sore .subtitle {
+    max-width: 65%;
+  }
+}
+
 .sore .h3 {
   max-width: 47%;
   margin: 0 auto 19px;
@@ -54,3 +74,9 @@
     max-width: 38%;
   }
 }
+
+@media (max-width: 1304.98px) {
+  .sore .h3 {
+    max-width: 50%;
+  }
+}

static/css/moover/use.css

@@ -86,10 +86,22 @@
   }
 }
 
+@media (max-width: 1304.98px) {
+  .use--lett {
+    margin-bottom: 123px;
+  }
+}
+
 .use--lett .title {
   margin-bottom: 51px;
 }
 
+@media (max-width: 1304.98px) {
+  .use--lett .title {
+    margin-bottom: 39px;
+  }
+}
+
 .use--lett .use__img {
   margin-left: -5px;
   margin-right: -5px;
@@ -103,6 +115,15 @@
   }
 }
 
+@media (max-width: 1304.98px) {
+  .use--lett .use__img {
+    margin-left: 0;
+    margin-right: 0;
+    max-width: 100%;
+    width: 1120px;
+  }
+}
+
 @media (max-width: 991.98px) {
   .use .h3 {
     max-width: 75%;

static/css/moover/uses.css

@@ -8,6 +8,12 @@
   }
 }
 
+@media (max-width: 1304.98px) {
+  .uses {
+    margin-bottom: 123px;
+  }
+}
+
 .uses__grid {
   text-align: left;
   display: grid;
@@ -44,3 +50,10 @@
   max-width: 50%;
   margin: 0 auto 60px;
 }
+
+@media (max-width: 1304.98px) {
+  .uses .title {
+    max-width: 70%;
+    margin-bottom: 39px;
+  }
+}