diff --git a/src/layouts/index.html b/src/layouts/index.html
index 57dfaac..ccf666d 100644
--- a/src/layouts/index.html
+++ b/src/layouts/index.html
@@ -112,6 +112,28 @@
 
 <style>
 
+  @media only screen and (min-width: 576px) {
+
+      .grid-package-display{
+        display:block;
+      }
+
+      .swiper-package-display{
+        display:none;
+      }
+  }
+
+@media only screen and (max-width: 576px) {
+
+    .grid-package-display{
+      display:none;
+    }
+
+    .swiper-package-display{
+      display:block;
+    }
+}
+
   .swiper {
     width: 100%;
     height: 100%;