TRI-283: end p_mover_landing_page

static/css/moover/about.css

@@ -42,6 +42,12 @@
   }
 }
 
+@media (max-width: 479.98px) {
+  .about .title {
+    margin-bottom: 37px;
+  }
+}
+
 .about__grid {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
@@ -80,6 +86,12 @@
   }
 }
 
+@media (max-width: 479.98px) {
+  .about__img {
+    margin-bottom: 38px;
+  }
+}
+
 .about__right {
   text-align: left;
   padding-top: 43px;
@@ -107,6 +119,12 @@
   }
 }
 
+@media (max-width: 479.98px) {
+  .about__right {
+    padding: 0;
+  }
+}
+
 .about__right::after {
   content: '';
   display: block;
@@ -147,6 +165,12 @@
   }
 }
 
+@media (max-width: 479.98px) {
+  .about b {
+    letter-spacing: 0.9px;
+  }
+}
+
 @media (min-width: 1720px) {
   .about p {
     margin-bottom: 39px;

static/css/moover/animate.css

@@ -29,6 +29,12 @@
   }
 }
 
+@media (max-width: 479.98px) {
+  .animate {
+    padding: 30px 7px 19px;
+  }
+}
+
 .animate.left {
   transform: translateX(-180px);
 }
@@ -60,12 +66,24 @@
   }
 }
 
+@media (max-width: 479.98px) {
+  .animate.right .title {
+    margin-bottom: 20px;
+  }
+}
+
 @media (max-width: 991.98px) {
   .animate.right .subtitle {
     margin-bottom: 31px;
   }
 }
 
+@media (max-width: 479.98px) {
+  .animate.right .use__btn {
+    margin-top: -11px;
+  }
+}
+
 .animate__link {
   color: var(--color-orange);
   text-decoration: underline !important;
@@ -97,6 +115,13 @@
   }
 }
 
+@media (max-width: 767.98px) {
+  .animate .title {
+    max-width: 100%;
+    margin-bottom: 14px;
+  }
+}
+
 .animate .subtitle {
   width: 47%;
   margin: 0 auto 23px;
@@ -122,3 +147,12 @@
     margin-bottom: 26px;
   }
 }
+
+@media (max-width: 479.98px) {
+  .animate .use__btn {
+    margin-top: -6px;
+    padding-left: 15px;
+    padding-right: 15px;
+    display: flex;
+  }
+}

static/css/moover/benefits.css

@@ -20,6 +20,12 @@
   }
 }
 
+@media (max-width: 479.98px) {
+  .benefits {
+    margin-bottom: 103px;
+  }
+}
+
 .benefits__grid {
   text-align: left;
   display: grid;
@@ -32,6 +38,13 @@
   }
 }
 
+@media (max-width: 479.98px) {
+  .benefits__grid {
+    grid-template-columns: 1fr;
+    text-align: center;
+  }
+}
+
 .benefits__item {
   min-height: 122px;
   padding-right: 7px;
@@ -50,6 +63,14 @@
   }
 }
 
+@media (max-width: 479.98px) {
+  .benefits__item {
+    padding-right: 0;
+    margin-bottom: 19px;
+    min-height: 90px;
+  }
+}
+
 @media (max-width: 991.98px) {
   .benefits__second {
     grid-column: 1 / 3;
@@ -58,6 +79,13 @@
   }
 }
 
+@media (max-width: 479.98px) {
+  .benefits__second {
+    grid-column: 1/2;
+    margin-bottom: 31px;
+  }
+}
+
 .benefits__third {
   padding-left: 16px;
 }
@@ -75,6 +103,12 @@
   }
 }
 
+@media (max-width: 479.98px) {
+  .benefits__third {
+    padding-left: 0;
+  }
+}
+
 .benefits .title {
   margin-bottom: 76px;
 }
@@ -115,3 +149,9 @@
     margin-bottom: 10px;
   }
 }
+
+@media (max-width: 479.98px) {
+  .benefits p {
+    margin-bottom: 13px;
+  }
+}

static/css/moover/chatterbox.css

@@ -25,7 +25,7 @@
 @media (max-width: 767.98px) {
   .chatterbox {
     max-width: 100vw;
-    margin: 0 auto 100px;
+    margin: 0 auto 121px;
     position: relative;
   }
 }
@@ -195,6 +195,13 @@
   }
 }
 
+@media (max-width: 767.98px) {
+  .chatterbox__vbtn::before {
+    width: 55px;
+    height: 55px;
+  }
+}
+
 .chatterbox__vbtn::before, .chatterbox__vbtn::after {
   content: "";
   position: absolute;
@@ -261,7 +268,7 @@
 
 @media (max-width: 479.98px) {
   .chatterbox__mbtns {
-    top: 61%;
+    top: 61.6%;
   }
 }
 
@@ -275,6 +282,12 @@
   }
 }
 
+@media (max-width: 767.98px) {
+  .chatterbox .title {
+    margin-bottom: 50px;
+  }
+}
+
 .chatterbox .slick-next {
   right: -40px;
 }

static/css/moover/root.css

@@ -133,6 +133,12 @@ p {
   }
 }
 
+@media (max-width: 479.98px) {
+  p {
+    margin-bottom: 14px;
+  }
+}
+
 b {
   font-weight: 500;
 }

static/css/moover/sore.css

@@ -21,6 +21,12 @@
   }
 }
 
+@media (max-width: 479.98px) {
+  .sore {
+    margin-bottom: 40px;
+  }
+}
+
 .sore__img {
   margin: 0 auto 13px;
   position: relative;
@@ -52,6 +58,15 @@
   }
 }
 
+@media (max-width: 479.98px) {
+  .sore__img {
+    max-width: 106%;
+    top: -26px;
+    left: -18px;
+    margin-bottom: 4px;
+  }
+}
+
 .sore .title {
   margin-bottom: 40px;
 }
@@ -68,6 +83,12 @@
   }
 }
 
+@media (max-width: 479.98px) {
+  .sore .title {
+    margin-bottom: 29px;
+  }
+}
+
 .sore .subtitle {
   max-width: 62%;
   margin: 0 auto 10px;
@@ -92,6 +113,12 @@
   }
 }
 
+@media (max-width: 479.98px) {
+  .sore .subtitle {
+    max-width: 99%;
+  }
+}
+
 .sore .h3 {
   max-width: 47%;
   margin: 0 auto 19px;
@@ -115,3 +142,20 @@
     margin-bottom: 21px;
   }
 }
+
+@media (max-width: 479.98px) {
+  .sore .h3 {
+    max-width: 100%;
+    margin-bottom: 17px;
+  }
+}
+
+@media (max-width: 479.98px) {
+  .sore__btn {
+    padding-top: 8px;
+    padding-bottom: 8px;
+    padding-left: 15px;
+    padding-right: 15px;
+    display: flex;
+  }
+}

static/css/moover/use.css

@@ -122,6 +122,12 @@
   }
 }
 
+@media (max-width: 767.98px) {
+  .use--lett {
+    margin-bottom: 81px;
+  }
+}
+
 .use--lett .title {
   margin-bottom: 51px;
 }
@@ -132,6 +138,12 @@
   }
 }
 
+@media (max-width: 767.98px) {
+  .use--lett .title {
+    margin-bottom: 0;
+  }
+}
+
 .use--lett .use__img {
   margin-left: -5px;
   margin-right: -5px;
@@ -154,6 +166,14 @@
   }
 }
 
+@media (max-width: 767.98px) {
+  .use--lett .use__img {
+    max-width: 103%;
+    margin-left: -5px;
+    margin-top: -6px;
+  }
+}
+
 @media (max-width: 991.98px) {
   .use .h3 {
     max-width: 75%;

static/css/moover/uses.css

@@ -20,6 +20,12 @@
   }
 }
 
+@media (max-width: 479.98px) {
+  .uses {
+    margin-bottom: 199px;
+  }
+}
+
 .uses__grid {
   text-align: left;
   display: grid;
@@ -35,6 +41,13 @@
   }
 }
 
+@media (max-width: 479.98px) {
+  .uses__grid {
+    display: block;
+    text-align: center;
+  }
+}
+
 .uses__item {
   min-height: 50px;
   margin-bottom: 19px;
@@ -82,3 +95,9 @@
     margin-bottom: 39px;
   }
 }
+
+@media (max-width: 479.98px) {
+  .uses .title {
+    margin-bottom: 30px;
+  }
+}