TRI-283: end adaptive 1920 + start header

styles/moover/chatterbox.scss

@@ -1,9 +1,17 @@
 .chatterbox {
   margin-bottom: 160px;
 
+   @media (min-width: 1720px) {
+     margin-bottom: 180px;
+  }
+
   &__slider {
     max-width: 1200px;
     margin: 0 auto;
+
+    @media (min-width: 1720px) {
+      max-width: 1640px;
+    }
   }
 
   &__slide {
@@ -14,6 +22,12 @@
     margin: auto;
     position: relative;
 
+    @media (min-width: 1720px) {
+      width: 456px;
+      height: 836px;
+      background-size: 456px 836px;
+    }
+
     &.loaded {
       video {
         opacity: 1;
@@ -47,6 +61,10 @@
     border-radius: 25px;
     background-color: grey;
     overflow: hidden;
+
+    @media (min-width: 1720px) {
+      border-radius: 50px;
+    }
   }
 
   &__vbtn {
@@ -73,6 +91,11 @@
       border: 0;
       border-radius: 50%;
       transition: opacity 100ms linear;
+
+       @media (min-width: 1720px) {
+         width: 109px;
+         height: 109px;
+  }
     }
 
     &::before,
@@ -91,6 +114,11 @@
       border-width: 15px 0 15px 25px;
       display: inline-block;
       margin-left: 2px;
+
+       @media (min-width: 1720px) {
+          border-width: 23px 0 23px 35px;
+         margin-left: 4px;
+  }
     }
   }
 
@@ -100,6 +128,10 @@
     justify-content: center;
     align-items: center;
     height: 600px;
+
+    @media (min-width: 1720px) {
+      height: 827px;
+    }
   }
 
   .title {