<table cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td height="30" style="font-size:30px; line-height:30px; height:30px;"></td>
  </tr>
</table>
<div class="table-responsive">
  <table cellpadding="5" cellspacing="0" width="100%" class="table-order-default table-order">
    <thead>
      <tr>
        <th bgcolor="#ededed" class="text-center" style="text-align:center;">Product</th>
                      </tr>
    </thead>
    <tbody>
                        <tr>
        <td bgcolor="#f6f6f6">
          <table cellpadding="0" cellspacing="0" width="100%" style="table-layout:auto !important;">
            <tr>
              <td class="email-product-data">
                <table cellpadding="0" cellspacing="0" width="100%" style="table-layout:auto !important;">
                  <tr class="table-row-stack">
                                        <td class="table-cell-stack" style="padding:0!important;">
                      <table cellpadding="0" cellspacing="0" width="100%">
                        <tr>
                          <td class="email-product-data">
                            <a href="https://oc.local/index.php?route=product/product&product_id=28">
                              <strong>HTC Touch HD </strong>
                            </a>
                                                          <div class="list-product-options" title="Model" style="font-size:12px;line-height:16px;">
                                Product 1
                              </div>
                                                      </td>
                        </tr>
                                                                      </table>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
                                  </table>
        </td>
                      </tr>
                <tr>
        <td bgcolor="#fafafa">
          <table cellpadding="0" cellspacing="0" width="100%" style="table-layout:auto !important;">
            <tr>
              <td class="email-product-data">
                <table cellpadding="0" cellspacing="0" width="100%" style="table-layout:auto !important;">
                  <tr class="table-row-stack">
                                        <td class="table-cell-stack" style="padding:0!important;">
                      <table cellpadding="0" cellspacing="0" width="100%">
                        <tr>
                          <td class="email-product-data">
                            <a href="https://oc.local/index.php?route=product/product&product_id=30">
                              <strong>Canon EOS 5D </strong>
                            </a>
                                                          <div class="list-product-options" title="Model" style="font-size:12px;line-height:16px;">
                                Product 3
                              </div>
                                                      </td>
                        </tr>
                                                                      </table>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
                          <tr>
                <td class="email-product-data">
                  <div class="list-product-options" style="font-size:0.9em;line-height:16px;">
                                          &raquo; <strong>Select:</strong>&nbsp;Red                       <br />
                                      </div>
                </td>
              </tr>
                                  </table>
        </td>
                      </tr>
            </tbody>
      </table>
</div>