@media only screen and (max-width:1590px){
    .centerwrap{width:1250px;}
    .joinRight{width:624px;}
    .twoColumns .deBox{width:49%;}
    footer{padding-top:120px;}
    .payvia label{width:110px; height:48px; margin-bottom:7px;}
    .payvia label span{width:108px;}
    .orText{font-size:16px; line-height:48px;}
}
@media only screen and (max-width:1279px){
    .centerwrap{width:994px; padding-top:32px;}
    .joinLeft{width:45%}
    .joinRight{width:53%;}
    .joinRight h3{font-size:20px;}
    .joinLogo{width:200px; margin:auto;}
    .joinTextBox{height:46px; font-size:15px;}
    .twoColumns{padding-bottom:10px;}
    .membershipArea label{padding-left:14px; height:62px;}
    .mostPopular{font-size:14px; margin-right:20px; line-height:30px;}
    .joinYanks h2{font-size:18px;}
    .calltosafety{width:150px; padding-right:12px;}
    .joinYanks{width:calc(100% - 150px); padding-left:12px;}
    .womenHelp{align-items:center;}
    .joinFirst{padding-bottom:20px;}
    .memberMonths{font-size:18px;}
    .memberPrice{font-size:24px;}
    .promoCode{font-size:14px; padding-top:8px;}
    .addPromoCode{margin-top:10px;}
    .completeBtn{font-size:20px;}
    .payvia label{width:90px; height:40px; margin-bottom:7px;}
    .payvia label span{width:88px;}
    .orText{font-size:15px; line-height:40px;}
    .promoBox{height:46px; font-size:15px;}
    .applyBtn{height:36px; font-size:15px;}
}
@media only screen and (max-width:1023px){
    .centerwrap{width:748px; padding-top:22px;}
    .joinLeft{order:1; width:100%;}
    .joinRight{width:100%; padding-bottom:40px;}
    footer{padding-top:70px;}
    .joinFirst{padding-bottom:32px;}
    .membershipArea label{height:68px;}
}
@media only screen and (max-width:767px){
    .centerwrap{width:96%;}
    .payvia label{width:94px; height:40px; margin-bottom:7px;}
    .payvia label span{width:90px;}
    .orText{font-size:15px; line-height:44px;}
    .completeBtn{height:45px;}
    .joinLogo{width:180px;}
    .joinTextBox{height:42px; font-size:14px; padding:0 12px;}
    .joinFirst{padding-bottom:24px;}
    .joinRight h3{font-size:18px; padding-bottom:6px;}
    .mostPopular{font-size:13px; line-height:32px; padding:0 10px; margin-right:10px;}
    .memberMonths span{font-size:13px; letter-spacing:normal;}
    .promoBox{padding-left:12px;}
}
@media only screen and (max-width:479px){
    .centerwrap{width:94%;}
    .joinLogo{width:160px;}
    .twoColumns{flex-wrap:wrap;}
    .twoColumns .deBox{width:100%; padding-bottom:8px;}
    .twoColumns .deBox:last-child{padding-bottom:0px;}
    .membershipArea label{height:auto; flex-direction:column; padding:10px; align-items:center;}
    .mostPopular{margin:auto; margin-bottom:8px; margin-top:3px;}
    .memberMonths{text-align:center; padding-bottom:8px;}
    .completeBtn{font-size:18px; height:42px;}
    .womenHelp{flex-direction:column;}
    .calltosafety{padding-right:0px; padding-bottom:10px;}
    .joinYanks{padding-top:10px; padding-left:0px; width:100%; text-align:center; border-left:0px; border-top:1px solid #dbdbdb}
    footer{padding-top:40px;}
    .joinTextBox{letter-spacing:normal;}
    .promoBox{letter-spacing:normal;}
}