responsiveness

src/components/rameelo/landing/landing.js

@@ -13,26 +13,16 @@ export default class Landing extends React.Component {
       speed: 300,
       slidesToShow: 4,
       slidesToScroll: 1,
-      centerMode: true,
       responsive: [
         {
           breakpoint: 1024,
           settings: {
             slidesToShow: 3,
-            slidesToScroll: 3,
+            slidesToScroll: 1,
-            infinite: true,
-            dots: true,
           },
         },
         {
           breakpoint: 600,
-          settings: {
-            slidesToShow: 2,
-            slidesToScroll: 2,
-          },
-        },
-        {
-          breakpoint: 480,
           settings: {
             slidesToShow: 1,
             slidesToScroll: 1,

src/components/rameelo/landing/landing.scss

@@ -189,7 +189,12 @@
 
 .events-section {
   background: #f4f4f4 0% 0% no-repeat padding-box;
-  padding: 3em 4em;
+
+  padding: 2em 2em;
+
+  @media only screen and (min-width: 992px) {
+    padding: 3em 4em;
+  }
 
   .events-inner-container {
     span {
@@ -267,7 +272,7 @@
 
             color: $secondary-text;
             @extend %font-inter;
-            font-size: 0.4em;
+            font-size: 12px;
           }
         }
       }