diff --git a/assets/css/partials/media-query.scss b/assets/css/partials/media-query.scss
index 51bad11..94894ac 100644
--- a/assets/css/partials/media-query.scss
+++ b/assets/css/partials/media-query.scss
@@ -80,6 +80,14 @@
       font-size: 15px!important;
     }
   }
+
+  .demo-video-modal {
+    top: 30%;
+  }
+
+  .hero-team-play-demo-icon {
+    top: 55%!important;
+  }
 }
 
 @media screen and (max-width: 1080px) {
diff --git a/assets/css/partials/team.scss b/assets/css/partials/team.scss
index 73cfd59..ce932d6 100644
--- a/assets/css/partials/team.scss
+++ b/assets/css/partials/team.scss
@@ -340,20 +340,7 @@ span.cursor.hidden {
     top: 35% !important;
   }
 
-  .carousel-container {
-    flex-direction: column!important;
-    .carousel-info-container {
-      width: 80% !important;
-      flex-direction: row!important;
-      margin-bottom: 30px;
-      .carousel-info {
-        flex: 1;
-      }
-      #carousel-strip-1, #carousel-strip-2, #carousel-strip-3 {
-        display: none!important;
-      }
-    }
-  }
+
 }
 
 @media screen and (min-width: 1281px) {
@@ -399,6 +386,7 @@ span.cursor.hidden {
   }
   .team-carousel .title {
     font-size: 25px;
+    padding: 0 10px;
   }
   .carousel-info-content {
     margin-left: 0!important;
@@ -410,7 +398,7 @@ span.cursor.hidden {
     flex-direction: column!important;
     .carousel-info-container {
       width: 85% !important;
-      flex-direction: row!important;
+      flex-direction: column!important;
       margin-bottom: 30px;
       .carousel-info {
         flex: 1;