In the simpliest terms I have 3 cells arranged as [1][2][3].

For mobile I would like them to rearrange to:

[3]

[1]

[2]

So the right most table cell moves to the top of the stack then first cell below that and the 2nd cell at the bottom of the stack.

CSS

    @media only screen and (max-width: 640px) {
    table[class=devicewidth] {width: 440px!important;text-align:center!important;}
    }

@media only screen and (max-width: 480px) {
    table[class=devicewidth] {width: 280px!important;text-align:center!important;}
    }

HTML

    <!-- header -->
                                    <table bgcolor="#0a79bc" width="600" align="left" border="0" cellpadding="0" cellspacing="0" class="devicewidth">
                                       <tbody>
                                          <tr>
                                             <td width="133" height="133" align="center">
                                                <div class="imgpop">
                                                   <a target="_blank" href="#">
                                                   <img src="images/Agent-Photo.png" alt="" border="0" width="133" height="133" style="display:block; border:none; outline:none; text-decoration:none;">
                                                   </a>
                                                </div>
                                             </td>
                                             <td width="267" height="50" align="left" valign="middle">
                                                <div>
                                                   <span style="color:#ffffff; font-family:'Source Sans Pro', Helvetica, arial, sans-serif; font-size:28px; letter-spacing:1px; font-weight:300; line-height:40px;">Your monthly news</span><br />
                                                   <span style="color:#ffffff; font-family:'Source Sans Pro', Helvetica, arial, sans-serif; font-size:18px; font-weight:300;">The Smith and Choblonski Agency and Associates</span>
                                                </div>
                                             </td>
                                             <td width="200" height="50" align="right">
                                                <div class="imgpop">
                                                   <a target="_blank" href="#">
                                                   <img src="images/logo.jpg" alt="" border="0" width="200" height="142" style="display:block; border:none; outline:none; text-decoration:none;">
                                                   </a>
                                                </div>
                                             </td>
                                          </tr>
                                       </tbody>
                                    </table>
                                    <!-- end of header -->

Thanks! Let me know what else I should supply.