Does anyone else experience display issue with Gmail app for Android?

I have designed a responsive email that displays fine in almost all email clients but the Gmail app.

I know that the Gmail app strips out media query, but it does not even look like the desktop version on a smaller screen. Does anyone know how to fix the width for the banner image and the cell with text?

Here is the screenshot

And here is my code.

Media Query Portion:

@media screen and (max-device-width:480px){
    *[class=mobemailfullwidth]{width:100%!important; height:auto!important;}

Inside the Body Table:

<!--Main Banner-->
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<a href="#"><img src="http://image.communication.californiacu.org/lib/fe8e12727563037a71/m/1/1408_MobileDeposit.jpg" border="0" width="600" height="280" style="display:block;" class="mobemailfullwidth" alt="Mobile Deposit"/></a>
</td>
</tr>
</table>
</td>
</tr>
<!--End of Main Banner--> 

<!--New & IMPROVED CCU Mobile App-->
<tr>
<td width="100%">
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ddeefe">
<tr>
<td width="100%" style="padding-left:10px; padding-right:10px; padding-top:20px; font-size:25px; line-height:30px; font-family: Arial, Helvetica, sans-serif; color: #ad1a1e; text-align:center;align:center;padding-bottom:20px;">
The <b>NEW</b> & <b>IMPROVED</b><br/>CCU Mobile App
</td>
</tr>
</table>
</td>
</tr>
<!--End of Text-->