From adc763ac6fcf56eb5127650fd03a42fac4463f24 Mon Sep 17 00:00:00 2001
From: Rafay Chaudhry <72162041+CH-RAFAY@users.noreply.github.com>
Date: Thu, 18 Jul 2024 23:41:33 +0500
Subject: [PATCH] Responsiveness

---
 Css/Product.css | 41 +++++++++++++++++++++++++++++++++++++++--
 1 file changed, 39 insertions(+), 2 deletions(-)

diff --git a/Css/Product.css b/Css/Product.css
index a36014b..5137fdd 100644
--- a/Css/Product.css
+++ b/Css/Product.css
@@ -271,7 +271,8 @@ nav ul li:hover,.menu-toggle:hover,.filter-toggle:hover{
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
-    width: 90%;
+    width: auto;
+    max-width: 90%;
 
 }
 
@@ -285,6 +286,7 @@ nav ul li:hover,.menu-toggle:hover,.filter-toggle:hover{
     animation: spin 2s linear infinite;
 }
 
+
 @keyframes spin {
     from { transform: rotate(0deg); }
     to { transform: rotate(360deg); }
@@ -411,7 +413,7 @@ input[type="radio"]{
 
 .Pbody img
 {
-  width: 400px;
+  width: 80%;
 
 }
 
@@ -428,6 +430,41 @@ input[type="radio"]{
 
 
 
+@media (max-width: 1300px) 
+{
+
+  .Pcontainer
+  {
+    display: flex; 
+    flex-wrap: wrap;
+    justify-content: space-between;
+    width: 80%;
+    margin: 0 auto;
+    
+  
+  }
+
+  .color-box 
+{
+    width:30px;
+    height:30px;
+    
+}
+
+  
+  .Plist {
+    background-color: #ffffff;
+    border-radius: 20px;
+    border: solid 1px white;
+    margin: 10px;
+    width: 46%;
+    box-sizing: border-box;
+    text-align: center;
+    overflow: hidden;
+  }
+
+}
+
 
 
 /* Responsive styles */