diff --git a/Art-Gallery/mobile.css b/Art-Gallery/mobile.css
index b42153e85..c8c97fdee 100644
--- a/Art-Gallery/mobile.css
+++ b/Art-Gallery/mobile.css
@@ -1,3 +1,4 @@
+/* Reset & Global Styles */
 * {
     margin: 0;
     padding: 0;
@@ -7,82 +8,169 @@
 body {
     font-family: Arial, sans-serif;
     background-color: #f4f4f4;
+    color: #333;
+    line-height: 1.6;
 }
 
+/* Header Styling */
 .header {
     display: flex;
-    justify-content: space-around;
+    flex-direction: column;
     align-items: center;
     background-color: #333;
-    padding: 15px 0;
-    color: white;
+    padding: 20px 10px;
     font-size: 18px;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+    gap: 10px;
 }
 
 .header a {
     color: white;
     text-decoration: none;
-    transition: color 0.3s;
+    transition: color 0.3s ease;
 }
 
 .header a:hover {
     color: #ff6347;
-    border-radius: 5px; 
 }
 
+/* Gallery Section */
 #container {
     display: flex;
-    flex-wrap: wrap;
-    justify-content: space-around;
+    flex-direction: column;
+    gap: 20px;
     padding: 20px;
 }
 
 .half {
-    flex: 1;
-    max-width: 45%;
-    margin: 10px;
+    width: 100%;
 }
 
 img {
     width: 100%;
     border-radius: 8px;
+    transition: transform 0.3s ease;
+}
+
+img:hover {
+    transform: scale(1.01);
 }
 
+/* About Section */
 .about-block {
-    padding: 20px;
+    padding: 30px 20px;
+    text-align: center;
+}
+
+.about-block img {
+    width: 100%;
+    max-width: 300px;
+    height: auto;
+    border-radius: 10px;
+    margin: 20px auto;
+}
+
+.heading {
+    font-size: 28px;
+    margin-bottom: 10px;
+    letter-spacing: 2px;
+}
+
+.description {
+    font-size: 15px;
+    color: #555;
+    margin-top: 15px;
+}
+
+/* Contact Section */
+#contact {
+    padding: 30px 20px;
 }
 
 .red {
+    font-size: 20px;
+    font-weight: bold;
     color: red;
+    margin-bottom: 20px;
+    text-align: center;
+}
+
+.contact-block {
+    display: flex;
+    flex-direction: column;
+    gap: 15px;
 }
 
 .input {
-    margin: 10px 0;
+    width: 100%;
 }
 
-.input span {
+.input span,
+.input label {
     display: block;
-    margin-bottom: 5px;
+    margin-bottom: 6px;
+    font-weight: bold;
+}
+
+input[type="text"],
+input[type="email"],
+textarea {
+    width: 100%;
+    padding: 10px;
+    border-radius: 6px;
+    border: 1px solid #ccc;
+    font-size: 15px;
+}
+
+textarea {
+    resize: vertical;
 }
 
+/* Button Styling */
 .button {
-    padding: 10px 15px;
+    padding: 12px;
     background-color: #333;
     color: white;
     border: none;
-    border-radius: 5px;
+    border-radius: 6px;
+    font-size: 16px;
     cursor: pointer;
+    width: 100%;
+    transition: background-color 0.3s ease;
 }
 
 .button:hover {
     background-color: #ff6347;
-    transform: scale(1.05);
 }
 
+/* Footer */
 .footer {
     text-align: center;
-    padding: 15px;
+    padding: 20px;
     background-color: #333;
     color: white;
+    font-size: 14px;
+}
+
+/* Media Queries */
+@media (min-width: 600px) {
+    .header {
+        flex-direction: row;
+        justify-content: space-around;
+    }
+
+    #container {
+        flex-direction: row;
+        flex-wrap: wrap;
+        justify-content: space-around;
+    }
+
+    .half {
+        max-width: 45%;
+    }
+
+    .about-block,
+    #contact {
+        width: 80%;
+        margin: auto;
+    }
 }