/* -------- MEDIA QUERIES -------- */

@media screen and (max-width: 975px) {
/* -------- Global -------- */
DIV.wrapper{width:100%;padding:0 20px;overflow:hidden;}

/* -------- Top -------- */
HEADER.top{padding:35px 0 60px 0;}
NAV.main{display:none;}
.main-logo{width:180px;float:none;margin-left:auto;margin-right:auto;margin-bottom:15px;text-align:center;}
NAV.inner UL{float:none;text-align:center;}
NAV.inner UL LI{display:inline;float:none;margin:0;padding:0 24px;}
NAV.inner UL LI A{display:inline-block;}
.main-cta {padding:5px 0 20px 0;}
.main-cta .plane-box {width:140px;height:140px;background-size: 140px;margin:0 auto;float:none;display:block;}
.main-cta .main-heading {float:none;width:100%;padding:0;}
.main-cta .main-heading H1 {text-align:center;width:480px;margin-left:auto;margin-right:auto;}
.main-cta .main-heading UL {margin:0 auto;width:480px;padding:0 0 40px 0;}
.main-cta .aniversary-box {float: none;margin:0 auto;padding:30px;}
.main-cta .aniversary-box H2 {font-size:50px;}
.main-cta .aniversary-box H3 {font-size:40px;line-height:48px;}
.miniplane{display:none;}

/* -------- Features -------- */
.rt {float: none;}
.lt {float: none;}
.cnt {width: 100%;padding: 75px 0 0 0;}
.features H1 {text-align: center;}
.features P {text-align: center;}
.illo {margin: 0 auto;}
.illo.integration IMG {display: none}
.illo.integration {padding-bottom: 60px}

/* -------- Plugins --------- */
.plugins UL.columns {width: 634px;margin: 0 auto;}

/* -------- Testimonials -------- */
.testimonials UL.columns {width: 634px;margin: 0 auto;}
.three {display: none}

/* -------- Updates -------- */
.upd-info H2 {font-size: 60px}

/* -------- Help -------- */
.help {width: 80%;padding: 40px 12px 0 12px;}
.help UL {width: 100%;padding: 0;}

/* -------- Notes -------- */
.notes {width: 80%;}
.notes UL {width: 100%;}
.notes UL LI H3 {font-size: 38px;line-height: 38px;}
.notes UL LI P {font-size: 18px;}

/* -------- Newsletter -------- */
.newsletter H3 {font-size: 34px;line-height: 34px;margin: 0 0 15px 0;}
.newsletter H4 {font-size: 22px;line-height: 24px;}

/* -------- Post -------- */
.post {padding: 50px 0;}
.post ARTICLE {padding: 50px 0 0 0;margin: 0 0 50px 0;}
.post ARTICLE H2.post-title {font-size: 38px;line-height: 38px;}

.photos {margin: -20px 0 50px 0;}
.photos UL {width: 100%;margin: 0 auto;}
.photos UL LI {float: none;margin: 0 auto;}
.photos UL LI.midimg {margin: 0 auto;padding: 25px 0;}
.photos UL LI IMG {margin: 0 0 10px 0;}
.photos H2 {font: normal 34px 'latolight', arial, helvetica, sans-serif;color: #2a9efc;text-align: center;}
}

@media screen and (max-width: 634px) {
/* -------- Top -------- */
.main-cta .aniversary-box {width:100%;}
.main-cta .aniversary-box H2 {font-size:46px;}
.main-cta .aniversary-box H3 {font-size:38px;line-height:45px;}
.miniplane{width:100%;}
.circle-blue-one{top:120px;left:-4px;}
.circle-blue-two{top:-24px;right:110px;}
.circle-yellow-one{top:33px;left:65px;}
.circle-yellow-two{top:38px;right:23px;}
.circle-red-one{bottom:-10px;left:158px;}
.circle-red-two{bottom:81px;right:40px;}
.semicircle-blue-one{bottom:-12px;right:60px;}
.semicircle-yellow-one{bottom:46px;left:50px;}

/* -------- Features -------- */
UL.columns LI {margin: 0 0 30px 0;}

/* -------- Plugins --------- */

.plugins {text-align: center;width: 100%;padding: 75px 0 30px 0;}
.plugins UL.columns {width: 317px;margin: 0 auto;}
IMG.plug {margin: 0 0 30px 0;}

/* -------- Testimonials -------- */
.testimonials UL.columns {width: 317px;margin: 0 auto;}
.two {display: none}

/* -------- Newsletter -------- */
.newsletter UL LI.form-field {width: 100%;}
.newsletter UL LI.form-btn {width: 100%;}

/* -------- Sml notes -------- */
.smlnotes UL {width: 100%;margin: 0 auto;}
.smlnotes UL LI {margin: 0 0 34px 0;}
.smlnotes H4 {text-align: center;}
.smlnotes P {text-align: center;}
}

@media screen and (max-width: 520px) {
/* -------- Top -------- */
HEADER.top {min-height: 200px;padding: 30px 0 50px 0;background: #d0ddf0 url('https://mailplaneapp.com/assets/images/light_rays.png') no-repeat top center;}
NAV.inner UL{letter-spacing:2.5px;}
NAV.inner UL LI{padding:0 10px;font-size:11px;}
.main-cta .main-heading {padding: 20px 0 0 0;}
.main-cta .main-heading H1 {text-align:center;font: normal 38px 'latosemibold', arial, helvetica, sans-serif;line-height: 120%;margin: 0 0 40px 0;width:100%;}
.main-cta .main-heading UL {margin:0 auto;width:230px;}
.main-cta .main-heading UL LI.try {float: left;}
.main-cta .main-heading UL LI.buy {float: right;margin: 0 0 20px 0;}
.main-cta .aniversary-box{padding:25px 20px;}
.main-cta .aniversary-box H2 {font-size:38px;margin:0 0 5px 0;}
.main-cta .aniversary-box H3 {font-size:28px;line-height:34px;margin:0 0 5px 0;}
.main-cta .aniversary-box LI > A {font-size:12px;}
.circle-blue-one{top:120px;left:-4px;}
.circle-blue-two{top:-24px;right:110px;}
.circle-yellow-one{top:33px;left:15px;}
.circle-yellow-two{top:38px;right:23px;}
.circle-red-one{bottom:-10px;left:158px;}
.circle-red-two{bottom:81px;right:5px;}
.semicircle-blue-one{bottom:-15px;right:60px;}
.semicircle-yellow-one{bottom:16px;left:10px;}

/* -------- Features -------- */
.cnt {padding: 70px 0 0 0;}
.features H1 {font: normal 38px 'latolight', arial, helvetica, sans-serif;}
.features P {font-size: 18px;}
UL.columns LI {width: 280px;margin: 0 0 20px 0;}

/* -------- Plugins --------- */
.plugins {text-align: center;width: 100%;padding: 75px 0 30px 0;}
.plugins UL.columns {width: 280px;margin: 0 auto;}
IMG.plug {margin: 0 0 20px 0;width: 280px;height: 102px;}

/* -------- Testimonials -------- */
.testimonials UL.columns {width: 280px;margin: 0 auto;}

/* -------- Modal -------- */
.smlnews H3 {font-size: 24px;}
.smlnews H4 {font-size: 15px;}
.smlnews P {font-size: 13px;}
.smlnews UL LI.form-field .field {height: 42px;font-size: 16px;}
}