@charset "utf-8";
/* Table of Contents
==================================================
	#Desktop (1600)
	#Desktop (1366)
	#Desktop (1024)
	#Tablet (Portrait)
	#Mobile (Portrait)
	#Mobile (Landscape)



/* #Additional - Large Screens beyond 1920px
================================================== */
@media only screen and (min-width: 1700px) and (max-width: 1920px) {

.container                                  { max-width: 1200px; }



/*----------------- Inner Pages -----------------*/


}


/* #Additional - Large Screens beyond 1600px
================================================== */
@media only screen and (min-width: 1500px) and (max-width: 1680px) {

.container                                  { max-width: 1200px; }




/*#footer	.divider							{ top: -770px; }*/

/*----------------- Inner Pages -----------------*/


}




/* #Additional - Large Screens beyond 1600px
================================================== */
@media only screen and (min-width: 1366px) and (max-width: 1500px) {

.container                                  { max-width: 1200px; }



}



/* #Additional - Large Screens beyond 1366px
================================================== */
@media only screen and (min-width: 1180px) and (max-width: 1366px) {

.container                                  { max-width: 1150px; }


}



/* #iPad Pro - Large Screens beyond 1024px
================================================== */
@media only screen and (min-width: 959px) and (max-width: 1180px) {

.container									{ max-width: 960px; }


#joinSec .join-info .form-field .check-box	{ width: 100%; }	

/*----------------- Inner Pages -----------------*/
.alignleft, .alignnone, .alignright, .aligncenter { display: block; max-width: 50%; height: auto; }



}



/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

.container									{ max-width: 738px; }

#joinSec .member-sec						{ padding: 50px 0 0 0; }

#joinSec .member-sec .member-thumb img 		{ width: 50%; }

#footer										{ padding: 20px 20px; }

/*----------------- Inner Pages -----------------*/


}





/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {

.container									{ max-width: 100%; padding: 0 15px; }

#header										{ background: #fff; border-bottom: 1px solid #37383D19; }
#header .logo								{ width: 95px; }
#header .logo img							{ filter: invert(34%) sepia(86%) saturate(7500%) hue-rotate(2deg) brightness(89%) contrast(112%); }

#joinSec .right-col 						{ padding: 0px 0px 0px 0px; }

.mobile_en_es_link							{ text-align: left; padding: 0 0 30px 0; }
#joinSec .promoCheck						{ padding: 30px 0 0 0; }

#joinSec .join-info .form-field .check-box	{ max-width: 100%; }	
#joinSec .join-info .form-field .check-box span { width: 90%; }	
#joinSec .join-info .form-field .create-sec	{ margin: 0; }
#joinSec .join-info .form-field .create-sec .allows-field .password__tooltip	{ top: 60px; right: -25px; }

#joinSec .join-info .form-field .check-box label { width: 90%; }

#joinSec .join-info .form-field .check-box label.ar-terms-checkbox { width: 90%; }

#joinSec .join-info .form-field .check-box label.ar-terms-checkbox br { display: none; }

#joinSec .join-info .fee-display .fieldset .radio .selectors-sec .item .ts-item .left-col	{ max-width: 48%; }
.fee-display .fieldset .radio .selectors-sec .item .ts-item .ts-divider { left: 50.333%; }
#joinSec .join-info .fee-display .fieldset .radio .selectors-sec .item .ts-item .right-col	{ padding: 0 10px; width: 52%; }

#joinSec .join-info .member-plan .fee-display .fieldset .radio .selectors-sec .item .plan-renewal	{ margin: 10px 0 0px 0; }

#joinSec .join-info .form-field .submit-btn	{ width: 100%; }

#footer										{ padding: 20px 20px; }


/*----------------- Inner Pages -----------------*/

#joinSec .trusted-sec						{ float: left; margin: 20px 0 0 0; }
#joinSec .right-col .member-info .info-item .left-col h6 { width: 100%; }
#joinSec .right-col .member-info .info-item .left-col { flex-direction: column; }
#joinSec .right-col .member-payment .payment-method .info-box .card-info .form-group { width: 100%; }
#joinSec .right-col .member-payment .payment-method .info-box .card-type { width: 100%; padding: 20px 0 0 0; text-align: left; }
#joinSec .right-col .member-payment .payment-method .card-details .card-field .field.half { width: 100%; margin-right: 0; margin-bottom: 20px; }
#joinSec .right-col .member-payment .payment-method .card-details .card-field .field.half.info { width: 89%; }
#joinSec .right-col .member-payment .payment-method .card-details .card-field	{ margin: 0 0 0 0; }

#joinSec .right-col .billing-address .billing-info .address-details .address-field { margin: 0 0 0 0; }
#joinSec .right-col .billing-address .billing-info { padding: 0; }
#joinSec .right-col .billing-address .billing-info .address-details .address-field .form-field { margin-bottom: 20px; }
#joinSec .right-col .billing-address .billing-info .address-details .address-field .form-field.half { width: 100%; margin-right: 0; margin-bottom: 20px;  }

#joinSec .right-col .join-cont .joinBtn { width: 100%; }

}




/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

.container									{ /*width: 540px;*/ max-width: 100%; padding: 0 15px; }



/*----------------- Inner Pages -----------------*/



}