fix extreme sm page

sass/main.css

@@ -90,12 +90,13 @@ body {
           justify-content: center;
 }
 
-@media screen and (max-width: 385px) {
+@media screen and (max-width: 363px) {
   .sec-01 .col {
-    /* padding: 0 .3rem;
-            &.special {
-                padding-left: 0;
-            } */
+    padding: 0 .3rem;
+  }
+  .sec-01 .col.special {
+    padding-left: 0;
+    padding-right: .4rem;
   }
 }
 

sass/main.scss

@@ -69,11 +69,12 @@ body {
         display: flex;
         align-items: flex-end;
         justify-content: center;
-        @media screen and(max-width: 385px) {
-            /* padding: 0 .3rem;
+        @media screen and(max-width: 363px) {
+             padding: 0 .3rem;
             &.special {
                 padding-left: 0;
-            } */
+                padding-right: .4rem;
+            }
         }
             img {
                 margin: 0 auto;
@@ -91,6 +92,9 @@ body {
         border-radius: 2rem;
         display: flex;
         position: static;
+        @media screen and(max-width: 363px) {
+            //margin-top: -1.5rem;
+        }
         li {
             &.slick-active {
                 button {