diff --git a/src/Pages/BookingScreen/Components/BSNavbar/verfiedProduct/VerfiedProducts.jsx b/src/Pages/BookingScreen/Components/BSNavbar/verfiedProduct/VerfiedProducts.jsx
index 0969a2a..6b5a781 100644
--- a/src/Pages/BookingScreen/Components/BSNavbar/verfiedProduct/VerfiedProducts.jsx
+++ b/src/Pages/BookingScreen/Components/BSNavbar/verfiedProduct/VerfiedProducts.jsx
@@ -19,6 +19,8 @@ import './Verfiedproduct.scss';
 import { useSelector } from 'react-redux';
 import { ApplicationPreferences } from '../../../../../Features/BrachLogin/BranchLogin.js';
 import { changeOfferAppliedProductsForMembership } from '../../../../../Features/Offer/Offernew/BookingOffernew.js';
+import BarCodeScan from '../../../../../Services/BarCodeScan.jsx';
+import { isMobile } from 'react-device-detect';
 
 
 const VerfiedProducts = ({ drawerOpen = false, setDrawerOpen = () => {} }) => {
@@ -303,10 +305,16 @@ const VerfiedProducts = ({ drawerOpen = false, setDrawerOpen = () => {} }) => {
             >
               Clear
             </button>
-
-            <button onClick={() => setShowScanner((s) => !s)}>
+            {!isMobile ?
+              (<button onClick={() => setShowScanner((s) => !s)}>
               {showScanner ? 'Stop Camera' : 'Scan with Camera'}
-            </button>
+              </button>)
+              : (<BarCodeScan
+                onScan={(value) => {
+                  setScanValue(value);
+                  fetchProductsByOrderId(value);
+                }}
+              />)}
           </div>
 
           {message && <div className="SelfBooking-message">{message}</div>}