diff --git a/README.md b/README.md
index 7227d558..4305d7c2 100644
--- a/README.md
+++ b/README.md
@@ -191,4 +191,8 @@ For any inquiries or support, please contact:
 - **GitHub:** (https://github.com/DharshiBalasubramaniyam)
 ---
 
-
+<div align="center">
+    <a href="#top">
+        <img src="https://img.shields.io/badge/Back%20to%20Top-000000?style=for-the-badge&logo=github&logoColor=white" alt="Back to Top">
+    </a>
+</div>
diff --git a/delivery.html b/delivery.html
index 4b25cd08..efcba6ba 100644
--- a/delivery.html
+++ b/delivery.html
@@ -127,6 +127,8 @@ <h2 class="heading">Enter Your Details</h2>
                     pattern="\d{6}" title="Please enter a valid 6-digit PIN code" maxlength="6">
             </div>
 
+        
+
 
 <div class="indv-text">
     <label for="state" class="text">State</label>
@@ -160,7 +162,10 @@ <h2 class="heading">Enter Your Details</h2>
     </select>
 </div>
 
-
+<div class="indv-text">
+    <label for="add2" class="text">Notes for Delivery</label>
+    <input type="text" class="form-text" name="" id="" placeholder="Enter any specific instructions or notes for delivery" >
+</div>
 
             <div style="display: flex; margin: 20px;" class="btn">
                 <button type="submit" value="SUMBIT" class="btn-style">Submit</button>
diff --git a/styles/view.css b/styles/view.css
index c2194b5a..4f7bd274 100644
--- a/styles/view.css
+++ b/styles/view.css
@@ -88,3 +88,44 @@ body {
     color: white;
     background-color: var(--secondary-color); 
 }
+
+/* Responsive Adjustments */
+@media (max-width: 768px) {
+    .modal-content {
+        flex-direction: column; /* Stack content vertically on smaller screens */
+    }
+
+    .modal-right h2 {
+        font-size: 20px; /* Adjust heading size for mobile */
+    }
+
+    .modal-right p, .modal-right .price {
+        font-size: 16px; /* Adjust text size for readability */
+    }
+
+    .quick-view-btn, .close {
+        font-size: 20px; /* Adjust button size */
+    }
+
+    .modal {
+        padding: 10px; /* Add padding around the modal for smaller screens */
+    }
+}
+
+@media (max-width: 480px) {
+    .modal-content {
+        width: 95%; /* Further reduce modal width for very small screens */
+    }
+
+    .close {
+        font-size: 24px; /* Smaller close button */
+    }
+
+    .modal-right h2 {
+        font-size: 18px;
+    }
+
+    .modal-right p, .modal-right .price {
+        font-size: 14px;
+    }
+}
\ No newline at end of file