@media all and (min-width : 0em) and (max-width : 70.25em) {
.spacer {display: none;}
.inner-shrink {width:95%;margin:0 auto;}
button, html input[type="button"], input[type="reset"], input[type="submit"], a.button {padding:0.5% 1%; z-index: 9000;}
#thank-you .tri-list li {width: auto; height: auto;min-height:0;}
#headline .full {width:95%;margin: 0 auto;}
table {width: 99%; margin: 0 auto;table-layout: fixed;}
form.pmpro_form .pmpro_submit {margin: 0 auto;text-align:center;}
#state_div, #zipcode_div, #state_div select, #password-strength-wrap, form.pmpro_form .input, form.pmpro_form textarea, .input, form.pmpro_form select, form.pmpro_form div {margin: 0 auto;padding: 0; text-align: left; }
form.pmpro_form div {margin: 5% auto;}
#ExpirationMonth, #ExpirationYear, #CVV	{width: 36%;}
.pmpro_thead-msg {  white-space: normal;}
.team-member:last-child {float: left;} 

}

@media all and (min-width : 0em) and (max-width : 1120px) {
#team .full {max-width: 561px;} 
iframe, iframe * {width: 100%; height: auto; margin: 0 auto;} 
#nav ul li {margin: 37px .75em;}
.team-member:last-child {float: left;}
}

@media all and (min-width : 0em) and (max-width : 1024px) {
iframe, iframe * {width: 100%; height: auto; min-height: 420px; margin: 0 auto;} 
.home .hover-box {height: 450px;}
#cboxContent .wpcf7-form .wpcf7-text, #cboxContent .wpcf7-form textarea, #cboxContent .wpcf7-form select {padding: 5px; height: 30px;}
#cboxContent .wpcf7-form textarea {height:164px;}
.box-image {}
.box-image img {height: 115px;padding-bottom: 50px;}
.press-image {margin: 0 7px!Important;}
.team-member {width: 221px; height: 270px;}
.team-hover {width: 221px; height: 270px;padding: 10px;}
#team .full {max-width: 479px;} 
#map img {width:100%; height: auto;} 
#state_div {margin-left: 80px!Important;}
#zipcode_div {margin-left: -10px!Important;}
#ExpirationMonth {margin: 0!Important;}
.pmpro_payment-cvv label {padding-right: 0!important;}
}

@media all and (min-width : 0em) and (max-width : 1060px) {
#nav ul li {margin: 37px .5em;}
}

@media all and (min-width : 0em) and (max-width : 1000px) {
#nav ul li {margin: 37px .25em;}
}

@media all and (min-width : 0em) and (max-width : 925px) {
.page-id-349 .black h2 {font-size: 24px;}
.box-image {clear: both; display: block; border-top: 1px solid #666;}
#footerWrapper .left {display: none;}
#footerWrapper {background-position: bottom center!important;padding: 1em 0 10em 0;}
#footerWrapper .right {text-align: center;width:100%;}	
#nav ul li {margin: 37px .1em;}
.news-box {width: 100%; margin: 0; max-height: none;}
#subnav, #subnav .inner {font-size: 0; line-height: 0; height: auto;}
#subnav a {display: block; margin: 0;line-height: 25px;}
#team .full {max-width: 479px;}
#state_div, #zipcode_div, #state_div select, #password-strength-wrap, form.pmpro_form .input, form.pmpro_form textarea, .input, form.pmpro_form select, form.pmpro_form div {margin: 0 auto;padding: 0; text-align: left; width: 99%;}
}

@media all and (min-width : 0em) and (max-width : 64em) {

}

@media all and (min-width : 0em) and (max-width : 63em) {
.hover-box.half-margin, .hover-box.left, .box-image.left, .box-image.right, .advisory-board, .advisory-board.left, .tri-list li {display: block; clear: both; float: none;margin: 5em auto;}
#quote .quote-right, #quote .quote-left {float: none; width:100%;clear:both;display:block; min-height: 40em; background-position: bottom center!important; background-attachment: scroll!important;}
#quote .padding {padding:3em;}
#quote .quote-meta {position: relative; bottom: auto; margin: 0;}
}



@media all and (min-width : 0em) and (max-width : 62.5em) {
button, html input[type="button"], input[type="reset"], input[type="submit"], a.button {margin: 5px 0; padding:.42em 0.5em;}
#navWrapper {height: auto;}
#nav {text-align:center;}
.menu-primary-container {width: 100%; text-align: center;}
#menu-primary {display:inline-block; margin: 0 auto;}
.menu-primary-container, #menu-primary {float: none;}
#nav ul li {border-bottom: 2px solid transparent;padding-bottom: 4px;}
#logo {float: none; position: absolute; top: 5px; left: 5px;}
#become-a-member, #donate, #logout {float: none;}
h1 {font-size: 32px;}
#spotlight .inner {background-position: center 15px;}
#spotlight .content {margin: 2.5em 0 1em 0; max-width: 100%;float: none;display: block;text-align: center; padding: 0 15px; line-height: 1.9em;}
#cboxLoadedContent ol {padding: 0 25px; list-style-type: round;}
#cboxLoadedContent ol li {line-height: 17px; height: auto; padding-left: 5px;}
#cboxLoadedContent ol li:before{display: none;}
}


@media all and (min-width : 0em) and (max-width : 48em) {
.hover-box.half-margin, .hover-box.left, .box-image.left, .box-image.right, .advisory-board, .advisory-board.left, .tri-list li {width: 50%;}
.box-image {border: 0 none;}
.news-box {width: 80%; margin: 15px 0;}
}

@media all and (min-width : 0em) and (max-width : 46.875em) {
.hover-box.half-margin, .hover-box.left, .box-image.left, .box-image.right, .team-member, .advisory-board, .advisory-board.left, .tri-list li {display: block; clear: both; float: none;margin: 5em auto;}
#cboxLoadedContent h2 {font-size: 25px;}
.home #headline h1, .home #headline h1 p {font-size: 33px; line-height: 40px;}
#navWrapper {height: 63px; z-index:9999;}
#jlusa-box .right .padding, .half-width, #jlusa-box .half-width.left, #jlusa-box .left .padding {float: none; width:100%;clear:both;display:block;}
#jlusa-box .padding {width:100%;max-width:100%;}
#halfby2030 .more {top:auto;bottom:-3em;}
.menu-primary-container, #donate, #become-a-member, #logout {display: none;}
#logo {float: none; clear: both; text-align: center; width: 3.5em; height: auto;}
#logo img {float: none; clear: both; text-align: center; width: 100%; height: auto;}

.pmpro-billing #pmpro_payment_information_fields td div {text-align: center;}
label {display: block!important;margin: 0!important; padding: 0!important; float: none!important;width:100%!important; text-align:center!important;}
input[type="text"]{display: block!important;margin: 0!important; padding: 0!important; float: none!important;width:100%!important; text-align:center!important;}
#click-menu .threeLines .line {background-color: #ea1b75!important;}
.wpcf7-form .left, .wpcf7-form .right, .small-box .hover-text, .team-hover, .hover-text, .hover-box.half-margin, .hover-box.left, .box-image.left, .box-image.right, .team-member, .advisory-board, .advisory-board.left, .tri-list li {min-height: 350px; height: auto; box-sizing: border-box;width: 100%; margin: 0 auto; padding: 20px;}
.force-bottom {bottom: 5px; left: 20px;}
#jlusa-box .padding {padding: 20px;}
#contact_form {width: auto;} 
.number-list {width: 90%; margin: 0 auto;}
.number-list li {height: auto;}
#donation input {margin: 1em 0;}
.modal-inline {width: 100%; padding: 10px; height: auto;position: absolute;}
.modal-inline .left, .modal-inline .right {width: 100%; padding: 0; float: none; clear: both; display: block; border: 0 none;}
.count-num, .count-comma {font-size: 25px;}
.team-member img {width: 100%; height: auto;}
.team-member:hover img {transform: scale(1.1);}
.team-member {padding: 0;height:100%; margin: 10px 0;}
.team-hover {padding: 10px; height: 100%;}
.team-member .bio {font-size: 18px;}
.advisory-board .headshot {width: 100%;height:auto;}
.advisory-board .headshot img {width: 100%;height:auto;}
#your-profile label {line-height: 16px;}
#your-profile .form-table input, #your-profile .form-table textarea, #your-profile .form-table select, #your-profile .form-table .description, #your-profile .form-table th, #your-profile .form-table td, #your-profile .form-table td span, #your-profile .form-table td div {padding: 0; display: block; text-align: center; width: 100%; box-sizing: border-box; }

.footer-menu-2 ul { display: block !important }

}