TRI-283: end 1280

styles/moover/chatterbox.scss

@@ -5,6 +5,10 @@
     margin-bottom: 180px;
   }
 
+    @media (max-width: 1304.98px) {
+      margin-bottom: 140px;
+    }
+
   &__slider {
     max-width: 1200px;
     margin: 0 auto;
@@ -12,6 +16,10 @@
     @media (min-width: 1720px) {
       max-width: 1640px;
     }
+
+    @media (max-width: 1304.98px) {
+      max-width: 1100px;
+    }
   }
 
   &__slide {
@@ -29,9 +37,9 @@
     }
 
     @media (max-width: 1304.98px) {
-      width: 300px;
-      height: 615px;
-      background-size: 300px 615px;
+      width: 308px;
+      height: 565px;
+      background-size: 308px 565px;
     }
 
     &.loaded {
@@ -146,28 +154,52 @@
 
   .title {
     margin-bottom: 60px;
+
+    @media (max-width: 1304.98px) {
+      margin-bottom: 39px;
+    }
   }
 
   .slick-next {
     right: -40px;
+
+    @media (max-width: 1304.98px) {
+      right: -10px;
+    }
   }
 
   .slick-prev {
     left: -40px;
+
+    @media (max-width: 1304.98px) {
+      left: -10px;
+    }
   }
 }
 
 .slick-slide:not(.slick-center) .chatterbox__slide {
   scale: 0.72;
+
+  @media (max-width: 1304.98px) {
+    scale: 0.69;
+  }
 }
 
-.slick-center .chatterbox__vbtn {
-  opacity: 1;
-  pointer-events: initial;
-  z-index: 1;
-}
+.slick-center {
+
+  .chatterbox__vbtn {
+    opacity: 1;
+    pointer-events: initial;
+    z-index: 1;
+  }
+
+  .chatterbox__vbox video {
+    pointer-events: initial;
+    cursor: pointer;
+  }
+
+  .chatterbox__slide {
+
+  }
 
-.slick-center .chatterbox__vbox video {
-  pointer-events: initial;
-  cursor: pointer;
 }