@media only screen
and (min-width : 320px) and (max-width : 768px){

.joinTopBtnsP{width: 300px !important;
margin: 0 auto !important;}

#joinTopMainImg{height: auto !important;}

.joinHeaderBar{

width: 80% !important;
margin-left: auto !important;
margin-right: auto !important;
line-height: 112% !important;
margin-top: 32% !important;
font-size: 34px !important;


}
#contactCont.join .btn-submit-custom{
margin-right: auto !important;
width: 270px !important;
margin-left: auto !important;
font-size: 16px!important;
height: 44px !important;
margin-top: 48px !important;
font-size: 14px !important;
}

#join br{display: none !important;}

.joinParagraph{
font-size: 16px !important;
line-height: 23px !important;
margin-bottom: 38px !important;
width: 84% !important;
margin-left: 10% !important;
letter-spacing: 0.015em !important;
margin-top: 4% !important;

}

span.joinParagraph br {display:none}

#connectFB{
height: 54px !important;
background-size: 100% 100% !important;
width: 270px !important;
margin-top: 7% !important;
margin-bottom: 2px !important;
}

a#signUpButton.signUpButtonJoinPage {
width: 270px !important;
margin-top: 24px !important;
font-size: 14px;
letter-spacing: 2px;
padding-top: 12px;
margin-bottom: 50px;
font-size: 14px !important;
border-width: 1px !important;
height: 44px !important;
}

#x-content-band-2.joinFormRespo{margin-left: 8% !important;}

#join {
margin-top: -5%;
margin-left: 8% !important;
width: 100% !important;
}

#joinFormOptionsTerms{
letter-spacing: 0.015em !important;
        margin-bottom: 5% !important;
        margin-top: -23px !important;
	width: 84% !important;
}

.joinFieldName{
font-size: 17px !important;
font-family: 'Roboto slab'!important;
	
}

#join_username, #join_password {
	margin-top: 2% !Important;
height: 36px !important;
margin-bottom: 15px !important;
width: 98%;
padding-left: 8px;
font-size: 14px !important;
}

#join_email{

 margin-top: 2% !Important;
height: 36px !important;
margin-bottom: 29px !important;
width: 98%;
padding-left: 8px;
font-size: 14px !important;
}

#join input.custom-checkbox{
	-webkit-box-sizing: inherit !important;
-moz-box-sizing: inherit !important;
box-sizing: inherit !important;
}

.joinFormOptions{
	letter-spacing: 0.015em !important;
	margin-bottom: 12px !important;
	margin-top: -22px !important;	
	width: 82% !important;
}

}

@media only screen
and (min-width : 360px) and (max-width : 640px){

a#signUpButton.signUpButtonJoinPage {
width: 270px !important;
margin-top: 22px !important;
font-size: 14px;
letter-spacing: 2px;
padding-top: 12px;
margin-bottom: 50px;
font-size: 14px !important;
border-width: 1px !important;
}


/*#contactCont.join .btn-submit-custom {
margin-right: -19px!important;
width: 116% !important;
font-size: 16px!important;
height: 44px !important;
margin-top: 28px !important;
font-size: 14px !important;
}*/

#connectFB{
background-size: 100% 100% !important;
width: 257px !important;
margin-top: 0% !important;
margin-bottom: 0px !important;
}


}


@media only screen
and (min-width : 375px) and (max-width : 667px){


a#signUpButton.signUpButtonJoinPage {
width: 270px !important;
margin-top: 22px !important;
font-size: 14px;
letter-spacing: 2px;
padding-top: 12px;
margin-bottom: 50px;
font-size: 14px !important;
border-width: 1px !important;
}


#contactCont.join .btn-submit-custom {
margin-right: auto !important;
width: 270px !important;
margin-left: auto !important;
font-size: 16px!important;
height: 44px !important;
margin-top: 48px !important;
font-size: 14px !important;
}

}



@media only screen
and (min-width : 768px){
#connectFB{
background-size: 100% 100% !important;
width: 257px !important;
margin-top: 0% !important;
margin-bottom: 0px !important;
}

}


@media only screen
and (max-width : 768px){
#connectFB{
background-size: 100% 100% !important;
width: 270px !important;
margin-top: 0% !important;
margin-bottom: 0px !important;
}

}


@media only screen
and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {

#joinTopMainImg{height: auto !important;}
#contactCont.join .btn-submit-custom{margin-right:-20px!important;width:100% !important;float:right!important;font-size:16px!important;}
.joinHeaderBar{

width: 80% !important;
margin-left: auto !important;
margin-right: auto !important;
line-height: 112% !important;
margin-top: 32% !important;
font-size: 34px !important;


}

.joinParagraph{

font-size: 16px !important;
line-height: 23px !important;
margin-bottom: 18px !important;
width: 84% !important;
margin-left: 10% !important;
letter-spacing: 0.015em !important;
margin-top: 4% !important;

}

span.joinParagraph br {display:none}
/*background-size: 100% 100% !important;
width: 257 !important;
margin-top: 0% !important;
margin-bottom: 0px !important;
}*/

#connectFB{
height: 54px !important;
background-size: 100% 100% !important;
width: 270px !important;
margin-top: -3% !important;
margin-bottom: 0px !important;
}

a#signUpButton.signUpButtonJoinPage {
width: 270px !important;
margin-top: 27px !important;
font-size: 14px;
letter-spacing: 2px;
padding-top: 12px;
margin-bottom: 50px;
border-width: 1px !important;
}

#x-content-band-2.joinFormRespo{margin-left: 8% !important;}

#join {
margin-top: -5%;
margin-left: 8% !important;
width: 100% !important;
}

#joinFormOptionsTerms{
letter-spacing: 0.015em !important;
        margin-bottom: 5% !important;
        margin-top: -20px !important;
	width: 84% !important;
}

.joinFieldName{
font-size: 17px !important;
font-family: 'Roboto slab'!important;
	
}

#join_username, #join_email, #join_password {
	margin-top: 2% !Important;
height: 36px !important;
margin-bottom: 15px !important;
width: 98%;
padding-left: 8px;
font-size: 14px !important;
}

#join input.custom-checkbox{
	-webkit-box-sizing: inherit !important;
-moz-box-sizing: inherit !important;
box-sizing: inherit !important;
}

.joinFormOptions{
	letter-spacing: 0.015em !important;
	margin-bottom: -4% !important;
	margin-top: -20px !important;	
	width: 84% !important;
}

#joinSubmitBtn{
	width: 80% !important;
}

}