/* Responsive Email Styles – Scoped to email wrapper only */
@media only screen and (max-width: 600px) {
.email-wrapper-outer {
padding: 20px 0 !important;
}
.email-wrapper-inner {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
border-radius: 0 !important;
}
.email-header {
padding: 20px 15px !important;
border-radius: 0 !important;
}
.email-body {
padding: 25px 15px !important;
}
.email-footer {
padding: 20px 15px !important;
}
.email-logo img {
max-width: 150px !important;
max-height: 50px !important;
}
.email-header-text {
font-size: 16px !important;
margin-top: 10px !important;
}
.email-footer p {
font-size: 12px !important;
}
.email-footer a {
font-size: 13px !important;
}
}
@media only screen and (max-width: 480px) {
.email-wrapper-outer {
padding: 10px 0 !important;
}
.email-header {
padding: 15px 10px !important;
}
.email-body {
padding: 20px 10px !important;
}
.email-footer {
padding: 15px 10px !important;
}
.email-logo img {
max-width: 120px !important;
max-height: 40px !important;
}
.email-header-text {
font-size: 14px !important;
}
}

---

---