diff --git a/app/Views/stock/CoatingMachineDetail.php b/app/Views/stock/CoatingMachineDetail.php
index 2197811d..a9f68d72 100644
--- a/app/Views/stock/CoatingMachineDetail.php
+++ b/app/Views/stock/CoatingMachineDetail.php
@@ -241,41 +241,38 @@
     .table-responsive {
         overflow-x: auto;
         overflow-y: auto;
-        max-height: 500px;
+        max-height: 70vh;
         max-width: 100%;
         position: relative;
     }
 
-    /* Adjust heights based on screen zoom */
-    @media only screen and (min-height: 1400px) {
 
-        /* Approximate Zoom < 100% */
+    
+    /* Small devices (phones, less than 576px) */
+    @media (max-width: 575.98px) {
         .table-responsive {
-            max-height: 425px;
+            max-height: 50vh;
         }
     }
-
-    @media only screen and (min-height: 1200px) {
-
-        /* Approximate Zoom ~ 90% */
+    
+    /* Medium devices (tablets, ≥ 576px and < 768px) */
+    @media (min-width: 576px) and (max-width: 767.98px) {
         .table-responsive {
-            max-height: 500px;
+            max-height: 60vh;
         }
     }
-
-    @media only screen and (min-height: 1000px) {
-
-        /* Approximate Zoom ~ 80% */
+    
+    /* Large devices (desktops, ≥ 768px and < 992px) */
+    @media (min-width: 768px) and (max-width: 991.98px) {
         .table-responsive {
-            max-height: 600px;
+            max-height: 65vh;
         }
     }
-
-    @media only screen and (min-height: 800px) {
-
-        /* Approximate Zoom ~ 75% */
+    
+    /* Extra large devices (large desktops, ≥ 992px) */
+    @media (min-width: 992px) {
         .table-responsive {
-            max-height: 650px;
+            max-height: 75vh;
         }
     }
 
@@ -1930,7 +1927,7 @@ $(document).ready(function() {
                 // Reset .table-responsive height when exiting fullscreen
                  // If .table-responsive exists, set its height to 90vh
                  if (tableResponsive) {
-                    tableResponsive.style.maxHeight = "450px";
+                    tableResponsive.style.maxHeight = "70vh";
                     tableResponsive.style.overflowY = "auto"; // Allow scrolling if needed
                 }
             }).catch(err => console.log("Error exiting fullscreen:", err));
diff --git a/app/Views/stock/bagStockDetails.php b/app/Views/stock/bagStockDetails.php
index d059bc1f..a80c5f3d 100644
--- a/app/Views/stock/bagStockDetails.php
+++ b/app/Views/stock/bagStockDetails.php
@@ -238,7 +238,7 @@
     .table-responsive {
         overflow-x: auto;
         overflow-y: auto;
-        max-height: 450px;
+        max-height: 70vh;
         max-width: 100%;
         position: relative;
     }
@@ -277,6 +277,37 @@
         display: none;
     }
 
+    
+    
+    /* Small devices (phones, less than 576px) */
+    @media (max-width: 575.98px) {
+        .table-responsive {
+            max-height: 50vh;
+        }
+    }
+    
+    /* Medium devices (tablets, ≥ 576px and < 768px) */
+    @media (min-width: 576px) and (max-width: 767.98px) {
+        .table-responsive {
+            max-height: 60vh;
+        }
+    }
+    
+    /* Large devices (desktops, ≥ 768px and < 992px) */
+    @media (min-width: 768px) and (max-width: 991.98px) {
+        .table-responsive {
+            max-height: 65vh;
+        }
+    }
+    
+    /* Extra large devices (large desktops, ≥ 992px) */
+    @media (min-width: 992px) {
+        .table-responsive {
+            max-height: 75vh;
+        }
+        
+    }
+
 </style>
 
 
@@ -1494,7 +1525,7 @@ foreach ($period as $day) {
                 // Reset .table-responsive height when exiting fullscreen
                  // If .table-responsive exists, set its height to 90vh
                  if (tableResponsive) {
-                    tableResponsive.style.maxHeight = "450px";
+                    tableResponsive.style.maxHeight = "70vh";
                     tableResponsive.style.overflowY = "auto"; // Allow scrolling if needed
                 }
             }).catch(err => console.log("Error exiting fullscreen:", err));
diff --git a/app/Views/stock/dieselStockDetails.php b/app/Views/stock/dieselStockDetails.php
index 9cf45a87..b837c4dd 100644
--- a/app/Views/stock/dieselStockDetails.php
+++ b/app/Views/stock/dieselStockDetails.php
@@ -236,7 +236,7 @@
     .table-responsive {
         overflow-x: auto;
         overflow-y: auto;
-        max-height: 450px;
+        max-height: 70vh;
         max-width: 100%;
         position: relative;
     }
@@ -268,6 +268,36 @@
         display: none;
     }
 
+    
+    
+    /* Small devices (phones, less than 576px) */
+    @media (max-width: 575.98px) {
+    .table-responsive {
+        max-height: 50vh;
+    }
+    }
+    
+    /* Medium devices (tablets, ≥ 576px and < 768px) */
+    @media (min-width: 576px) and (max-width: 767.98px) {
+    .table-responsive {
+        max-height: 60vh;
+    }
+    }
+    
+    /* Large devices (desktops, ≥ 768px and < 992px) */
+    @media (min-width: 768px) and (max-width: 991.98px) {
+    .table-responsive {
+        max-height: 65vh;
+    }
+    }
+    
+    /* Extra large devices (large desktops, ≥ 992px) */
+    @media (min-width: 992px) {
+    .table-responsive {
+        max-height: 75vh;
+    }
+    }
+
 
 
 </style>
@@ -1974,7 +2004,7 @@ foreach ($period as $day) {
                 // Reset .table-responsive height when exiting fullscreen
                  // If .table-responsive exists, set its height to 90vh
                  if (tableResponsive) {
-                    tableResponsive.style.maxHeight = "450px";
+                    tableResponsive.style.maxHeight = "70vh";
                     tableResponsive.style.overflowY = "auto"; // Allow scrolling if needed
                 }
             }).catch(err => console.log("Error exiting fullscreen:", err));
diff --git a/app/Views/stock/drierMachineDetails.php b/app/Views/stock/drierMachineDetails.php
index 6fa1f82d..7b90610f 100644
--- a/app/Views/stock/drierMachineDetails.php
+++ b/app/Views/stock/drierMachineDetails.php
@@ -244,7 +244,7 @@ $datefordropdown = format_date($datefordropdown, 0, 'M-Y');
     .table-responsive {
         overflow-x: auto;
         overflow-y: auto;
-        max-height: 500px;
+        max-height: 70vh;
         max-width: 100%;
         position: relative;
     }
@@ -272,6 +272,45 @@ $datefordropdown = format_date($datefordropdown, 0, 'M-Y');
     .card {
         margin-bottom: 5px;
     }
+
+
+    
+    
+    /* Small devices (phones, less than 576px) */
+    @media (max-width: 575.98px) {
+        .table-responsive {
+            max-height: 50vh;
+        }
+    }
+    
+    /* Medium devices (tablets, ≥ 576px and < 768px) */
+    @media (min-width: 576px) and (max-width: 767.98px) {
+        .table-responsive {
+            max-height: 60vh;
+        }
+    }
+    
+    /* Large devices (desktops, ≥ 768px and < 992px) */
+    @media (min-width: 768px) and (max-width: 991.98px) {
+        .table-responsive {
+            max-height: 65vh;
+        }
+    }
+    
+    /* Extra large devices (large desktops, ≥ 992px) */
+    @media (min-width: 992px) {
+        .table-responsive {
+            max-height: 75vh;
+        }
+    }
+
+
+
+
+
+
+
+
 </style>
 <div class="content-page">
     <div class="content">
@@ -1653,7 +1692,7 @@ $datefordropdown = format_date($datefordropdown, 0, 'M-Y');
                 // Reset .table-responsive height when exiting fullscreen
                  // If .table-responsive exists, set its height to 90vh
                  if (tableResponsive) {
-                    tableResponsive.style.maxHeight = "450px";
+                    tableResponsive.style.maxHeight = "70vh";
                     tableResponsive.style.overflowY = "auto"; // Allow scrolling if needed
                 }
             }).catch(err => console.log("Error exiting fullscreen:", err));
diff --git a/app/Views/stock/dustAndRoughStockDetails.php b/app/Views/stock/dustAndRoughStockDetails.php
index e04631ae..42da253a 100644
--- a/app/Views/stock/dustAndRoughStockDetails.php
+++ b/app/Views/stock/dustAndRoughStockDetails.php
@@ -237,41 +237,38 @@
     .table-responsive {
         overflow-x: auto;
         overflow-y: auto;
-        max-height: 500px;
+        max-height: 70vh;
         max-width: 100%;
         position: relative;
     }
 
-    /* Adjust heights based on screen zoom */
-    @media only screen and (min-height: 1400px) {
 
-        /* Approximate Zoom < 100% */
+    
+    /* Small devices (phones, less than 576px) */
+    @media (max-width: 575.98px) {
+    .table-responsive {
+        max-height: 50vh;
+    }
+    }
+    
+    /* Medium devices (tablets, ≥ 576px and < 768px) */
+    @media (min-width: 576px) and (max-width: 767.98px) {
         .table-responsive {
-            max-height: 425px;
+            max-height: 60vh;
         }
     }
-
-    @media only screen and (min-height: 1200px) {
-
-        /* Approximate Zoom ~ 90% */
+    
+    /* Large devices (desktops, ≥ 768px and < 992px) */
+    @media (min-width: 768px) and (max-width: 991.98px) {
         .table-responsive {
-            max-height: 500px;
+            max-height: 65vh;
         }
     }
-
-    @media only screen and (min-height: 1000px) {
-
-        /* Approximate Zoom ~ 80% */
+    
+    /* Extra large devices (large desktops, ≥ 992px) */
+    @media (min-width: 992px) {
         .table-responsive {
-            max-height: 600px;
-        }
-    }
-
-    @media only screen and (min-height: 800px) {
-
-        /* Approximate Zoom ~ 75% */
-        .table-responsive {
-            max-height: 650px;
+            max-height: 75vh;
         }
     }
 
@@ -1039,7 +1036,7 @@
                 // Reset .table-responsive height when exiting fullscreen
                  // If .table-responsive exists, set its height to 90vh
                  if (tableResponsive) {
-                    tableResponsive.style.maxHeight = "450px";
+                    tableResponsive.style.maxHeight = "70vh";
                     tableResponsive.style.overflowY = "auto"; // Allow scrolling if needed
                 }
             }).catch(err => console.log("Error exiting fullscreen:", err));
diff --git a/app/Views/stock/gasStockDetails.php b/app/Views/stock/gasStockDetails.php
index 250f804e..3d331ee0 100644
--- a/app/Views/stock/gasStockDetails.php
+++ b/app/Views/stock/gasStockDetails.php
@@ -222,7 +222,7 @@
     .table-responsive {
         overflow-x: auto;
         overflow-y: auto;
-        max-height: 450px;
+        max-height: 70vh;
         max-width: 100%;
         position: relative;
     }
@@ -1456,7 +1456,7 @@
                 // Reset .table-responsive height when exiting fullscreen
                  // If .table-responsive exists, set its height to 90vh
                  if (tableResponsive) {
-                    tableResponsive.style.maxHeight = "450px";
+                    tableResponsive.style.maxHeight = "70vh";
                     tableResponsive.style.overflowY = "auto"; // Allow scrolling if needed
                 }
             }).catch(err => console.log("Error exiting fullscreen:", err));
diff --git a/app/Views/stock/incomingSilicaSandDetails.php b/app/Views/stock/incomingSilicaSandDetails.php
index 38bc8528..1b8f0393 100644
--- a/app/Views/stock/incomingSilicaSandDetails.php
+++ b/app/Views/stock/incomingSilicaSandDetails.php
@@ -222,11 +222,40 @@
     .table-responsive {
         overflow-x: auto;
         overflow-y: auto;
-        max-height: 450px;
+        max-height: 70vh;
         max-width: 100%;
         position: relative;
     }
 
+    
+    
+    /* Small devices (phones, less than 576px) */
+    @media (max-width: 575.98px) {
+        .table-responsive {
+            max-height: 50vh;
+        }
+    }
+    
+    /* Medium devices (tablets, ≥ 576px and < 768px) */
+    @media (min-width: 576px) and (max-width: 767.98px) {
+        .table-responsive {
+            max-height: 60vh;
+        }
+    }
+    
+    /* Large devices (desktops, ≥ 768px and < 992px) */
+    @media (min-width: 768px) and (max-width: 991.98px) {
+        .table-responsive {
+            max-height: 65vh;
+        }
+    }
+    
+    /* Extra large devices (large desktops, ≥ 992px) */
+    @media (min-width: 992px) {
+        .table-responsive {
+            max-height: 75vh;
+        }
+    }
 
 
     .fht-table thead th {
@@ -2028,7 +2057,7 @@
                 // Reset .table-responsive height when exiting fullscreen
                  // If .table-responsive exists, set its height to 90vh
                  if (tableResponsive) {
-                    tableResponsive.style.maxHeight = "450px";
+                    tableResponsive.style.maxHeight = "70vh";
                     tableResponsive.style.overflowY = "auto"; // Allow scrolling if needed
                 }
             }).catch(err => console.log("Error exiting fullscreen:", err));
diff --git a/app/Views/stock/powerConsumptionDetails.php b/app/Views/stock/powerConsumptionDetails.php
index 6ff22e6c..d52272b7 100644
--- a/app/Views/stock/powerConsumptionDetails.php
+++ b/app/Views/stock/powerConsumptionDetails.php
@@ -232,7 +232,7 @@
     .table-responsive {
         overflow-x: auto;
         overflow-y: auto;
-        max-height: 450px;
+        max-height: 70vh;
         max-width: 100%;
         position: relative;
     }
@@ -271,6 +271,39 @@
         display: none;
     }
 
+    
+    
+    /* Small devices (phones, less than 576px) */
+    @media (max-width: 575.98px) {
+    .table-responsive {
+        max-height: 50vh;
+    }
+    }
+    
+    /* Medium devices (tablets, ≥ 576px and < 768px) */
+    @media (min-width: 576px) and (max-width: 767.98px) {
+    .table-responsive {
+        max-height: 60vh;
+    }
+    }
+    
+    /* Large devices (desktops, ≥ 768px and < 992px) */
+    @media (min-width: 768px) and (max-width: 991.98px) {
+    .table-responsive {
+        max-height: 65vh;
+    }
+    }
+    
+    /* Extra large devices (large desktops, ≥ 992px) */
+    @media (min-width: 992px) {
+    .table-responsive {
+        max-height: 75vh;
+    }
+    }
+
+
+
+
 </style>
 
 
@@ -1844,7 +1877,7 @@ foreach ($period as $day) {
                 // Reset .table-responsive height when exiting fullscreen
                 // If .table-responsive exists, set its height to 90vh
                 if (tableResponsive) {
-                    tableResponsive.style.maxHeight = "450px";
+                    tableResponsive.style.maxHeight = "70vh";
                     tableResponsive.style.overflowY = "auto"; // Allow scrolling if needed
                 }
             }).catch(err => console.log("Error exiting fullscreen:", err));
diff --git a/app/Views/stock/resinStockDetails.php b/app/Views/stock/resinStockDetails.php
index 81b1f9ae..9ffbda4c 100644
--- a/app/Views/stock/resinStockDetails.php
+++ b/app/Views/stock/resinStockDetails.php
@@ -237,7 +237,7 @@
     .table-responsive {
         overflow-x: auto;
         overflow-y: auto;
-        max-height: 580px;
+        max-height: 70vh;
         max-width: 100%;
         position: relative;
     }
@@ -272,6 +272,35 @@
     }
 
 
+    
+    /* Small devices (phones, less than 576px) */
+    @media (max-width: 575.98px) {
+        .table-responsive {
+            max-height: 50vh;
+        }
+    }
+    
+    /* Medium devices (tablets, ≥ 576px and < 768px) */
+    @media (min-width: 576px) and (max-width: 767.98px) {
+        .table-responsive {
+            max-height: 60vh;
+        }
+    }
+    
+    /* Large devices (desktops, ≥ 768px and < 992px) */
+    @media (min-width: 768px) and (max-width: 991.98px) {
+        .table-responsive {
+            max-height: 65vh;
+        }
+    }
+    
+    /* Extra large devices (large desktops, ≥ 992px) */
+    @media (min-width: 992px) {
+        .table-responsive {
+            max-height: 75vh;
+        }
+    }
+
 </style>
 
 
@@ -1469,7 +1498,7 @@ foreach ($period as $day) {
                 // Reset .table-responsive height when exiting fullscreen
                 // If .table-responsive exists, set its height to 90vh
                 if (tableResponsive) {
-                    tableResponsive.style.maxHeight = "450px";
+                    tableResponsive.style.maxHeight = "70vh";
                     tableResponsive.style.overflowY = "auto"; // Allow scrolling if needed
                 }
             }).catch(err => console.log("Error exiting fullscreen:", err));
diff --git a/app/Views/stock/trpProductionStockDetails.php b/app/Views/stock/trpProductionStockDetails.php
index 2d3a0a7b..509fb1de 100644
--- a/app/Views/stock/trpProductionStockDetails.php
+++ b/app/Views/stock/trpProductionStockDetails.php
@@ -235,41 +235,38 @@
     .table-responsive {
         overflow-x: auto;
         overflow-y: auto;
-        max-height: 500px;
+        max-height: 70vh;
         max-width: 100%;
         position: relative;
     }
 
-    /* Adjust heights based on screen zoom */
-    @media only screen and (min-height: 1400px) {
 
-        /* Approximate Zoom < 100% */
+    
+    /* Small devices (phones, less than 576px) */
+    @media (max-width: 575.98px) {
         .table-responsive {
-            max-height: 425px;
+            max-height: 50vh;
         }
     }
-
-    @media only screen and (min-height: 1200px) {
-
-        /* Approximate Zoom ~ 90% */
+    
+    /* Medium devices (tablets, ≥ 576px and < 768px) */
+    @media (min-width: 576px) and (max-width: 767.98px) {
         .table-responsive {
-            max-height: 500px;
+            max-height: 60vh;
         }
     }
-
-    @media only screen and (min-height: 1000px) {
-
-        /* Approximate Zoom ~ 80% */
+    
+    /* Large devices (desktops, ≥ 768px and < 992px) */
+    @media (min-width: 768px) and (max-width: 991.98px) {
         .table-responsive {
-            max-height: 600px;
+            max-height: 65vh;
         }
     }
-
-    @media only screen and (min-height: 800px) {
-
-        /* Approximate Zoom ~ 75% */
+    
+    /* Extra large devices (large desktops, ≥ 992px) */
+    @media (min-width: 992px) {
         .table-responsive {
-            max-height: 650px;
+            max-height: 75vh;
         }
     }
 
@@ -2723,7 +2720,7 @@ $timeOtions[] = "12:00 AM";
                 // Reset .table-responsive height when exiting fullscreen
                 // If .table-responsive exists, set its height to 90vh
                 if (tableResponsive) {
-                    tableResponsive.style.maxHeight = "450px";
+                    tableResponsive.style.maxHeight = "70vh";
                     tableResponsive.style.overflowY = "auto"; // Allow scrolling if needed
                 }
             }).catch(err => console.log("Error exiting fullscreen:", err));
diff --git a/app/Views/stock/trpSandUseStockDetails.php b/app/Views/stock/trpSandUseStockDetails.php
index d4894a55..c56b373a 100644
--- a/app/Views/stock/trpSandUseStockDetails.php
+++ b/app/Views/stock/trpSandUseStockDetails.php
@@ -222,41 +222,38 @@
     .table-responsive {
         overflow-x: auto;
         overflow-y: auto;
-        max-height: 500px;
+        max-height: 70vh;
         max-width: 100%;
         position: relative;
     }
 
-    /* Adjust heights based on screen zoom */
-    @media only screen and (min-height: 1400px) {
 
-        /* Approximate Zoom < 100% */
+    
+    /* Small devices (phones, less than 576px) */
+    @media (max-width: 575.98px) {
         .table-responsive {
-            max-height: 425px;
+            max-height: 50vh;
         }
     }
-
-    @media only screen and (min-height: 1200px) {
-
-        /* Approximate Zoom ~ 90% */
+    
+    /* Medium devices (tablets, ≥ 576px and < 768px) */
+    @media (min-width: 576px) and (max-width: 767.98px) {
         .table-responsive {
-            max-height: 500px;
+            max-height: 60vh;
         }
     }
-
-    @media only screen and (min-height: 1000px) {
-
-        /* Approximate Zoom ~ 80% */
+    
+    /* Large devices (desktops, ≥ 768px and < 992px) */
+    @media (min-width: 768px) and (max-width: 991.98px) {
         .table-responsive {
-            max-height: 600px;
+            max-height: 65vh;
         }
     }
-
-    @media only screen and (min-height: 800px) {
-
-        /* Approximate Zoom ~ 75% */
+    
+    /* Extra large devices (large desktops, ≥ 992px) */
+    @media (min-width: 992px) {
         .table-responsive {
-            max-height: 650px;
+            max-height: 75vh;
         }
     }
 
@@ -1086,7 +1083,7 @@
                 // Reset .table-responsive height when exiting fullscreen
                  // If .table-responsive exists, set its height to 90vh
                  if (tableResponsive) {
-                    tableResponsive.style.maxHeight = "450px";
+                    tableResponsive.style.maxHeight = "70vh";
                     tableResponsive.style.overflowY = "auto"; // Allow scrolling if needed
                 }
             }).catch(err => console.log("Error exiting fullscreen:", err));