@media (max-width: 1366px){
.longform .form-area-left { width:50%; }
.longform .form-area-form { width:50%; padding:1rem 0 4rem; }
.shortform .form-area-form {width:40%; margin: 0;}

.unsubscribe-cont { width:40%; }
.flow-welcome  {width:40%;}
.flow-content {width: 60%;}
}

@media (max-width: 1200px){
.longform .form-area-left img { width: 110%;  margin-left: -10%;}
.whypsj_item {width:calc(25% - 1rem); margin:0.5rem;}
.flow-content, .flow-offers {width:65%;}
}

@media (max-width:1024px) {
html, body{ font-size: 16px;}
.longform .form-area-left img { width: 140%;  margin-left: -30%;}
.whypsj_item {width: 35%; margin:0.5rem;}

.simple-form .wrapselect2 .error-message {margin-top: 51px;}
.cell-items { margin: 0 -0.5rem; padding:0.5rem 0;}
.cell-items .item {width: calc(33.3% - 1rem); margin:0.5rem; padding:1rem;}

.unsubscribe-cont { width:50%; padding: 2rem 0 2rem;}

.flow{ background-size: 60%;}
.flow-content, .flow-offers {width:70%; }

.footer-logo img {height:25px;}
}


@media (max-width: 992px){
.top-logo img {height: 25px;}
.longform .form-area-left img { width: 150%;  margin-left: -40%; }
.longform .form-area-bg .line h1 {font-size: 2.5rem;}

.unsubscribe-cont { width:50%; margin:0 auto;}
.emailer-top {width: calc(100% + 2rem); margin: 0 -1rem;}
.emailer-top-text div {margin: 0 1rem;}
.flow{ background-size:80%;}
.flow-welcome  {width:50%;}
.flow-welcome img {height: 20px;}

.row-items .item {display: grid; grid-template-rows: repeat(2, 1fr); grid-template-columns: 125px 1fr 1fr 210px;}
.row-items .item .item-banner { grid-column-start: 1; grid-column-end: 1; grid-row-start: 1; grid-row-end: 3;}
.row-items .item .item-title { width: auto; grid-column-start: 2; grid-column-end: 4; grid-row-start: 1; grid-row-end: 1; padding:0; align-self: flex-end;}
.row-items .item .item-txt  { width: auto; grid-column-start: 2; grid-column-end: 4; grid-row-start:2; grid-row-end:2;; padding:0; align-self: flex-start;}
.row-items .item .item-link { width: auto; grid-column-start:4; grid-column-end:4; grid-row-start: 1; grid-row-end: 3;} 
.row-items .item .item-link .btn {padding:10px 20px;}
.row-items .item .item-title p, .row-items .item .item-txt p {padding: 0;}
.flow-content  {width:75%; }
}


@media (max-width: 800px){
.longform .form-area-left img { width: 160%;  margin-left: -50%; }

.unsubscribe-cont { width:60%;}

.flow-content, .flow-offers {width:75%; }
}

@media (max-width: 767px) {
html, body{ font-size:14px;}
.top-logo {text-align: center;}
.simple-form .wrapselect2 .error-message {margin-top: 49px;}
.longform .form-area-left { width:40%; }
.longform .form-area-form { width:60%; }  
.longform .form-area-left img { width: 200%;  margin-left: -70%; }
.longform .form-area-bg .line h1 {width: 40%; font-size: 2rem;}
.whypsj_item {width:40%; margin:0.5rem;}

.unsubscribe-cont { width:65%;}
.flow{ background-size:100%;}
.flow-welcome  {width:60%;}
.flow-content, .flow-offers {width:80%; }


.row-items .item .item-link { width:190px;}
.cell-items { margin: 0 -0.5rem;;}
.cell-items .item {width: calc(50% - 1rem);}

.footer-logo img {height:20px;}
}

@media (max-width: 576px){
html, body{font-size: 16px;}
.top-logo img {height: 20px;}
.emailer-top {width: calc(100%); margin: 0;}
.emailer-top-text {flex-wrap: wrap;}
.emailer-top-text div {width:100%}
.emailer-top-text div:nth-child(2n) {display: none;}

.longform .form-area-left, .longform .form-area-bg .line { display: none; }
.longform .form-area-form { width:90%; margin:1rem auto;}  
.whypsj_item { width: 60%; }

.unsubscribe-cont { width:90%;}
.flow{ background-size:120%;}
.flow-welcome  {width:80%;}
.flow-content, .flow-offers {width:95%; }

.exit-top {flex-wrap: wrap;}
.exit-top-left { width: 100%; }
.exit-top-right { width: 100%; }
.exit-top-right h3 {font-size: 1rem;}
.exit-top-right h3 span {    display: inline-block; background: #FE8031; color: #ffffff; width: 1.5rem; height: 1.5rem; padding: 0.1rem 0.45rem; border-radius: 50%; margin-right: 0.5rem;}

.row-items .item {display: flex; flex-wrap: wrap; justify-content: center; text-align: center;}
.row-items .item .item-banner { width:40%; }
.row-items .item .item-title { width: 100%; }
.row-items .item .item-txt  { width: 100%; }
.row-items .item .item-link { width: 100%; }
.row-items .item .item-title p, .row-items .item .item-txt p {padding:0.5em 0;}

.cell-items { margin: 0;}
.cell-items .item {width: calc(100% - 1rem); margin:0.5rem; padding:1rem;}


.footer-nav {justify-content: space-evenly; text-align: center;}
.footer-logo {display: none;}
}

@media (max-width: 412px){
.longform .form-area-form { width:100%; margin:1rem auto;}
.unsubscribe-cont { width:100%;}
.whypsj_item { width:80%; }
.flow-content, .flow-offers {width:100%; }
/* .simple-form {padding:20px;}
.simple-form input, .simple-form textarea {padding: 10px; font-size: 16px;}
.simple-form input[name="dob"] { background-size: 20px;}
.select2-container--default .select2-selection--single {padding: 10px; }
.select2-container--default .select2-selection--single .select2-selection__arrow {background-size: 80%;} */

.row-items .item .item-banner { width:60%; } 



}

@media (max-width: 360px) {

/* .simple-form input, .simple-form textarea {padding:7px; font-size: 14px;}
.select2-container--default .select2-selection--single {padding:7px; font-size: 14px;} */

}