diff --git a/app/Views/mail_template.php b/app/Views/mail_template.php
index 22582cf..29e8569 100644
--- a/app/Views/mail_template.php
+++ b/app/Views/mail_template.php
@@ -1,3 +1,8 @@
+  <?php
+  $value = json_decode($params['notification_data']['mail_content_json']??[],true);
+  $contentWidth = (int)$value['body']['values']['contentWidth']??500;
+  ?>
+
 <!DOCTYPE html>
 <html lang="en">
 
@@ -10,7 +15,7 @@
 <style>
 
 .mail-template-header {
-  max-width: 500px;
+  max-width: <?=$contentWidth?>px;
   background-color: #ffffff !important;
   border-bottom: 1px solid #00999E;
   width: 100%;   /* default: allow full width */
@@ -26,12 +31,16 @@
 }
 
 .mail-template-footer {
-  max-width: 500px;
+  max-width: <?=$contentWidth?>px;
   background-color: #ffffff !important;
   border-top: 1px solid #00999E;
   width: 100%;   /* default: allow full width */
 }
 
+p{
+  margin:0 !important;
+}
+
 /* On screens smaller than 600px → force 100% */
 @media screen and (max-width: 600px) {
   .mail-template-footer {
@@ -41,7 +50,22 @@
   }
 }
 
-  
+@media screen and (max-width: 600px){
+
+  .header-div{
+    width: 100% !important;
+  }
+
+  .footer-div{
+    width : 100% !important ;
+  }
+}
+
+.client_logo,
+.nhance_logo
+{
+  vertical-align: middle !important;
+}
 
 </style>
 
@@ -49,15 +73,21 @@
 
 <body>
     <!-- header -->
-  <div align="center">
+  <div align="center" class="header-div">
     <table width="100%" border="0" cellspacing="0" cellpadding="0" class="mail-template-header">
       <tr style="height:90px; background-color: #ffffff !important;">
-        <td align="left" valign="middle" style="padding:20px;" width="50%">
-          <img src="<?= $client_logo?>"
-            alt="Client Logo"
-            style="max-height:80px; max-width: 160px;">
+        <td align="left" class="client_logo" style="padding:5px;" width="50%">
+        <div style="
+            width:160px;
+            height:80px;
+            background-image:url('<?= $client_logo ?>');
+            background-size:contain;
+            background-repeat:no-repeat;
+        ">
+        </div>
+
         </td>
-        <td align="right" valign="middle" style="padding:20px;" width="50%">
+        <td align="right" class="nhance_logo" style="padding:5px;" width="50%">
           <img src="<?= base_url('/public/assets/images/Nhance-Logo-Final.png'); ?>"
             alt="Default Logo"
             style="height:auto; max-width: 120px;">
@@ -76,7 +106,7 @@
 
 
   <!-- footer -->
-  <div align="center">
+  <div align="center" class="footer-div">
     <table width="100%"  border="0" cellspacing="0" cellpadding="0" class="mail-template-footer">
     <tr style="background-color: #ffffff !important;">
         <td align="center" valign="middle" style="padding-top:5px;">
