<div>
<tr>
    <td style="padding: 10px 0 0 0;">
        <table cellspacing="0" cellpadding="0" border="0" width="100%">
            <tr>
                <td valign="top" class="mobile-wrapper">
                    <table cellpadding="0" cellspacing="0" border="0" width="48%" style="width: 48%;" align="left">
                        <tr>
                            <td style="padding: 0 0 14px 0;">
                                <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                    <tr>
                                        <td align="left" style="font-family: arial, sans-serif; color: #333333; font-size: 16px; font-weight: bold;">
                                            <%= title %>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </td>
</tr>

<tr class="desktop-table">
    <td style="padding: 5px 0 0 0; border-bottom: 1px dashed #dddddd;">
        <table cellspacing="0" cellpadding="0" border="0" width="100%" style="display:inline-table">
            <tr>
                <td valign="top" class="mobile-wrapper">
                    <% for(var i = 0; i < colums.length; i++) {  %>
                    <% var item = colums[i]; %>
                    <!-- left column -->
                    <table cellpadding="0" cellspacing="0" border="0"  style="<% if(i == 0){ %>width: 40%; <% } else {%> width: 20%;<%} %>" align="left">
                        <tr>
                            <td style="padding: 0 0 10px 0;">
                                <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                    <tr>
                                        <th align="<% if(i == 0){ %>left<% } else {%>right<%} %>" style="font-family: arial, sans-serif;color: #979797;  font-size: 13px;word-wrap:break-word;word-break:break-word;font-weight: 400;"><%= item %></th>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                    <% } %>
                </td>
            </tr>
        </table>
    </td>
</tr>

<% for(var i = 0; i < table.length; i++) {  %>
<% var item = table[i]; %>
<tr class="desktop-table">
    <td style="padding: 10px 0 0 0;">
        <table cellspacing="0" cellpadding="0" border="0" width="100%" style="display:inline-table">
            <tr>
                <% for(var j = 0; j < item.length; j++) { %>
                <td valign="top" class="mobile-wrapper" style="<% if(j == 0){ %>width: 40%; <% } else {%>width: 20%;<% } %>">
                    <!-- left column -->
                    <table cellpadding="0" cellspacing="0" border="0"  align="<% if(j == 0){ %>left<% } else {%>right<%} %>">
                        <tr>
                            <td style="padding: 0 0 10px 0;">
                                <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                    <tr>
                                        <td style="font-family: arial, sans-serif; color: #333333; font-size: 13px;word-wrap:break-word;word-break:break-word;"><%= item[j] %></td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </td>
                <% } %>
            </tr>
        </table>
    </td>
</tr>



<% for(var j = 0; j < item.length; j++) { %>

<tr class="mobile-table" style=" display : none; ">
    <td style="padding: 10px 0 0 0;">
        <table cellspacing="0" cellpadding="0" border="0" width="100%" style="display:inline-table">
            <tr>
                <td valign="top" class="mobile-wrapper">
                    <table cellpadding="0" cellspacing="0" width="100%" border="0" align="left">
                        <tr>
                            <td style="padding: 0 0 10px 0;">
                                <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                    <tr>
                                        <td style="font-family: arial, sans-serif;color: #979797;  font-size: 13px;word-wrap:break-word;word-break:break-word; font-weight: 400;">
                                            <%= colums[j] %>
                                        </td>
                                        <td align="right" style="font-family: arial, sans-serif; color: #333333; font-size: 13px;word-wrap:break-word;word-break:break-word; <% if(j===0){ %> font-weight: bold; <% } %>"><%= item[j] %></td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
          </table>
    </td>
</tr>
<% } %>
<tr class="mobile-table" style=" display : none; ">
    <td style="border-top: 1px dashed #DDDDDD;">
        <table cellspacing="0" cellpadding="0" border="0" width="100%">
            <tr>
                <td valign="top" class="mobile-wrapper">
                    <table cellpadding="0" cellspacing="0" border="0" width="32%" style="width: 32%;" align="left">
                        <tr>
                            <td style="padding: 0 0 10px 0;">
                                <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                    <tr>
                                        <td align="left" style="font-family: Arial, sans-serif; color: #333333; font-size: 16px; font-weight: bold;">

                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </td>
</tr>


<% } %>
<tr class="desktop-table">
    <td style="padding: 10px 0 17px 0; border-top: 1px dashed #DDDDDD; ">
        <table cellspacing="0" cellpadding="0" border="0" width="100%">
            <tbody><tr>
                <td valign="top" class="mobile-wrapper">
                    <table cellpadding="0" cellspacing="0" border="0" width="32%" style="width: 32%;" align="left">
                        <tbody><tr>
                            <td style="padding: 0 0 10px 0;">
                                <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                    <tbody><tr>
                                        <td align="left" style="font-family: Arial, sans-serif; color: #333333; font-size: 16px; font-weight: bold;">

                                        </td>
                                    </tr>
                                </tbody></table>
                            </td>
                        </tr>
                    </tbody></table>
                </td>
            </tr>
        </tbody></table>
    </td>
</tr>
</div>
