Enhance responsive design styles for mobile view, including menu adjustments, footer padding, and article layout improvements

ocelio.pl/style.scss

@@ -1,4 +1,60 @@
 @media(max-width: 767px) {
+  .rwd .menu {
+    height: auto !important;
+    padding-top: 10px !important;
+  }
+
+  #box_productfull>.boxhead {
+    width: 100% !important;
+    box-sizing: border-box !important;
+    padding: 25px 0 !important;
+  }
+
+  .footer {
+    padding-top: 25px !important;
+
+    ul {
+      li {
+        padding: 3px 0 !important;
+      }
+    }
+  }
+
+  .userfooter {
+    .fx-right {
+      padding-bottom: 25px !important;
+      text-align: center !important;
+    }
+
+    .fx-left {
+      background: transparent !important;
+      padding: 0 25px !important;
+
+      p {
+        * {
+          font-size: 13px !important;
+          font-weight: 400 !important;
+        }
+      }
+
+      li {
+        &::before {
+          display: none !important;
+        }
+      }
+    }
+  }
+
+  #box_articlelist,
+  #fx-about {
+    padding: 0 25px !important;
+    width: auto !important;
+  }
+
+  #box_custom40 {
+    width: auto !important;
+  }
+
   #box_mainproducts {
     .product {
       padding: 0 !important;
@@ -165,4 +221,100 @@
     font-size: 13px;
     line-height: 1.25 !important;
   }
+}
+
+#box_articlelist .innerbox article {
+  .article-header {
+    padding-top: 10px !important;
+
+    a {
+      margin: 0 !important;
+      text-transform: none !important;
+      height: auto !important;
+      font-size: 15px !important;
+    }
+  }
+
+  .article-content {
+    height: auto !important;
+
+    * {
+      line-height: 1.5 !important;
+    }
+  }
+
+  .readmore {
+    margin-top: 0 !important;
+    color: #f59e01 !important;
+    transition: all 0.3s ease;
+    font-weight: 600 !important;
+  }
+}
+
+.box .boxhead {
+  border-bottom: 0 !important;
+
+  span {
+    text-transform: none !important;
+    font-size: 30px !important;
+    font-weight: 700 !important;
+
+    @media (max-width: 767px) {
+      font-size: 24px !important;
+    }
+  }
+}
+
+#box_custom40 {
+  h1 {
+    border-bottom: 0 !important;
+    text-transform: none !important;
+    font-size: 30px !important;
+    font-weight: 700 !important;
+
+    @media (max-width: 767px) {
+      font-size: 24px !important;
+    }
+  }
+}
+
+#box_articlelist {
+  h2 {
+    border-bottom: 0 !important;
+    text-transform: none !important;
+    font-size: 30px !important;
+    font-weight: 700 !important;
+
+    @media (max-width: 767px) {
+      font-size: 24px !important;
+    }
+  }
+}
+
+#fx-icons {
+  padding: 50px 0 !important;
+}
+
+#fx-news {
+  .boxhead {
+    display: none !important;
+  }
+}
+
+#fx-about {
+  .fx-txt {
+    * {
+      font-size: 13px !important;
+      font-family: 'Open Sans', sans-serif !important;
+      line-height: 1.5 !important;
+    }
+
+    a {
+      color: #f59e01 !important;
+    }
+
+    .readmore {
+      font-weight: 600 !important;
+    }
+  }
 }