I need some guidance on how to fix this. I basic responsive one column design. I have a border around my email and I did not want it to show when the the screen size is below 510px. I know there was a tutorial in here that says to use the Mail Chimp Inliner tool to make sure to the code is inline. Well when I use the the inline tool it puts the border css code inline and now the email has no boder. For example:

<td valign="top" class="logo" bgcolor="#FFFFFF" style="padding: 10px 10px 0px 10px;border-top: 1px solid #d7d7d6;border-left: 1px solid #d7d7d6;border-right: 1px solid #d7d7d6;border: none !important;"><img alt="" src=""></td>

This code above makes the border disappear since the border is set to none.

I know if I dont put the code inline for the responsive code, then it will work. But then I will have an issue with those email clients that strips out the style tag. Can anyone help?