diff --git a/ServiceHost/wwwroot/AssetsClient/pages/Register/css/_Partials/_Step3.css b/ServiceHost/wwwroot/AssetsClient/pages/Register/css/_Partials/_Step3.css
index e5b63a81..c96ed6e4 100644
--- a/ServiceHost/wwwroot/AssetsClient/pages/Register/css/_Partials/_Step3.css
+++ b/ServiceHost/wwwroot/AssetsClient/pages/Register/css/_Partials/_Step3.css
@@ -71,7 +71,7 @@
     color: #0B5959;
     font-size: 18px;
     font-weight: 600;
-    width: 150px;
+    width: 140px;
     text-align: center;
 }
 
@@ -118,7 +118,7 @@
     font-size: 18px;
     font-weight: 600;
     text-align: end;
-    width: 150px;
+    width: 140px;
 }
 
 .titleInfoWP {
@@ -188,10 +188,10 @@
 
 .totalTitle {
     font-size: 1rem;
-    font-weight: 800;
+    font-weight: 700;
     color: #575757;
     text-align: center;
-    margin: 6px auto;
+    /*margin: 6px auto;*/
 }
 
 
@@ -266,6 +266,12 @@
     }
 
 
+.custom-padding {
+    padding: 0 0 0 33px;
+}
+
+
+
 @media only screen and (max-width: 1366px) {
     /*.btnRadioContainer {
         grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -276,12 +282,19 @@
     }
 
     .totalPayWP {
-        font-size: 15px;
+        font-size: 14px;
+        font-weight: 800;
+        width: 126px;
+    }
+    
+    .totalTitle {
+        font-size: 0.8rem;
     }
 
     .totalPaymentWP {
-        font-size: 18px;
-        font-weight: 700;
+        font-size: 14px;
+        font-weight: 800;
+        width: 126px;
     }
 }
 
@@ -346,6 +359,15 @@
         text-align: center;
         margin-top: 20px;
         font-weight: 800;
+        width: 120px;
+    }
+
+    .errorString {
+        display: none;
+    }
+
+    .custom-padding {
+        padding: 0;
     }
 }
 
@@ -367,6 +389,7 @@
 
     .totalPaymentWP {
         margin-top: 18px;
+        width: 110px;
     }
 
     .totalPayCon {
diff --git a/ServiceHost/wwwroot/AssetsClient/pages/Register/js/_Partials/_Step3.js b/ServiceHost/wwwroot/AssetsClient/pages/Register/js/_Partials/_Step3.js
index 4c5b8023..1aa8f56a 100644
--- a/ServiceHost/wwwroot/AssetsClient/pages/Register/js/_Partials/_Step3.js
+++ b/ServiceHost/wwwroot/AssetsClient/pages/Register/js/_Partials/_Step3.js
@@ -4,6 +4,7 @@ var command = {
 };
 let totalPrice = 0;
 var workshopDataId = 0;
+const isMobile = window.matchMedia('(max-width: 767px)').matches;
 
 $(document).ready(function () {
 	var $inputs = $('.operations-btns input');
@@ -38,15 +39,26 @@ $(document).on('input', '.operations-btns .numberSpanInput', function () {
 
     if (isNaN(number) || number === 0) {
         $input.addClass("errored");
-        $('.errorString').show().text('عدد وارد شده نامعتبر است.');
+        if (isMobile) {
+            validateField($(this), "عدد وارد شده نامعتبر است.", 2500);
+        } else {
+            $('.errorString').show().text('عدد وارد شده نامعتبر است.');
+        }
     } else if (number > 2000) {
         $input.addClass("errored");
-		$('.errorString').show().text('تعداد وارد شده نباید بیشتر از ۲۰۰۰ باشد.');
+		if (isMobile) {
+            validateField($(this), "تعداد وارد شده نباید بیشتر از ۲۰۰۰ باشد.", 2500);
+        } else {
+            $('.errorString').show().text('تعداد وارد شده نباید بیشتر از ۲۰۰۰ باشد.');
+        }
         //$input.val('2000');
     } else if (number < 3) {
         $input.addClass("errored");
-		$('.errorString').show().text('تعداد وارد شده باید حداقل ۳ نفر باشد.');
-        //$input.val('3');
+		if (isMobile) {
+            validateField($(this), "تعداد وارد شده باید حداقل ۳ نفر باشد.", 2500);
+        } else {
+            $('.errorString').show().text('تعداد وارد شده باید حداقل ۳ نفر باشد.');
+        }
     } else {
         $('.errorString').hide().text('');
         $input.removeClass("errored");
@@ -130,13 +142,13 @@ function addNewWorkshop() {
 	var workshopHtml = `<div class="accordion-item" data-id="new_${workshopDataId}" data-new="true">
 					<div class="workshopListItem">
 
-						<div class="col-6 col-md-9 col-lg-8 col-xl-9">
+						<div class="col-6 col-md-9 col-lg-8 col-xl-8 col-xxl-9">
 						    <div class="titleWP">
 							    <span class="workshopNameSpan"></span>
 						    </div>
 						</div>
 						
-						<div class="col-6 col-md-3 col-lg-4 col-xl-3">
+						<div class="col-6 col-md-3 col-lg-4 col-xl-4 col-xxl-3">
 						    <div class="d-flex align-items-center justify-content-end gap-1 gap-md-2">
 							    <div class="badgeWP">
 								    <span class="numberSpan">-</span>
@@ -166,7 +178,7 @@ function addNewWorkshop() {
 					</div>
 					<div class="operations-btns">
 						<div class="row align-items-center">
-							<div class="col-12 col-md-9 col-lg-8 col-xl-9">
+							<div class="col-12 col-md-9 col-lg-9 col-xl-8 col-xxl-9">
 								<div class="d-flex align-items-end gap-2">
 									<div class="form-group">
 										<div class="titleInfoWP">
@@ -218,10 +230,10 @@ function addNewWorkshop() {
 								</div>
 							</div>
 							
-							<div class="col-12 col-md-3 col-lg-4 col-xl-3">
-                                <div class="d-flex align-items-center justify-content-center gap-3">
+							<div class="col-12 col-md-3 col-lg-3 col-xl-4 col-xxl-3">
+                                <div class="d-flex align-items-center justify-content-center gap-3 custom-padding">
+							        <div class="totalTitle">مبلغ کل</div>
                                     <div class="totalPaymentWP" id="totalPayment_${workshopDataId}">
-							            <div class="totalTitle">مبلغ کل</div>
                                         <div class="totalPayCon justify-content-center" id="totalPayment_new_${workshopDataId}">
 										-
                                         </div>
@@ -590,13 +602,13 @@ function loadWorkshopData(id) {
 					html += `<div class="accordion-item" id="workshop_${item.id}" data-id="${item.id}" data-new="false">
 				    <div class="workshopListItem">
 					
-						<div class="col-6 col-md-9 col-lg-8 col-xl-9">
+						<div class="col-6 col-md-9 col-lg-8 col-xl-8 col-xxl-9">
 					        <div class="titleWP">
 						        <span class="workshopNameSpan">${item.workshopName}</span>
 					        </div>						
 						</div>
 
-						<div class="col-6 col-md-3 col-lg-4 col-xl-3">
+						<div class="col-6 col-md-3 col-lg-4 col-xl-4 col-xxl-3">
 					        <div class="d-flex align-items-center justify-content-end gap-1 gap-md-2">
 						        <div class="badgeWP">
 							        <span class="numberSpan">${item.countPerson}</span>
@@ -629,7 +641,7 @@ function loadWorkshopData(id) {
 				    </div>
 				    <div class="operations-btns" style="display: ${response.data.length === index+1 ? `block` : `none`}"">
 					    <div class="row align-items-center">
-						    <div class="col-12 col-md-9 col-lg-8 col-xl-9">
+						    <div class="col-12 col-md-9 col-lg-9 col-xl-8 col-xxl-9">
 							    <div class="d-flex align-items-end gap-2">
 								    <div class="form-group">
 									    <div class="titleInfoWP">
@@ -681,10 +693,10 @@ function loadWorkshopData(id) {
 							    </div>
 						    </div>
 
-						    <div class="col-12 col-md-3 col-lg-4 col-xl-3">
-                                <div class="d-flex align-items-center justify-content-center gap-3">
+						    <div class="col-12 col-md-3 col-lg-3 col-xl-4 col-xxl-3">
+                                <div class="d-flex align-items-center justify-content-center gap-3 custom-padding">
+							        <div class="totalTitle">مبلغ کل</div>
 						            <div class="totalPaymentWP">
-							            <div class="totalTitle">مبلغ کل</div>
 							            <div class="totalPayCon" id="totalPayment_${item.id}">
 								            <span>${item.workshopServicesAmountStr}</span>
 										    <span> ریال</span>
@@ -728,13 +740,13 @@ function loadWorkshopData(id) {
                 html += `<div class="accordion-item" id="workshop_0" data-id="new_0" data-new="true">
 				    <div class="workshopListItem">
 
-						<div class="col-6 col-md-9 col-lg-8 col-xl-9">
+						<div class="col-6 col-md-9 col-lg-8 col-xl-8 col-xxl-9">
 					        <div class="titleWP">
 						        <span class="workshopNameSpan"></span>
 					        </div>
 					    </div>
 
-						<div class="col-6 col-md-3 col-lg-4 col-xl-3">
+						<div class="col-6 col-md-3 col-lg-4 col-xl-4 col-xxl-3">
 					        <div class="d-flex align-items-center justify-content-end gap-1 gap-md-2">
 						        <div class="badgeWP">
 							        <span class="numberSpan">-</span>
@@ -764,7 +776,7 @@ function loadWorkshopData(id) {
 				    </div>
 				    <div class="operations-btns" style="display: block">
 					    <div class="row align-items-center">
-						    <div class="col-12 col-md-9 col-lg-8 col-xl-10">
+						    <div class="col-12 col-md-9 col-lg-9 col-xl-8 col-xxl-9">
 							    <div class="d-flex align-items-end gap-2">
 								    <div class="form-group">
 									    <div class="titleInfoWP">
@@ -816,10 +828,10 @@ function loadWorkshopData(id) {
 							    </div>
 						    </div>
 
-						    <div class="col-12 col-md-3 col-lg-4 col-xl-2">
-                                <div class="d-flex align-items-center justify-content-center gap-3">
+						    <div class="col-12 col-md-3 col-lg-3 col-xl-4 col-xxl-3">
+                                <div class="d-flex align-items-center justify-content-center gap-3 custom-padding">
+							        <div class="totalTitle">مبلغ کل</div>
 							        <div class="totalPaymentWP text-center">
-							            <div class="totalTitle">مبلغ کل</div>
 							            <div class="totalPayCon justify-content-center" id="totalPayment_new_0">
 										-
 							            </div>