update mobile css

css/style.css

@@ -34,7 +34,7 @@ body {
 
 @media (max-width: 576px) {
   .main-container .title {
-    font-size: 30px;
+    font-size: 27px;
   }
 }
 
@@ -235,6 +235,12 @@ body {
   margin-top: -50px;
 }
 
+@media (max-width: 576px) {
+  .main-container .banner section img {
+    width: 60px;
+  }
+}
+
 .main-container .banner section p {
   margin-left: 15px;
   color: #0076a5;
@@ -248,6 +254,13 @@ body {
   }
 }
 
+@media (max-width: 576px) {
+  .main-container .banner section p {
+    margin-left: 0px;
+    font-size: 25px;
+  }
+}
+
 .main-container .metaverse {
   margin: auto;
   width: 1080px;
@@ -695,6 +708,7 @@ body {
 
 .main-container .faq-content .accordion-body ul {
   list-style: none;
+  padding: 0;
 }
 
 .main-container .faq-content .accordion-body ul li {
@@ -831,4 +845,10 @@ body {
     margin: 30px 0 0;
   }
 }
+
+@media (max-width: 475px) {
+  .main-container footer .text {
+    font-size: 25px;
+  }
+}
 /*# sourceMappingURL=style.css.map */

css/style.scss

@@ -18,7 +18,7 @@ body {
       text-align: center;
     }
     @media (max-width: 576px) {
-      font-size: 30px;
+      font-size: 27px;
     }
   }
   nav {
@@ -148,6 +148,9 @@ body {
         width: 75px;
         height: 100%;
         margin-top: -50px;
+        @media (max-width: 576px) {
+          width: 60px;
+        }
       }
       p {
         margin-left: 15px;
@@ -157,6 +160,10 @@ body {
         @media (max-width: 767px) {
           font-size: 30px;
         }
+        @media (max-width: 576px) {
+          margin-left: 0px;
+          font-size: 25px;
+        }
       }
     }
   }
@@ -447,6 +454,7 @@ body {
     .accordion-body {
       ul {
         list-style: none;
+        padding: 0;
         li {
           margin: 20px 0;
           span {
@@ -539,6 +547,9 @@ body {
       @media (max-width: 991px) {
         margin: 30px 0 0;
       }
+      @media (max-width: 475px) {
+        font-size: 25px;
+      }
     }
   }
 }