Hi there,

I am struggling to get this displaying correctly on Apples email client for mobile.
Please advise if you can see where the problem may be and/or how I can fix it.

Thank you

<meta name="viewport" content="width=device-width"> <!-- Forcing initial-scale shouldn't be necessary -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- Use the latest (edge) version of IE rendering engine -->
    <title>Nussbaums Weekly Specials</title> <!-- The title tag shows in email notifications, like Android 4.4. -->

    <!-- Web Font / @font-face : BEGIN -->
    <!-- NOTE: If web fonts are not required, lines 9 - 26 can be safely removed. -->

    <!-- Desktop Outlook chokes on web font references and defaults to Times New Roman, so we force a safe fallback font. -->
    <!--[if mso]>
        <style>
            * {
                font-family: sans-serif !important;
            }
        </style>
    <![endif]-->

    <!-- All other clients get the webfont reference; some will render the font and others will silently fail to the fallbacks. More on that here: http://stylecampaign.com/blog/2015/02/webfont-support-in-email/ -->
    <!--[if !mso]><!-->
        <!-- insert web font reference, eg: <link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'> -->
    <!--<![endif]-->

    <!-- Web Font / @font-face : END -->

    <!-- CSS Reset -->
    <style type="text/css">

        /* What it does: Remove spaces around the email design added by some email clients. */
        /* Beware: It can remove the padding / margin and add a background color to the compose a reply window. */
        html,
        body {
            margin: 0 auto !important;
            padding: 0 !important;
            height: 100% !important;
            width: 100% !important;
        }

        /* What it does: Stops email clients resizing small text. */
        * {
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%;
        }

        /* What is does: Centers email on Android 4.4 */
        div[style*="margin: 16px 0"] {
            margin:0 !important;
        }

        /* What it does: Stops Outlook from adding extra spacing to tables. */
        table,
        td {
            mso-table-lspace: 0pt !important;
            mso-table-rspace: 0pt !important;
        }

        /* What it does: Fixes webkit padding issue. Fix for Yahoo mail table alignment bug. Applies table-layout to the first 2 tables then removes for anything nested deeper. */
        table {
            border-spacing: 0 !important;
            border-collapse: collapse !important;
            table-layout: fixed !important;
            margin: 0 auto !important;
        }
        table table table {
            table-layout: auto; 
        }

        /* What it does: Uses a better rendering method when resizing images in IE. */
        img {
            -ms-interpolation-mode:bicubic;
        }

        /* What it does: A work-around for iOS meddling in triggered links. */
        .mobile-link--footer a,
        a[x-apple-data-detectors] {
            color:inherit !important;
            text-decoration: underline !important;
        }

    </style>

    <!-- Progressive Enhancements -->
    <style>

        /* What it does: Hover styles for buttons */
        .button-td,
        .button-a {
            transition: all 100ms ease-in;
        }
        .button-td:hover,
        .button-a:hover {
            background: #555555 !important;
            border-color: #555555 !important;
        }

        /* Media Queries */
        @media screen and (max-width: 600px) {

            .email-container {
                width: 100% !important;
                margin: auto !important;
            }

            /* What it does: Forces elements to resize to the full width of their container. Useful for resizing images beyond their max-width. */
            .fluid,
            .fluid-centered {
                max-width: 100% !important;
                height: auto !important;
                margin-left: auto !important;
                margin-right: auto !important;
            }
            /* And center justify these ones. */
            .fluid-centered {
                margin-left: auto !important;
                margin-right: auto !important;
            }

            /* What it does: Forces table cells into full-width rows. */
            .stack-column,
            .stack-column-center {
                display: block !important;
                width: 100% !important;
                max-width: 100% !important;
                direction: ltr !important;
            }
            /* And center justify these ones. */
            .stack-column-center {
                text-align: center !important;
            }

            /* What it does: Generic utility class for centering. Useful for images, buttons, and nested tables. */
            .center-on-narrow {
                text-align: center !important;
                display: block !important;
                margin-left: auto !important;
                margin-right: auto !important;
                float: none !important;
            }
            table.center-on-narrow {
                display: inline-block !important;
            }

        }

    .center-on-narrow {                text-align: center !important;
                display: block !important;
                margin-left: auto !important;
                margin-right: auto !important;
                float: none !important;
}
    .center-on-narrow1 {                text-align: center !important;
                display: block !important;
                margin-left: auto !important;
                margin-right: auto !important;
                float: none !important;
}
.center-on-narrow1 {text-align: center !important;
                display: block !important;
                margin-left: auto !important;
                margin-right: auto !important;
                float: none !important;
}
    </style>

    <center style="width: 100%; background: #ffffff;">
<div style="display: none; font-size: 1px; line-height: 1px; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; mso-hide: all; font-family: sans-serif;">Weekly Specials from Nussbaums</div>
<table cellspacing="0" cellpadding="0" border="0" align="center" style="margin: auto; width: 600px;" class="email-container">
<tbody>
<tr>
<td style="padding: 20px 0; text-align: center;">&nbsp;</td>
</tr>
</tbody>
</table>
<table cellspacing="0" cellpadding="0" border="0" align="center" bgcolor="#ffffff" style="margin: auto; width: 600px;" class="email-container">
<tbody>
<tr>
<td align="center"><img src="http://mini.torquesolutions.co.za/admin/uploads/306/images/Nussbaums%20B%26W_trimmed.jpg" width="600" alt="alt_text" style="width: 100%; max-width: 600px;" /><img src="http://mini.torquesolutions.co.za/admin/uploads/306/images/FinalLogo_copy.png" width="300" alt="alt_text" style="width: 40%; max-width: 300px;" /></td>
</tr>
<tr>
<td style="height: 40px;" align="centre" valign="middle"></td>
</tr>
<tr>
<td style="padding: 40px; text-align: center; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555; background-color: #e1e1e1;">Hi #fname<br /> <br /> This weeks crazy deals are as follows:</td>
</tr>
<tr>
<td align="center" valign="top" style="padding: 10px;">
<table cellspacing="0" cellpadding="4" border="0" style="width: 100%;">
<tbody>
<tr>
<td width="33.33%" class="stack-column-center"><table border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td style="padding: 10px; text-align: center;"><table border="0" cellpadding="0" cellspacing="0" align="center" style="height: 170px; ; width: 170px;">
        <tbody>
          <tr>
            <td><img src="http://mini.torquesolutions.co.za/admin/uploads/306/images/2016.11.08%20-%20BBQ%20Ribs%20-%20Resized.JPG" width="170" height="170" alt="Viennas" title="Viennas" /></td>
          </tr>
        </tbody>
      </table></td>
    </tr>
    <tr>
      <td style="font-family: sans-serif; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #555555; padding: 0 10px 10px; text-align: left;" class="center-on-narrow"><b>Par Cooked Marinated Beef Ribs<br />
      </b>New &amp; improved recipe!<br />
Unbeatable price -&nbsp;<b>R150 per box - Feeds 3-4</b><b><br />
        </b></td>
    </tr>
  </tbody>
</table></td>
<td width="33.33%" class="stack-column-center">
<table cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td style="padding: 10px; text-align: center;">
<table border="0" cellpadding="0" cellspacing="0" align="center" style="height: 170px; ; width: 170px;">
<tbody>
<tr>
<td><img src="http://mini.torquesolutions.co.za/admin/uploads/306/images/2016.11.01%20-%20Viennas%20special.jpg" width="170" height="170" alt="Viennas" title="Viennas" /></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="font-family: sans-serif; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #555555; padding: 0 10px 10px; text-align: left;" class="center-on-narrow"><b>Nussbaums Famous Viennas</b><br /><br />Unbeatable price of <b>R99/Kg<br /></b></td>
</tr>
</tbody>
</table>
</td>
<td width="33.33%" class="stack-column-center">
<table cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td style="padding: 10px; text-align: center;">
<table border="0" cellpadding="0" cellspacing="0" align="center" style="height: 170px; ; width: 170px;">
<tbody>
<tr>
<td><img src="http://mini.torquesolutions.co.za/admin/uploads/306/images/Nussbaums%20-%202016.09.05%20-%20Lamb%20Ribs%20Greek%20Spice.jpg" width="170" height="170" alt="Ribs" title="Ribs" /></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="font-family: sans-serif; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #555555; padding: 0 10px 10px; text-align: left;" class="center-on-narrow"><b>Lamb Ribs with Greek Spice</b><br /> <br />Unbeatable price of <b>R89/Kg<br /></b></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td align="center" valign="top" style="padding: 10px;">
<table cellspacing="0" cellpadding="4" border="0" style="width: 100%;">
<tbody>
<tr>
<td width="33.33%" class="stack-column-center">
<table cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td style="padding: 10px; text-align: center;"><img src="http://mini.torquesolutions.co.za/admin/uploads/306/images/Nussbaums%20Platter%20-%202016.08.29.jpg" width="170" height="170" alt="Fabulous Platter" title="Fabulous Platter" /></td>
</tr>
<tr>
<td style="font-family: sans-serif; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #555555; padding: 0 10px 10px; text-align: left;" class="center-on-narrow"><b><b>Fabulous Platter</b><br /></b>Great for Lunch. Serves 5 people for <strong>R255</strong> &amp; 10 People for <strong>R450<br /></strong><b><br /></b></td>
</tr>
</tbody>
</table>
</td>
<td width="33.33%" class="stack-column-center"><table border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td style="padding: 10px; text-align: center;"><img src="http://mini.torquesolutions.co.za/admin/uploads/306/images/Nussbaums%20-%202016.07.19%20-%20Lamb%20Shanks.jpg" width="170" height="170" alt="Fabulous Platter" title="Fabulous Platter" /></td>
    </tr>
    <tr>
      <td style="font-family: sans-serif; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #555555; padding: 0 10px 10px; text-align: left;" class="center-on-narrow1"><b>Roasted Lamb Shank</b><br />
Flavours of fresh herbs and wine.&nbsp;<br />
<b>R140/Kg</b><strong><br />
          </strong><b><br />
          </b></td>
    </tr>
  </tbody>
</table></td>
<td width="33.33%" class="stack-column-center">
<table cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td style="padding: 10px; text-align: center;"><img src="http://mini.torquesolutions.co.za/admin/uploads/306/images/Raison%20Rib%20Roast.jpg" width="170" height="170" alt="Rib Flap" title="Rib Flap" /></td>
</tr>
<tr>
<td style="font-family: sans-serif; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #555555; padding: 0 10px 10px; text-align: left;" class="center-on-narrow"><b>Marinated Rib Flap<br /></b>Braai Grilled, leave in oven for 1 hour at 160&deg;c<br /><b>R190/Kg<br /><br /> </b></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td dir="rtl" align="center" valign="top" style="padding: 10px; background-color: #ffffff; width: 100%;">
<table align="center" border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
<tbody>
<tr>
<td width="66.66%" class="stack-column-center">
<table align="center" border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
<tbody>
<tr>
<td dir="ltr" valign="top" style="font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555; padding: 10px; text-align: left; background-color: #e1e1e1;" class="center-on-narrow"><br />
<table cellspacing="0" cellpadding="0" border="0" class="center-on-narrow" style="color: #555555; float: center;">
<tbody>
<tr>
<td style="border-radius: 3px; background: #222222; text-align: center;" class="button-td"><a href="#form_blank_3474" style="background: #222222; border: 15px solid #222222; font-family: sans-serif; font-size: 13px; line-height: 1.1; text-align: center; text-decoration: none; display: block; border-radius: 3px; font-weight: bold;" class="button-a"> &nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #ffffff;">Order Now</span>&nbsp;&nbsp;&nbsp;&nbsp; </a></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td dir="ltr" valign="top" style="font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555; padding: 10px; background-color: #e1e1e1;" class="center-on-narrow"><span color="#111111" style="color: #111111;"><b><b>Kind Regards<br /><br /></b></b>Baruch Lurie<br />Nussbaums Kosher Butchery<br />Work: 011 458 2303<br />Fax: 011 640 4663<br /><br />Do you know anybody that would like to received the recipes &amp; hints from Nussbaums -&nbsp;<a href="#form_1195">click here</a><br /><br /><a href="#link170"><img src="http://mini.torquesolutions.co.za/admin/uploads/306/images/Black%20Facebook%20Icon%205.jpg" width="200" height="61" alt="Black Facebook Icon 5.jpg" title="Black Facebook Icon 5.jpg" /></a><b><a href="#link170"><br /></a></b></span></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table cellspacing="0" cellpadding="0" border="0" align="center" style="margin: auto; width: 600px;" class="email-container">
<tbody>
<tr>
<td style="padding: 40px 10px; width: 100%; font-size: 12px; font-family: sans-serif; line-height: 18px; text-align: center; color: #888888; background-color: #ffffff;">
<p>#pos:unsub</p>
</td>
</tr>
</tbody>
</table>
</center>