TRI-283: end 1280

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;