diff --git a/src/pages/UserDashboardHome.jsx b/src/pages/UserDashboardHome.jsx
index 32017a3..53f8b49 100644
--- a/src/pages/UserDashboardHome.jsx
+++ b/src/pages/UserDashboardHome.jsx
@@ -77,7 +77,7 @@ const UserDashboardHome = () => {
           width: 320px;
           height: 320px;
           transition: all 0.4s ease;
-          opacity: 0.4;
+          opacity: 1;
           transform: scale(0.85);
         }
 
@@ -88,7 +88,17 @@ const UserDashboardHome = () => {
           transform: scale(1);
           z-index: 2;
         }
+@media only screen and (max-width: 768px) {
+.swiper-slide {
+ width: 300px;
+          height: 150px; }
 
+ .swiper-slide-active { 
+
+  width: 300px;
+          height: 150px ! important;
+ }
+}
         .swiper-slide > div {
           width: 100%;
           height: 100%;
@@ -127,7 +137,7 @@ const UserDashboardHome = () => {
 
           .swiper-slide-active {
             width: 300px !important;
-            height: 400px !important;
+            height:  280px !important;
           }
 
           .swiper-button-prev-custom,
@@ -148,8 +158,8 @@ const UserDashboardHome = () => {
           }
 
           .swiper-slide-active {
-            width: 240px !important;
-            height: 340px !important;
+            width: 300px !important;
+            height: 220px !important;
           }
 
           .swiper-button-prev-custom,