TRI-283: end p_mover_landing_page

static/css/moover.css

@@ -133,6 +133,12 @@ p {
   }
 }
 
+@media (max-width: 479.98px) {
+  p {
+    margin-bottom: 14px;
+  }
+}
+
 b {
   font-weight: 500;
 }
@@ -1234,7 +1240,7 @@ b {
 @media (max-width: 767.98px) {
   .chatterbox {
     max-width: 100vw;
-    margin: 0 auto 100px;
+    margin: 0 auto 121px;
     position: relative;
   }
 }
@@ -1404,6 +1410,13 @@ b {
   }
 }
 
+@media (max-width: 767.98px) {
+  .chatterbox__vbtn::before {
+    width: 55px;
+    height: 55px;
+  }
+}
+
 .chatterbox__vbtn::before, .chatterbox__vbtn::after {
   content: "";
   position: absolute;
@@ -1470,7 +1483,7 @@ b {
 
 @media (max-width: 479.98px) {
   .chatterbox__mbtns {
-    top: 61%;
+    top: 61.6%;
   }
 }
 
@@ -1484,6 +1497,12 @@ b {
   }
 }
 
+@media (max-width: 767.98px) {
+  .chatterbox .title {
+    margin-bottom: 50px;
+  }
+}
+
 .chatterbox .slick-next {
   right: -40px;
 }
@@ -1697,6 +1716,12 @@ b {
   }
 }
 
+@media (max-width: 767.98px) {
+  .use--lett {
+    margin-bottom: 81px;
+  }
+}
+
 .use--lett .title {
   margin-bottom: 51px;
 }
@@ -1707,6 +1732,12 @@ b {
   }
 }
 
+@media (max-width: 767.98px) {
+  .use--lett .title {
+    margin-bottom: 0;
+  }
+}
+
 .use--lett .use__img {
   margin-left: -5px;
   margin-right: -5px;
@@ -1729,6 +1760,14 @@ b {
   }
 }
 
+@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%;
@@ -2122,6 +2161,12 @@ b {
   }
 }
 
+@media (max-width: 479.98px) {
+  .animate {
+    padding: 30px 7px 19px;
+  }
+}
+
 .animate.left {
   transform: translateX(-180px);
 }
@@ -2153,12 +2198,24 @@ b {
   }
 }
 
+@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;
@@ -2190,6 +2247,13 @@ b {
   }
 }
 
+@media (max-width: 767.98px) {
+  .animate .title {
+    max-width: 100%;
+    margin-bottom: 14px;
+  }
+}
+
 .animate .subtitle {
   width: 47%;
   margin: 0 auto 23px;
@@ -2216,6 +2280,15 @@ b {
   }
 }
 
+@media (max-width: 479.98px) {
+  .animate .use__btn {
+    margin-top: -6px;
+    padding-left: 15px;
+    padding-right: 15px;
+    display: flex;
+  }
+}
+
 .about {
   margin-bottom: 168px;
 }
@@ -2260,6 +2333,12 @@ b {
   }
 }
 
+@media (max-width: 479.98px) {
+  .about .title {
+    margin-bottom: 37px;
+  }
+}
+
 .about__grid {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
@@ -2298,6 +2377,12 @@ b {
   }
 }
 
+@media (max-width: 479.98px) {
+  .about__img {
+    margin-bottom: 38px;
+  }
+}
+
 .about__right {
   text-align: left;
   padding-top: 43px;
@@ -2325,6 +2410,12 @@ b {
   }
 }
 
+@media (max-width: 479.98px) {
+  .about__right {
+    padding: 0;
+  }
+}
+
 .about__right::after {
   content: '';
   display: block;
@@ -2365,6 +2456,12 @@ b {
   }
 }
 
+@media (max-width: 479.98px) {
+  .about b {
+    letter-spacing: 0.9px;
+  }
+}
+
 @media (min-width: 1720px) {
   .about p {
     margin-bottom: 39px;
@@ -2393,6 +2490,12 @@ b {
   }
 }
 
+@media (max-width: 479.98px) {
+  .benefits {
+    margin-bottom: 103px;
+  }
+}
+
 .benefits__grid {
   text-align: left;
   display: grid;
@@ -2405,6 +2508,13 @@ b {
   }
 }
 
+@media (max-width: 479.98px) {
+  .benefits__grid {
+    grid-template-columns: 1fr;
+    text-align: center;
+  }
+}
+
 .benefits__item {
   min-height: 122px;
   padding-right: 7px;
@@ -2423,6 +2533,14 @@ b {
   }
 }
 
+@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;
@@ -2431,6 +2549,13 @@ b {
   }
 }
 
+@media (max-width: 479.98px) {
+  .benefits__second {
+    grid-column: 1/2;
+    margin-bottom: 31px;
+  }
+}
+
 .benefits__third {
   padding-left: 16px;
 }
@@ -2448,6 +2573,12 @@ b {
   }
 }
 
+@media (max-width: 479.98px) {
+  .benefits__third {
+    padding-left: 0;
+  }
+}
+
 .benefits .title {
   margin-bottom: 76px;
 }
@@ -2489,6 +2620,12 @@ b {
   }
 }
 
+@media (max-width: 479.98px) {
+  .benefits p {
+    margin-bottom: 13px;
+  }
+}
+
 .uses {
   margin-bottom: 120px;
 }
@@ -2511,6 +2648,12 @@ b {
   }
 }
 
+@media (max-width: 479.98px) {
+  .uses {
+    margin-bottom: 199px;
+  }
+}
+
 .uses__grid {
   text-align: left;
   display: grid;
@@ -2526,6 +2669,13 @@ b {
   }
 }
 
+@media (max-width: 479.98px) {
+  .uses__grid {
+    display: block;
+    text-align: center;
+  }
+}
+
 .uses__item {
   min-height: 50px;
   margin-bottom: 19px;
@@ -2574,6 +2724,12 @@ b {
   }
 }
 
+@media (max-width: 479.98px) {
+  .uses .title {
+    margin-bottom: 30px;
+  }
+}
+
 .sore {
   margin-bottom: 160px;
   margin-top: 1px;
@@ -2597,6 +2753,12 @@ b {
   }
 }
 
+@media (max-width: 479.98px) {
+  .sore {
+    margin-bottom: 40px;
+  }
+}
+
 .sore__img {
   margin: 0 auto 13px;
   position: relative;
@@ -2628,6 +2790,15 @@ b {
   }
 }
 
+@media (max-width: 479.98px) {
+  .sore__img {
+    max-width: 106%;
+    top: -26px;
+    left: -18px;
+    margin-bottom: 4px;
+  }
+}
+
 .sore .title {
   margin-bottom: 40px;
 }
@@ -2644,6 +2815,12 @@ b {
   }
 }
 
+@media (max-width: 479.98px) {
+  .sore .title {
+    margin-bottom: 29px;
+  }
+}
+
 .sore .subtitle {
   max-width: 62%;
   margin: 0 auto 10px;
@@ -2668,6 +2845,12 @@ b {
   }
 }
 
+@media (max-width: 479.98px) {
+  .sore .subtitle {
+    max-width: 99%;
+  }
+}
+
 .sore .h3 {
   max-width: 47%;
   margin: 0 auto 19px;
@@ -2691,3 +2874,20 @@ b {
     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;
+  }
+}