diff --git a/src/Pages/BookingScreen/Components/BSBillingTables/StandardTable/StandardTable.scss b/src/Pages/BookingScreen/Components/BSBillingTables/StandardTable/StandardTable.scss
index 3ce5388..74e2e80 100644
--- a/src/Pages/BookingScreen/Components/BSBillingTables/StandardTable/StandardTable.scss
+++ b/src/Pages/BookingScreen/Components/BSBillingTables/StandardTable/StandardTable.scss
@@ -1082,7 +1082,7 @@
   border-radius: 12px;
 
   @media screen and (max-width: 768px) {
-    width: 100%;
+    width: 0% !important;
     height: max-content;
     overflow: hidden;
     // position: fixed;
@@ -1212,7 +1212,7 @@
 
 .booking-table-footer {
   width: 100%;
-   padding: 10px 10px 4px 10px;
+  padding: 10px 10px 4px 10px;
   display: flex;
   flex-direction: column;
   gap: 3px;
@@ -1289,7 +1289,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-   gap: 0.5rem;
+  gap: 0.5rem;
   opacity: 1;
   background-color: #0d9488;
   color: #fff;
@@ -1579,7 +1579,7 @@
     height: max-content !important;
     max-height: 30vh !important;
     position: fixed;
-     bottom: 140px;
+    bottom: 140px;
     width: 100%;
   }
 }
diff --git a/src/Pages/BookingScreen/Components/BSItemCards/BSItemCard.jsx b/src/Pages/BookingScreen/Components/BSItemCards/BSItemCard.jsx
index 1f68a4f..2ac80b8 100644
--- a/src/Pages/BookingScreen/Components/BSItemCards/BSItemCard.jsx
+++ b/src/Pages/BookingScreen/Components/BSItemCards/BSItemCard.jsx
@@ -6115,7 +6115,7 @@ const BSItemCard = (props) => {
               top:
                 templateData?.BookingNavbar?.[0] === 'Navbar3' &&
                 templateData?.BookingLayout?.[0] === 'Layout3'
-                  ? '1rem'
+                  ? '5px'
                   : templateData?.BookingNavbar?.[0] === 'Navbar3' &&
                       ['Layout1', 'Layout2'].includes(
                         templateData?.BookingLayout?.[0]
diff --git a/src/Styles/BookingScreen/Components/BSBillingTables/BSBillingTables3/BSBillingTable3.scss b/src/Styles/BookingScreen/Components/BSBillingTables/BSBillingTables3/BSBillingTable3.scss
index e78096d..6644b49 100644
--- a/src/Styles/BookingScreen/Components/BSBillingTables/BSBillingTables3/BSBillingTable3.scss
+++ b/src/Styles/BookingScreen/Components/BSBillingTables/BSBillingTables3/BSBillingTable3.scss
@@ -1091,6 +1091,7 @@
 
 .TableStandardPay {
   padding: 4px;
+  background-color: #fff;
   @media (max-width: 768px) {
     left: 0;
     right: 0;
diff --git a/src/Styles/BookingScreen/Template/BSLayout1/BSLayout1.scss b/src/Styles/BookingScreen/Template/BSLayout1/BSLayout1.scss
index 0372686..56f926d 100644
--- a/src/Styles/BookingScreen/Template/BSLayout1/BSLayout1.scss
+++ b/src/Styles/BookingScreen/Template/BSLayout1/BSLayout1.scss
@@ -12,14 +12,9 @@
 .BSLayout1Standard {
   overflow: hidden;
   position: relative;
-   height: 100%;
-
-  @media (max-width: 768px) {
-    top: 2rem;
-  }
-
+  height: 100%;
   @media (max-width: 500px) {
-    top: 2rem;
+    bottom: 4px;
   }
 }
 
@@ -181,7 +176,6 @@ body {
     height: 100% !important;
   }
 
- 
   .BSlayout1-Table5 {
     width: 0px;
     justify-content: flex-end !important;
@@ -220,7 +214,6 @@ body {
     height: 100% !important;
   }
 
- 
   .BSlayout1-Table5 {
     width: 0px;
     margin: 0rem 0rem !important;
@@ -240,7 +233,6 @@ body {
 }
 
 @media (width: 1280px) and (max-height: 1024px) {
- 
   .BSlayout1-Table5 {
     height: clamp(79.5vh, 80rem, 76vh) !important;
   }
@@ -310,7 +302,15 @@ body {
 
   @media (max-width: 500px) {
     font-size: 10px;
-    flex-wrap: wrap;
+    justify-content: flex-end;
+    gap: 10px;
+    .SalesCountComponent-Master {
+      display: none;
+    }
+  }
+
+  @media (max-width: 768px) {
+    flex-wrap: nowrap;
   }
 }
 
diff --git a/src/Styles/BookingScreen/Template/BSLayout2/BSLayout2.scss b/src/Styles/BookingScreen/Template/BSLayout2/BSLayout2.scss
index 30392ef..3a1b02f 100644
--- a/src/Styles/BookingScreen/Template/BSLayout2/BSLayout2.scss
+++ b/src/Styles/BookingScreen/Template/BSLayout2/BSLayout2.scss
@@ -24,30 +24,13 @@ body {
 .BSLayout2 {
   overflow: hidden;
   position: relative;
-  top: 2.1rem;
   height: 100%;
-
-  @media (max-width: 768px) {
-    top: 3.9rem;
-  }
-
-  @media (max-width: 500px) {
-    top: 3.1rem;
-  }
 }
 
 .BSLayout2Standard {
   overflow: hidden;
   position: relative;
-   height: 100%;
-
-  @media (max-width: 768px) {
-    top: 2rem;
-  }
-
-  @media (max-width: 500px) {
-    top: 2rem;
-  }
+  height: 100%;
 }
 
 .BSBillingTable-oCbtn {
@@ -158,7 +141,7 @@ body {
     position: fixed !important;
     align-items: center !important;
     bottom: 0;
-    left: -4px;
+    left: -54px;
   }
 
   .BSLayout2-Master .BSCategory2-Cardcont {
@@ -488,7 +471,15 @@ body {
 
   @media (max-width: 500px) {
     font-size: 10px;
-    flex-wrap: wrap;
+    justify-content: flex-end;
+    gap: 10px;
+    .SalesCountComponent-Master {
+      display: none;
+    }
+  }
+
+  @media (max-width: 768px) {
+    flex-wrap: nowrap;
   }
 }
 .pricing-name-details {
diff --git a/src/Styles/BookingScreen/Template/BSLayout3/BSLayout3.scss b/src/Styles/BookingScreen/Template/BSLayout3/BSLayout3.scss
index 1cb79a1..17fdc52 100644
--- a/src/Styles/BookingScreen/Template/BSLayout3/BSLayout3.scss
+++ b/src/Styles/BookingScreen/Template/BSLayout3/BSLayout3.scss
@@ -18,16 +18,7 @@
 .BSLayout3Standard {
   overflow: hidden;
   position: relative;
-  top: 2.2rem;
   height: 100%;
-
-  @media (max-width: 768px) {
-    top: 3.5rem;
-  }
-
-  @media (max-width: 500px) {
-    top: 3rem;
-  }
 }
 
 .BSBillingTable-oCbtn {
@@ -418,7 +409,7 @@
   padding: 0rem 0.4rem;
   background-color: #fff;
   font-size: 12px;
-   border-radius: 3px;
+  border-radius: 3px;
   color: #000;
 }
 
@@ -494,7 +485,15 @@
 
   @media (max-width: 500px) {
     font-size: 10px;
-    flex-wrap: wrap;
+    justify-content: flex-end;
+    gap: 10px;
+    .SalesCountComponent-Master {
+      display: none;
+    }
+  }
+
+  @media (max-width: 768px) {
+    flex-wrap: nowrap;
   }
 }
 .pricing-name-details {
diff --git a/src/Styles/BookingScreen/Template/BSLayout4/BSLayout4.scss b/src/Styles/BookingScreen/Template/BSLayout4/BSLayout4.scss
index e9a5e4a..143132a 100644
--- a/src/Styles/BookingScreen/Template/BSLayout4/BSLayout4.scss
+++ b/src/Styles/BookingScreen/Template/BSLayout4/BSLayout4.scss
@@ -47,7 +47,7 @@
 
 .Bslayout4_table {
   width: 425px !important;
-   height: 86vh;
+  height: 86vh;
   background-color: #fff;
   border-radius: 8px;
 }
@@ -288,7 +288,15 @@
 
   @media (max-width: 500px) {
     font-size: 10px;
-    flex-wrap: wrap;
+    justify-content: flex-end;
+    gap: 10px;
+    .SalesCountComponent-Master {
+      display: none;
+    }
+  }
+
+  @media (max-width: 768px) {
+    flex-wrap: nowrap;
   }
 }
 .pricing-name-details {
diff --git a/src/Styles/BookingScreen/Template/BSLayout5/BSLayout5.scss b/src/Styles/BookingScreen/Template/BSLayout5/BSLayout5.scss
index 9840c00..42c72b5 100644
--- a/src/Styles/BookingScreen/Template/BSLayout5/BSLayout5.scss
+++ b/src/Styles/BookingScreen/Template/BSLayout5/BSLayout5.scss
@@ -174,7 +174,15 @@
 
   @media (max-width: 500px) {
     font-size: 10px;
-    flex-wrap: wrap;
+    justify-content: flex-end;
+    gap: 10px;
+    .SalesCountComponent-Master {
+      display: none;
+    }
+  }
+
+  @media (max-width: 768px) {
+    flex-wrap: nowrap;
   }
 }
 
diff --git a/src/Styles/BookingScreen/Template/BSLayout6/BSLayout6.scss b/src/Styles/BookingScreen/Template/BSLayout6/BSLayout6.scss
index 6a6bb3b..c8aef0a 100644
--- a/src/Styles/BookingScreen/Template/BSLayout6/BSLayout6.scss
+++ b/src/Styles/BookingScreen/Template/BSLayout6/BSLayout6.scss
@@ -278,7 +278,15 @@
 
   @media (max-width: 500px) {
     font-size: 10px;
-    flex-wrap: wrap;
+    justify-content: flex-end;
+    gap: 10px;
+    .SalesCountComponent-Master {
+      display: none;
+    }
+  }
+
+  @media (max-width: 768px) {
+    flex-wrap: nowrap;
   }
 }
 .pricing-name-details {