diff --git a/assets/css/custom.css b/assets/css/custom.css
index 3f89661..275fa74 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -130,4 +130,31 @@ button[type="submit"]:hover {
     border: 1px solid #c3e6cb;
     border-radius: 4px;
     margin-bottom: 1rem;
+}
+
+@media (max-width: 768px) {
+    .sidebar {
+        width: 100%;
+        height: auto;
+        position: relative;
+        padding-top: 0;
+    }
+
+    .sidebar .nav {
+        flex-direction: row;
+        flex-wrap: wrap;
+    }
+
+    .sidebar .nav-link {
+        padding: 0.5rem 1rem;
+    }
+
+    .main-content {
+        margin-left: 0;
+        padding: 1rem;
+    }
+
+    .form-container {
+        padding: 1.5rem;
+    }
 }
\ No newline at end of file