diff --git a/assets/css/style.css b/assets/css/style.css
index f1fe559..596bb2d 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -3174,7 +3174,7 @@ color:#ffffff;
   font-size: 20px;
   font-size: 1.25rem;
   font-weight: 600;
-  color: #031c5c
+  color: #031c5c;
   margin: 0 0 0.75em;
 }
 
@@ -3192,6 +3192,47 @@ color:#ffffff;
   }
 }
 
+@media (max-width: 480px) {
+  .hero-slider .slide-inner {
+    width: 100%;
+    left: 0;
+  }
+
+  .hero-style-1 .container,
+  .hero-style-2 .container,
+  .hero-style-3 .container {
+    width: 100%;
+    padding-left: 24px;
+    padding-right: 24px;
+  }
+
+  .hero-style-1 .slide-title,
+  .hero-style-2 .slide-title,
+  .hero-style-3 .slide-title,
+  .hero-style-1 .slide-text,
+  .hero-style-2 .slide-text,
+  .hero-style-3 .slide-text {
+    max-width: 100%;
+  }
+
+  .hero-style-1 .slide-title h2,
+  .hero-style-2 .slide-title h2,
+  .hero-style-3 .slide-title h2 {
+    font-size: 30px;
+    font-size: 1.875rem;
+    line-height: 1.25;
+    margin-bottom: 0.5em;
+  }
+
+  .hero-style-1 .slide-text p,
+  .hero-style-2 .slide-text p,
+  .hero-style-3 .slide-text p {
+    font-size: 15px;
+    font-size: 0.9375rem;
+    line-height: 1.6;
+  }
+}
+
 .hero-style-1 .slide-btns > a:first-child, .hero-style-2 .slide-btns > a:first-child, .hero-style-3 .slide-btns > a:first-child {
   margin-right: 15px;
 }
diff --git a/assets/js/script.js b/assets/js/script.js
index facb5da..b6386b7 100644
--- a/assets/js/script.js
+++ b/assets/js/script.js
@@ -183,6 +183,10 @@
     function getHeroInterleaveOffset() {
         var windowWidth = window.innerWidth;
 
+        if (windowWidth <= 480) {
+            return 0;
+        }
+
         if (windowWidth <= 767) {
             return 0.05;
         }