Media queries are used to make your email templates responsive. They allow for different content to get rendered based on certain conditions, such as screen size. In Sendwithus, media queries have to go into their separate style tags. See the example below:

<style media="screen" type="text/css">
body {
    width: 75%;
}
</style>

<style media="only screen and (max-width: 650px)" type="text/css">
@media only screen and (max-width: 650px) {
    body {
      width: 90% !important;
    }
}
</style>

<style media="only screen and (max-width: 480px)" type="text/css">
@media only screen and (max-width: 480px) {
    body {
      width: 100% !important;
    }
}
</style>

It’s important to note that not all email clients support media queries. For a full list of supported devices and to learn more about media queries, visit Email On Acid’s post: Media Queries Demystified.

If your emails continue to be unresponsive, contact support@sendwithus.com and we’d be happy to help!