diff --git a/assets/css/components/1-main/mixin.scss b/assets/css/components/1-main/mixin.scss
index 4519e39..6aa7a9a 100644
--- a/assets/css/components/1-main/mixin.scss
+++ b/assets/css/components/1-main/mixin.scss
@@ -106,7 +106,7 @@
     }
 }
 
-@mixin xlg-xxlg {
+@mixin xlg-xxxlg {
     @media (max-width: 1400px) {
         @content;
     }
diff --git a/assets/css/components/2-layout/responsive.scss b/assets/css/components/2-layout/responsive.scss
index f93fed2..5071f6b 100644
--- a/assets/css/components/2-layout/responsive.scss
+++ b/assets/css/components/2-layout/responsive.scss
@@ -1,5 +1,5 @@
 // 1400 ========================
-@include xlg-xxlg {
+@include xlg-xxxlg {
 
     // About ================
     .about {
diff --git a/assets/css/main.css b/assets/css/main.css
index bc938cf..0e766c8 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -2603,7 +2603,7 @@ svg.active .svg-elem-21 {
     padding: 0 60px 0 0 !important;
   }
 }
-@media (max-width: 1400px) {
+@media (max-width: 1200px) {
   .hero_item-title {
     font-size: 30px;
   }
diff --git a/index.html b/index.html
index d86901d..90212a7 100644
--- a/index.html
+++ b/index.html
@@ -701,7 +701,25 @@
         });
 
 
+        var play_video = document.querySelector(".video_play");
+        var close_video = document.querySelector(".modal_close");
+        var modal_video = document.querySelector(".modal_video video");
+
+
+        if (close_video != undefined) {
+            close_video.addEventListener('click', function () {
+                modal_video.pause();
+            });
+        }
+
+        if (play_video != undefined) {
+            play_video.addEventListener('click', function () {
+                modal_video.play();
+            });
+        }
+
     </script>
+
 </body>
 
 </html>
\ No newline at end of file