Pase give me a solution for Gmail Android App issue.
Only In Gmail Android APP rendering issue.
Litmus Link: https://litmus.com/checklist/emails/public/4a33b53

code pasted below

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
  <style type="text/css">
        /*Resets*/
        .ReadMsgBody {
            width: 100%;
            background-color: #ebebeb;
        }
        .ExternalClass {
            width: 100%;
            background-color: #ebebeb;
        }
        .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {
            line-height:100%;
        }
        body {
            -webkit-text-size-adjust:none;
            -ms-text-size-adjust:none;
            margin:0px;
            padding:0px;
        }
        table {
            border-spacing:0;
        }
        table td {
            border-collapse:collapse;
        }
        .yshortcuts a {
            border-bottom: none !important;
        }
         .mobtd 
      {
              width:100%;
              text-align:center !important;
              padding:0px 10px 0px 30px !important;
            }
    .mobtd1 {
              width:100%;
              text-align:center !important;
              padding:0px 30px 0px 10px !important;
            }    


        /* Constrain email width for small screens */


         @media screen and (min-width: 768px) and (max-width: 1024px) {
      body {
        min-width: 760px !important;
         -webkit-text-size-adjust:100%;
      }
      .mobtd 
      {
              width:100%;
              text-align:center !important;
              padding:0px 10px 0px 30px !important;
            }
    .mobtd1 {
              width:100%;
              text-align:center !important;
              padding:0px 30px 0px 10px !important;
            }        



  </style>
  <style type="text/css">
    /* Progressive Enhancement */
    /* Only show Seperator where Media Queries are supported to avoid compatibility issues (gmail) */



     @media only screen and (min-width: 638px) and (max-width:767px) {

          .mobtd {
              width:100%;
              text-align:center !important;
              padding:0px 10px 0px 30px !important;
            }    
            .mobtd1 {
              width:100%;
              text-align:center !important;
              padding:0px 30px 0px 10px !important;
            }         

      }
        @media only screen and (min-width: 450px) and (max-width: 639px) {
     .mobtd {
              width:100%;
              text-align:center !important;
              padding:0px 20px !important;
            }    
        .mobtd1 {
              width:100%;
              text-align:center !important;
              padding:0px 20px !important;
            }    

      }

       @media only screen and (max-width: 450px) {
     .mobtd {
              width:100%;
              text-align:center !important;
              padding:0px 20px !important;
            }    
        .mobtd1 {
              width:100%;
              text-align:center !important;
              padding:0px 20px !important;
            }    
            .hide {
   display:none !important;
}
      }





    @media only screen and (max-width: 639px) {
      .leftSeperator {
        border-left: 1px solid #cccccc;
      }

      table[class="container"] {
                width: 100% !important;
            }

            .headerLogo {
                text-align:center !important;
                padding:0 !important;
            }
            /* force container columns to (horizontal) blocks */
            td[class="force-col"] {
                display: block !important;
                padding-right: 10px !important;
                padding-left: 10px !important;
            }



            table[class="col-head"] {
                /* unset table align="left/right" */
                float: none !important;
                width: 100% !important;
                padding:0 !important;
                margin:0 !important;
            }

            table[class="col-1"] {
                /* unset table align="left/right" */
                float: none !important;
                width: 100% !important;
                padding:0 !important;
                margin:0 !important;

                /* change left/right padding and margins to top/bottom ones */
                margin-bottom: 4px !important;
                padding-bottom: 4px !important;
                /*border-top: 1px solid #e4e4e4;*/
            }

            table[class="col-3"] {
                /* unset table align="left/right" */
                float: none !important;
                width: 100% !important;
                padding:0 !important;
                margin:0 !important;
                border:none !important;

                /* change left/right padding and margins to top/bottom ones */

                /*border-top: 1px solid #e4e4e4;*/
            }

            /* remove bottom border for last column/row */
            div[id="last-col-3"]
            {
                height:auto !important;
                max-width: 270px;
                margin: 0 auto;

                &:before,
                &:after {
                    content: "";
                    display: table;
                    zoom: 1;
                } 
                &:after {
                    clear: both;
                }
            }
            table[id="last-col-3"] {
                border-bottom: none !important;
                margin-bottom: 0 !important;
            }

            /* align images right and shrink them a bit */
            img[class="col-3-img"] {
                /*float: right;*/
                width:100% !important;
                min-width: 320px !important;
            }




            img[class="col-1-img"] {
                display:block !important;
                margin:auto !important;
                text-align: center !important;
            }

            /* align images right and shrink them a bit */
            img[class="col-logo-img"] {
                display:block !important;
                margin:auto !important;
            }
            img[class="col-logo2-img"] {
                display:block !important;
                margin:auto !important;
            }




    }
    /* Increase width of Benefits section after stacking so it looks better medium devices */






  </style>
</head>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
    <table width="640" border="0" cellspacing="0" cellpadding="0" align="center" class="col-3">
  <tr>
    <td>
    <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; text-align:center; padding:15px 20px;" valign="middle">
                  <tbody>
                 <tr>
               <td valign="middle" style="border-collapse: collapse;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;text-align: center;font-size: 0; background:#E6E7E8;" class="x_columns">
                <!--[if (gte mso 9)|(IE)]>
                      <table width="100%">
                      <tr>
                      <td width="210" style="width:210px;">
                      <![endif]-->
                 <div id="last-col-3" style="width: 100%;display: inline-block;vertical-align: middle ;max-width: 270px; padding:10px 5px ; background:#E6E7E8;" class="column w270" align="center">
                   <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;  padding: 0px 0px;  ">
                                 <tbody><tr>
                                    <td valign="top" style="border-collapse: collapse;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;padding:10px 10px 0px 40px; color: #666;font-family: Arial, sans-serif;font-size: 14px;line-height: 24px;text-align: center; " class="mobtd">
                  <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center" height="150" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; padding:0px 0px 0px 0px; background:#ffffff;" class="">
                    <tbody>
                    <tr>
                        <td width="230" valign="top" align="center" style="border-collapse: collapse;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;padding: 0px; background:#ffffff;font-family: Arial, sans-serif;text-align: left;">
                             <img width="230" border="0" height="18" alt="" src="http://img.en25.com/EloquaImages/clients/WesternDigitalAPAC/%7B2dd8ea2b-46be-469d-9db2-053608a96add%7D_top_line.png" style="display: block; height:auto;">
                            </td>


                    </tr>

                    <tr>
                            <td width="215" valign="top" align="center" style="border-collapse: collapse;">

                          <table width="220" cellspacing="0" cellpadding="0" border="0" style="line-height:20px; background-color:#ffffff; border-collapse: collapse; font-family:Arial, Helvetica, sans-serif; padding-bottom:0px; padding-left:5px; padding-right:5px;">

  <tbody><tr>
   <td valign="top" align="left" style="color:#666; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:15px;">
    Membership offers you exclusive access to a full range of services and information directly from G-Technology including:<br>
    • Exclusive partner points and rewards.<br>
    • G-PORTAL Evaluation Program.<br>
    • Online sales training courses.</td>
  </tr>




  <tr>
    <td style="padding-top:10px; padding-bottom:10px; text-align:center; background:#ffffff;"><a target="_blank" href="https://partners.g-technology.com/GtechPartnerProgram"><img width="76" border="0" height="24" class="button" alt="Learn More" src="http://img.en25.com/EloquaImages/clients/WesternDigitalAPAC/%7B9f0c0268-5807-4163-ba80-b30ca756ce8f%7D_learn-more.png"></a></td>
  </tr>
</tbody></table>  


                                        </td>
                          </tr>

                     <tr>
                        <td width="230" valign="top" align="center" height="25" style="border-collapse: collapse;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;padding: 0px; background:#ffffff;font-family: Arial, sans-serif;text-align: left;">
                             <img width="230" border="0" height="25" alt="" src="http://img.en25.com/EloquaImages/clients/WesternDigitalAPAC/%7B5fffc6f4-fd84-42a1-94c8-cb2e426c468b%7D_bottom_line.png" style="display: block; height:auto;">
                            </td>


                    </tr>

                  </tbody></table></td></tr></tbody></table>
                </div>
                <!--[if (gte mso 9)|(IE)]>
                      </td><td width="210" style="width:210px;">
                      <![endif]-->


                      <!--[endif]---->
                <div id="last-col-3" style="width: 100%;display: inline-block;vertical-align: middle ;max-width: 270px; padding:10px 5px ; background:#E6E7E8;" class="column w270" align="center">
                <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;  padding: 0px 0px;  ">
                                 <tbody><tr>
                                    <td valign="top" style="border-collapse: collapse;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;padding:0px 40px 0px 10px;color: #666;font-family: Arial, sans-serif;font-size: 14px;line-height: 24px;text-align: center; " class="mobtd">
                  <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center" height="150" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; padding:0px 0px 0px 0px; background:#ffffff;" class="">
                    <tbody>
                    <tr>
                        <td width="230" valign="top" align="center" style="border-collapse: collapse;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;padding: 0px; background:#ffffff;font-family: Arial, sans-serif;text-align: left;">
                             <img width="230" border="0" height="18" alt="" src="http://img.en25.com/EloquaImages/clients/WesternDigitalAPAC/%7B2dd8ea2b-46be-469d-9db2-053608a96add%7D_top_line.png" style="display: block; height:auto;">
                            </td>


                    </tr>

                    <tr>
                            <td width="215" valign="top" align="center" style="border-collapse: collapse;">

                          <table width="215" cellspacing="0" cellpadding="0" border="0" style="line-height:18px; background-color:#ffffff; border-collapse: collapse; font-family:Arial, Helvetica, sans-serif; padding-bottom:5px; padding-left:5px; padding-right:5px;">

  <tbody><tr>
    <td valign="top" align="left" style="color:#666; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:15px;">
    <span style="color:#00aeef; font-size:15px;"><strong>Not a member?</strong></span><br><br>
    The G-PORTAL is free to join. It's quick and easy to register and you can start earning points and rewards immediately - get started today!
</td>
  </tr>




  <tr>
    <td style="padding-top:10px; padding-bottom:10px; text-align:center; background:#ffffff;"><a target="_blank" href="http://info.g-technology.com/LP=4452"><img width="76" border="0" height="24" class="button" alt="Apply Now!" src="http://img.en25.com/EloquaImages/clients/WesternDigitalAPAC/%7B505a1f57-d930-43f6-b1a5-b99d7a2a7c75%7D_apply-now.png"></a></td>
  </tr>
</tbody></table>  


                                        </td>
                          </tr>



                     <tr>
                        <td width="230" valign="top" align="center" height="25" style="border-collapse: collapse;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;padding: 0px; background:#ffffff;font-family: Arial, sans-serif;text-align: left;">
                             <img width="230" border="0" height="25" alt="" src="http://img.en25.com/EloquaImages/clients/WesternDigitalAPAC/%7B5fffc6f4-fd84-42a1-94c8-cb2e426c468b%7D_bottom_line.png" style="display: block; height:auto;">
                            </td>


                    </tr>

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





                <!--[if (gte mso 9)|(IE)]>
                      </td><td width="210" style="width:210px;">
                      <![endif]-->
                     <!--[endif]---->

                <!--[if (gte mso 9)|(IE)]>
                      </td>
                      </tr>
                      </table>
                      <![endif]-->
              </td>
            </tr>











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

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

    <div style="display:none;white-space:nowrap;font:15px courier;line-height:0px;color:#ececec;" class="hide"> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - </div>

</body>
</html>