TRI-283: end adaptive 1920 + start header

static/css/moover/chatterbox.css

@@ -2,11 +2,23 @@
   margin-bottom: 160px;
 }
 
+@media (min-width: 1720px) {
+  .chatterbox {
+    margin-bottom: 180px;
+  }
+}
+
 .chatterbox__slider {
   max-width: 1200px;
   margin: 0 auto;
 }
 
+@media (min-width: 1720px) {
+  .chatterbox__slider {
+    max-width: 1640px;
+  }
+}
+
 .chatterbox__slide {
   width: 335px;
   height: 615px;
@@ -16,6 +28,14 @@
   position: relative;
 }
 
+@media (min-width: 1720px) {
+  .chatterbox__slide {
+    width: 456px;
+    height: 836px;
+    background-size: 456px 836px;
+  }
+}
+
 .chatterbox__slide.loaded video {
   opacity: 1;
 }
@@ -48,6 +68,12 @@
   overflow: hidden;
 }
 
+@media (min-width: 1720px) {
+  .chatterbox__wrap {
+    border-radius: 50px;
+  }
+}
+
 .chatterbox__vbtn {
   position: absolute;
   left: 0;
@@ -75,6 +101,13 @@
   transition: opacity 100ms linear;
 }
 
+@media (min-width: 1720px) {
+  .chatterbox__vbtn::before {
+    width: 109px;
+    height: 109px;
+  }
+}
+
 .chatterbox__vbtn::before, .chatterbox__vbtn::after {
   content: "";
   position: absolute;
@@ -92,6 +125,13 @@
   margin-left: 2px;
 }
 
+@media (min-width: 1720px) {
+  .chatterbox__vbtn::after {
+    border-width: 23px 0 23px 35px;
+    margin-left: 4px;
+  }
+}
+
 .chatterbox__vbox {
   position: relative;
   display: flex;
@@ -100,6 +140,12 @@
   height: 600px;
 }
 
+@media (min-width: 1720px) {
+  .chatterbox__vbox {
+    height: 827px;
+  }
+}
+
 .chatterbox .title {
   margin-bottom: 60px;
 }