diff --git a/app/Views/notification_mail_footer.php b/app/Views/notification_mail_footer.php
index 883eeb3..31515e5 100644
--- a/app/Views/notification_mail_footer.php
+++ b/app/Views/notification_mail_footer.php
@@ -5,9 +5,28 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Email Notification</title>
 </head>
+
+<style>
+.mail-template-footer {
+  max-width: 500px;
+  background: #ffffff;
+  border-top: 1px solid #00999E;
+  width: 100%;   /* default: allow full width */
+}
+
+/* On screens smaller than 600px → force 100% */
+@media screen and (max-width: 600px) {
+  .mail-template-footer {
+    max-width: 100% !important;
+    width: 100% !important;
+  }
+}
+
+</style>
+
 <body>
 <div align="center">
-    <table width="100%"  border="0" cellspacing="0" cellpadding="0" style="max-width:500px;background:#ffffff; border-top:1px solid #00999E;">
+    <table width="100%"  border="0" cellspacing="0" cellpadding="0" class="mail-template-footer">
     <tr style="background-color: #ffffff;">
         <td align="center" valign="middle" style="padding-top:5px;">
         <img src="<?= base_url('/public/assets/images/Nhance-Logo-Final.png'); ?>" 
diff --git a/app/Views/notification_mail_header.php b/app/Views/notification_mail_header.php
index 7649920..0dd458f 100644
--- a/app/Views/notification_mail_header.php
+++ b/app/Views/notification_mail_header.php
@@ -7,9 +7,31 @@
   <title>Email Notification</title>
 </head>
 
+<style>
+
+.mail-template-header {
+  max-width: 500px;
+  background: #ffffff;
+  border-bottom: 1px solid #00999E;
+  width: 100%;   /* default: allow full width */
+}
+
+/* On screens smaller than 600px → force 100% */
+@media screen and (max-width: 600px) {
+  .mail-template-header {
+    max-width: 100% !important;
+    width: 100% !important;
+  }
+}
+
+
+  
+
+</style>
+
 <body>
   <div align="center">
-    <table width="100%" border="0" cellspacing="0" cellpadding="0" style="max-width:500px; background:#ffffff; border-bottom:1px solid #00999E;">
+    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="mail-template-header">
       <tr style="height:90px; background-color: #ffffff;">
         <td align="left" valign="middle" style="padding:20px;" width="50%">
           <img src="<?= base_url('/public/uploads/logo/'.$client_data['client_logo']); ?>"
