The title says it all, my email is being rendered to the left. I know that I simply have to add:

<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name=”x-apple-disable-message-reformatting”>

And the issue should be fixed, however, the issue persists. Does anyone have any insights as to why this may be happening.

```http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name=”x-apple-disable-message-reformatting”>

<style type="text/css">

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* CLIENT-SPECIFIC STYLES */
body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
img { -ms-interpolation-mode: bicubic; }

/* RESET STYLES */
img { border: 0; outline: none; text-decoration: none; }
table { border-collapse: collapse !important; }
body { margin: 0 !important; padding: 0 !important; width: 100% !important; }

/* iOS BLUE LINKS */
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}

a{
text-decoration: none !important;
}

/* ANDROID CENTER FIX /
div[style
="margin: 16px 0;"] { margin: 0 !important; }

/* MEDIA QUERIES /
@media all and (max-width:639px){
.wrapper{ width:320px!important; padding: 0 !important; }
.container{ width:300px!important; padding: 0 !important; }
.mobile{ width:300px!important; display:block!important; padding: 0 !important; }

.mobile2{ width:300px!important; vertical-align: middle !important; padding: 0 !important; }
.text1{ font-size: 18px !important }
.text2{ font-size: 16px !important }
.text3{ font-size: 14px !important }
.text4{ font-size: 10px !important }
.text5{ font-size: 8px !important }
.img{ width:100% !important; height:auto !important; }
*[class="mobileOff"] { width: 0px !important; display: none !important; }
*[class
="mobileOn"] { display: block !important; max-height:none !important; }
}

</style>

</head>
<body style="margin:0; padding:0; background-color:#FFFFFF;">

<span style="display: block; width: 640px !important; max-width: 640px; height: 1px" class="mobileOff"></span>

<center>
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td align="center" valign="top">

<table width="640" cellpadding="0" cellspacing="0" border="0" class="wrapper" bgcolor="#FFFFFF">
<tr>
<td height="10" style="font-size:10px; line-height:10px;"> </td>
</tr>
<tr>
<td align="center" valign="top">

<table width="600" cellpadding="0" cellspacing="0" border="0" class="container">
<tr>
<td align="center" valign="top">
<img src="https://i.imgur.com/lVI5ort.png" width="100%" class="img">
</td>
</tr>
</table>

</td>
</tr>
<tr>
<td height="10" style="font-size:10px; line-height:10px;"> </td>
</tr>
</table>

<table width="640" cellpadding="0" cellspacing="0" border="0" class="wrapper" bgcolor="#FFFFFF">
<tr>
<td height="10" style="font-size:10px; line-height:10px;"> </td>
</tr>
<tr>
<td align="center" valign="top">

<table width="450" cellpadding="0" cellspacing="0" border="0" class="container">
<tr>
<td width="450" class="mobile" align="center" valign="top">
<span class="text3" style="font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 18px; color: #265276;">Hola <b>Laura González</b>,</span>
<br>
<span class="text2" style="font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 22px; color: #265276;">Paga con Visa Banreservas</span>
<br>
<span class="text1" style="font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 26px; color: #00b3f0;">y disfruta de:</span>
</td>
</tr>
</table>

</td>
</tr>
<tr>
<td height="10" style="font-size:10px; line-height:10px;"> </td>
</tr>
</table>

<table width="640" cellpadding="0" cellspacing="0" border="0" class="wrapper" bgcolor="#FFFFFF">
<tr>
<td height="10" style="font-size:10px; line-height:10px;"> </td>
</tr>
<tr>
<td align="center" valign="top">

<table width="600" cellpadding="0" cellspacing="0" border="0" class="container">
<tr>
<td align="center" valign="top">
<img src="https://i.imgur.com/LyBvvsa.png" width="100%" class="img">
</td>
</tr>
</table>

</td>
</tr>
<tr>
<td height="10" style="font-size:10px; line-height:10px;"> </td>
</tr>
</table>

<table width="640" cellpadding="0" cellspacing="0" border="0" class="wrapper" bgcolor="#FFFFFF">
<tr>
<td height="10" style="font-size:10px; line-height:10px;"> </td>
</tr>
<tr>
<td align="center" valign="top">

<table width="500" cellpadding="0" cellspacing="0" border="0" class="container">
<tr>
<td class="mobile" align="center" valign="top">

<span class="text2" style="font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 20px; color: #265276;">Si agregas tu Tarjeta como método de pago, tu próxima compra será más rápida.</span>
</td>
</tr>
</table>

</td>
</tr>
<tr>
<td height="5" style="font-size:10px; line-height:5px;"> </td>
</tr>
</table>

<table width="640" cellpadding="0" cellspacing="0" border="0" class="wrapper" bgcolor="#FFFFFF">
<tr>
<td height="5" style="font-size:10px; line-height:5px;"> </td>
</tr>
<tr>
<td align="center" valign="top">

<table width="600" cellpadding="0" cellspacing="0" border="0" class="container">
<tr>
<td align="center" valign="top">

<p class="text4" style="font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 14px; color: #265276;">Promoción válida desde el 22 de junio al 22 de septiembre 2020</p>
<span class="text5" style="font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 12px; color: #265276;">Tope máximo de descuento por compra RD$300
</span>
<br>
<spa class="text5" style="font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 12px; color: #265276;">
Aplican términos y condiciones</span>
</td>
</tr>
</table>

</td>
</tr>
<tr>
<td height="15" style="font-size:10px; line-height:10px;"> </td>
</tr>
</table>

<table width="640" cellpadding="0" cellspacing="0" border="0" class="wrapper" bgcolor="#FFFFFF">
<tr>
<td height="15" style="font-size:10px; line-height:10px;"> </td>
</tr>
<tr>
<td align="center" valign="top">

<table width="600" cellpadding="0" cellspacing="0" border="0" class="container">
<tr>
<td width="300" class="mobile2" align="left" valign="top">
<a href="https://www.banreservas.com/" target="_target"><span style="font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 10px; color: #265276;">banreservas.com</span></a>
<br>
<span style="font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 10px; color: #265276;">T </span><span style="font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 10px; color: #265276;">809 960 2121</span>  <a href="https://web.facebook.com/BanreservasRD?_rdc=1&_rdr" target="_blank"><img width="12px" src="https://i.imgur.com/EKjswLE.png"></a>  <a href="https://www.instagram.com/banreservasrd/" target="_blank"><img width="12px" src="https://i.imgur.com/Nhl5aCI.png"></a>  <a href="https://twitter.com/BanreservasRD" target="_blank"><img width="12px" src="https://i.imgur.com/PzcwnMt.png"></a>  <a href="https://www.youtube.com/channel/UCEld1z_ODRADjhBvjYZodgA" target="_blank"><img width="12px" src="https://i.imgur.com/QmavoZb.png"></a>  <span style="font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 10px; color: #265276;">BanreservasRD</span>
</td>
<td width="300" class="mobile2" align="right" valign="top">
<img src="https://i.imgur.com/dIOdCBe.png" width="90%">
</td>
</tr>
</table>

</td>
</tr>
<tr>
<td height="10" style="font-size:10px; line-height:10px;"> </td>
</tr>
</table>

</td>
</tr>
</table>
</center>
</body>
</html>'''