swiper mobile

Signed-off-by: Jeff <jeff@gotenzing.com>

@@ -20332,6 +20332,7 @@ ul.sf_date_field .sf-datepicker {
     left: 0%;
     left: 0%;
     width: 100vw;
     width: 100vw;
     padding: 0rem 0rem;
     padding: 0rem 0rem;
+    overflow: scroll;
   }
   }
 }
 }
 
 
@@ -20345,6 +20346,11 @@ ul.sf_date_field .sf-datepicker {
   margin: 0 auto;
   margin: 0 auto;
   overflow: hidden;
   overflow: hidden;
 }
 }
+@media only screen and (max-width: 67.063rem) {
+  .carousel-items {
+    overflow: scroll;
+  }
+}
 
 
 .carousel-content {
 .carousel-content {
   height: 260px;
   height: 260px;
@@ -20483,12 +20489,22 @@ ul.sf_date_field .sf-datepicker {
   height: 100%;
   height: 100%;
   max-height: 100%;
   max-height: 100%;
 }
 }
+@media only screen and (max-width: 67.063rem) {
+  .swiper-slide {
+    margin-right: 24px;
+  }
+}
 
 
 .swiper-wrapper {
 .swiper-wrapper {
   max-height: 100%;
   max-height: 100%;
   height: 100%;
   height: 100%;
   display: flex;
   display: flex;
 }
 }
+@media only screen and (max-width: 67.063rem) {
+  .swiper-wrapper {
+    width: auto;
+  }
+}
 
 
 .pojo-a11y-grayscale {
 .pojo-a11y-grayscale {
   overflow-y: scroll !important;
   overflow-y: scroll !important;
@@ -21207,7 +21223,7 @@ ul.sf_date_field .sf-datepicker {
   max-width: 31rem;
   max-width: 31rem;
   min-width: 31rem;
   min-width: 31rem;
   min-height: 8.438rem;
   min-height: 8.438rem;
-  margin-right: 30px;
+  margin-right: 24px;
 }
 }
 .article-card a {
 .article-card a {
   color: white;
   color: white;

@@ -26128,7 +26128,7 @@
 	      modules: [Navigation, Pagination, A11y, Keyboard],
 	      modules: [Navigation, Pagination, A11y, Keyboard],
 	      slidesOffsetAfter: 0,
 	      slidesOffsetAfter: 0,
 	      slidesOffsetBefore: 0,
 	      slidesOffsetBefore: 0,
-	      spaceBetween: 30,
+	      spaceBetween: 24,
 	      // centeredSlides: true,
 	      // centeredSlides: true,
 	      loop: false,
 	      loop: false,
 	      lazy: true,
 	      lazy: true,
@@ -26160,7 +26160,9 @@
 	        }
 	        }
 	      }
 	      }
 	    };
 	    };
+	    if ($(window).width() > 1074) {
 	      new Swiper(this, swiper_params);
 	      new Swiper(this, swiper_params);
+	    }
 	  });
 	  });
 	  // $('.carousel ').css('margin-left',"-"+$('#content').css('margin-left'));      
 	  // $('.carousel ').css('margin-left',"-"+$('#content').css('margin-left'));      
 
 

@@ -15,6 +15,8 @@ jQuery(document).ready(function($) {
 
 
 
 
 
 
+
+
   jQuery('.carousel-items').each(function() {
   jQuery('.carousel-items').each(function() {
 
 
 
 
@@ -24,7 +26,7 @@ jQuery(document).ready(function($) {
           modules: [Navigation, Pagination, A11y, Keyboard],
           modules: [Navigation, Pagination, A11y, Keyboard],
           slidesOffsetAfter: 0,
           slidesOffsetAfter: 0,
           slidesOffsetBefore: 0,
           slidesOffsetBefore: 0,
-          spaceBetween: 30,
+          spaceBetween: 24,
          // centeredSlides: true,
          // centeredSlides: true,
           loop: false,
           loop: false,
           lazy: true,
           lazy: true,
@@ -60,10 +62,20 @@ jQuery(document).ready(function($) {
           },
           },
 
 
       };
       };
+            var mySwiper;
+        if ($(window).width() > 1074) {
+              mySwiper =  new Swiper(this, swiper_params);
+        };
+        $(window).on('resize', function(){
+            if ($(window).width() > 1074) {
+                 mySwiper =  new Swiper(this, swiper_params);
+            }else{
+                  mySwiper.destroy(true, true)
+            }
+        });
 
 
 
 
-     var mySwiper =  new Swiper(this, swiper_params);
-
+    });
 
 
   });
   });
     // $('.carousel ').css('margin-left',"-"+$('#content').css('margin-left'));      
     // $('.carousel ').css('margin-left',"-"+$('#content').css('margin-left'));      

@@ -27,8 +27,11 @@
     left: 0%;
     left: 0%;
     width: 100vw;
     width: 100vw;
     padding: 0rem 0rem;
     padding: 0rem 0rem;
+    overflow: scroll;
   }
   }
 
 
+  
+
 }
 }
 
 
 .carousel-items {
 .carousel-items {
@@ -41,7 +44,9 @@
   //max-width: 75rem;
   //max-width: 75rem;
   margin: 0 auto;
   margin: 0 auto;
   overflow: hidden;
   overflow: hidden;
-
+  @media only screen and (max-width:67.063rem) {
+    overflow: scroll;
+  }
 
 
 }
 }
 .carousel-content{
 .carousel-content{
@@ -184,6 +189,10 @@ height: 260px;
   display: block;
   display: block;
   height: 100%;
   height: 100%;
   max-height: 100%;
   max-height: 100%;
+  @media only screen and (max-width:67.063rem) {
+    margin-right: 24px;
+  }
+
 }
 }
 
 
 .swiper-wrapper{
 .swiper-wrapper{
@@ -191,4 +200,8 @@ height: 260px;
   height: 100%;
   height: 100%;
   display: flex;
   display: flex;
 
 
+  @media only screen and (max-width:67.063rem) {
+    width: auto;
+  }
+
   }
   }
\ No newline at end of file

@@ -119,7 +119,7 @@
     max-width: 31rem;
     max-width: 31rem;
     min-width: 31rem;
     min-width: 31rem;
     min-height: 8.438rem;
     min-height: 8.438rem;
-    margin-right: 30px;
+    margin-right: 24px;
     a {
     a {
         color:white;
         color:white;
         gap: 1.625rem;
         gap: 1.625rem;