From f742fb6e82d1108e923df550de57d06711e3c5b5 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Fri, 23 Sep 2022 16:49:39 -0400
Subject: [PATCH] Media Queries for hiding/showing the correct package display

---
 src/layouts/index.html | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

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%;