From 714b4f32eea5eed735da87596c6b025bf00fff53 Mon Sep 17 00:00:00 2001
From: vignesh <vickypeter447@gmail.com>
Date: Fri, 20 Mar 2026 18:18:13 +0530
Subject: [PATCH] ALignment Changes

---
 .../Components/BSItemCards/BSItemCard.scss          |  5 ++---
 .../Components/BSNavbar/BSNavbar1.scss              |  2 +-
 .../BookingScreen/Template/BSLayout1/BSLayout1.scss |  8 ++++++++
 .../BookingScreen/Template/BSLayout2/BSLayout2.scss | 13 +++++++++++--
 .../BookingScreen/Template/BSLayout3/BSLayout3.scss | 13 +++++++++++--
 .../BookingScreen/Template/BSLayout4/BSLayout4.scss | 10 ++++++++++
 .../BookingScreen/Template/BSLayout5/BSLayout5.scss | 11 ++++++++++-
 .../BookingScreen/Template/BSLayout6/BSLayout6.scss | 10 ++++++++++
 8 files changed, 63 insertions(+), 9 deletions(-)

diff --git a/src/Styles/BookingScreen/Components/BSItemCards/BSItemCard.scss b/src/Styles/BookingScreen/Components/BSItemCards/BSItemCard.scss
index be40c07..3cc2a73 100644
--- a/src/Styles/BookingScreen/Components/BSItemCards/BSItemCard.scss
+++ b/src/Styles/BookingScreen/Components/BSItemCards/BSItemCard.scss
@@ -174,7 +174,6 @@
   row-gap: 0.5rem;
   cursor: pointer;
   justify-content: space-around;
- 
 }
 
 .BSItemCard-containers-smallimage-mobile {
@@ -2297,7 +2296,7 @@
   }
 
   @media (max-width: 500px) {
-    top: 2px;
-    left: 8px;
+    position: fixed !important;
+    top: 3.1rem !important;
   }
 }
diff --git a/src/Styles/BookingScreen/Components/BSNavbar/BSNavbar1.scss b/src/Styles/BookingScreen/Components/BSNavbar/BSNavbar1.scss
index 46fb67b..4972fdf 100644
--- a/src/Styles/BookingScreen/Components/BSNavbar/BSNavbar1.scss
+++ b/src/Styles/BookingScreen/Components/BSNavbar/BSNavbar1.scss
@@ -39,7 +39,7 @@
   display: flex;
   align-items: center;
   width: 100vw;
-  height: 7vh !important;
+  height: 45px !important;
   box-shadow: var(--BOX_SHADOW_LEVEL2);
   padding: 1px 6px;
   gap: 12px;
diff --git a/src/Styles/BookingScreen/Template/BSLayout1/BSLayout1.scss b/src/Styles/BookingScreen/Template/BSLayout1/BSLayout1.scss
index 56f926d..964fd8f 100644
--- a/src/Styles/BookingScreen/Template/BSLayout1/BSLayout1.scss
+++ b/src/Styles/BookingScreen/Template/BSLayout1/BSLayout1.scss
@@ -265,6 +265,14 @@ body {
     font-size: 10px;
     gap: 10px !important;
     justify-content: flex-end !important;
+    .SalesCountComponent-Master{
+      display: none;
+    }
+  }
+  @media (max-width: 768px) {
+    .pricing-name-details {
+      display: none;
+    }
   }
 }
 .Layout-IfNavbar3 {
diff --git a/src/Styles/BookingScreen/Template/BSLayout2/BSLayout2.scss b/src/Styles/BookingScreen/Template/BSLayout2/BSLayout2.scss
index 3a1b02f..ec44d18 100644
--- a/src/Styles/BookingScreen/Template/BSLayout2/BSLayout2.scss
+++ b/src/Styles/BookingScreen/Template/BSLayout2/BSLayout2.scss
@@ -430,9 +430,18 @@ body {
   align-items: center;
   gap: 2px;
   padding: 0 6px;
-
   @media (max-width: 500px) {
     font-size: 10px;
+    gap: 10px !important;
+    justify-content: flex-end !important;
+    .SalesCountComponent-Master{
+      display: none;
+    }
+  }
+  @media (max-width: 768px) {
+    .pricing-name-details {
+      display: none;
+    }
   }
 }
 
@@ -472,7 +481,7 @@ body {
   @media (max-width: 500px) {
     font-size: 10px;
     justify-content: flex-end;
-    gap: 10px;
+    gap: 8px;
     .SalesCountComponent-Master {
       display: none;
     }
diff --git a/src/Styles/BookingScreen/Template/BSLayout3/BSLayout3.scss b/src/Styles/BookingScreen/Template/BSLayout3/BSLayout3.scss
index 17fdc52..d5deb8a 100644
--- a/src/Styles/BookingScreen/Template/BSLayout3/BSLayout3.scss
+++ b/src/Styles/BookingScreen/Template/BSLayout3/BSLayout3.scss
@@ -444,9 +444,18 @@
   align-items: center;
   gap: 2px;
   padding: 0 6px;
-
   @media (max-width: 500px) {
     font-size: 10px;
+    gap: 10px !important;
+    justify-content: flex-end !important;
+    .SalesCountComponent-Master {
+      display: none;
+    }
+  }
+  @media (max-width: 768px) {
+    .pricing-name-details {
+      display: none;
+    }
   }
 }
 
@@ -486,7 +495,7 @@
   @media (max-width: 500px) {
     font-size: 10px;
     justify-content: flex-end;
-    gap: 10px;
+    gap: 6px;
     .SalesCountComponent-Master {
       display: none;
     }
diff --git a/src/Styles/BookingScreen/Template/BSLayout4/BSLayout4.scss b/src/Styles/BookingScreen/Template/BSLayout4/BSLayout4.scss
index 143132a..be2b7b4 100644
--- a/src/Styles/BookingScreen/Template/BSLayout4/BSLayout4.scss
+++ b/src/Styles/BookingScreen/Template/BSLayout4/BSLayout4.scss
@@ -251,6 +251,16 @@
 
   @media (max-width: 500px) {
     font-size: 10px;
+    gap: 10px !important;
+    justify-content: flex-end !important;
+    .SalesCountComponent-Master{
+      display: none;
+    }
+  }
+  @media (max-width: 768px) {
+    .pricing-name-details {
+      display: none;
+    }
   }
 }
 .Layout-IfNavbar3 {
diff --git a/src/Styles/BookingScreen/Template/BSLayout5/BSLayout5.scss b/src/Styles/BookingScreen/Template/BSLayout5/BSLayout5.scss
index 42c72b5..996de0f 100644
--- a/src/Styles/BookingScreen/Template/BSLayout5/BSLayout5.scss
+++ b/src/Styles/BookingScreen/Template/BSLayout5/BSLayout5.scss
@@ -133,9 +133,18 @@
   font-weight: 600;
   align-items: center;
   gap: 2px;
-
   @media (max-width: 500px) {
     font-size: 10px;
+    gap: 10px !important;
+    justify-content: flex-end !important;
+    .SalesCountComponent-Master{
+      display: none;
+    }
+  }
+  @media (max-width: 768px) {
+    .pricing-name-details {
+      display: none;
+    }
   }
 }
 
diff --git a/src/Styles/BookingScreen/Template/BSLayout6/BSLayout6.scss b/src/Styles/BookingScreen/Template/BSLayout6/BSLayout6.scss
index c8aef0a..e1fcaab 100644
--- a/src/Styles/BookingScreen/Template/BSLayout6/BSLayout6.scss
+++ b/src/Styles/BookingScreen/Template/BSLayout6/BSLayout6.scss
@@ -240,6 +240,16 @@
   padding: 0 6px;
   @media (max-width: 500px) {
     font-size: 10px;
+    gap: 10px !important;
+    justify-content: flex-end !important;
+    .SalesCountComponent-Master {
+      display: none;
+    }
+  }
+  @media (max-width: 768px) {
+    .pricing-name-details {
+      display: none;
+    }
   }
 }