@charset "utf-8";
/* CSS Document */
@media (min-width: 1012px) {
  .note_bar p span{float:none !important;}	
	
	}
@media (max-width:1011px)	{
	.swMain ul.anchor li a .stepNumber, .swMain ul.anchor li a .stepDesc{ /*padding:5px 23%;*/padding:5px 11%!important;}  
	.swMain ul.anchor li{margin-bottom:10px;}
	}
@media(max-width:767px){
    .note_bar p span{float:right !important;}
	.imi_main .imi_navdiv{ z-index:100;}
	.membership_app_wrap{ 
	width:95%;
	margin:0 auto;
	}
	.join-imi-member-registration .imi-member-registration-form {
		float:none;
		width:100%;
		display:inline-block; 
		padding-bottom:10px;
	}
	.join-imi-member-registration .imi-member-skip-registration {
		float:none;
		width:100%;
		display:inline-block; 
	}
	.join-imi-member-registration .form-item{
		width:100%;
	}
	#imi-member-register-form select{
		width:50px;
		}
	.join-imi-member-registration input, .join-imi-member-registration input[type="password"]{ 
		width:98%!important;
		}
	.swMain ul.anchor li{ 
		margin-bottom:0px!important;
		}
	.swMain ul.anchor li a{ 
		display:none!important;
		}
	.swMain ul.anchor li a.selected{ 
		/*display:block!important;*/
		display:table!important; 
		width:auto; 
		margin:0 auto; 
		float:none;
		}
	.swMain ul.anchor li{ 
		width:98%; 
		float:none; 
		margin-right:0px;
		}
	.swMain .stepContainer{
		padding-left:0px!important;
		}
	.swMain .stepContainer div.content{
		width:100%!important;
		}
	.stepContainer label{ 
		float:none!important; 
		width:100%!important;
		display:block;
		}
	.stepContainer input{ 
		float:none; 
		width:95%!important; 
		margin:0 auto;
	}
	div#date_select{ 
		width:100%; 
		display:inline-block;
		}
	div#date_select label{ 
		width:100%!important; 
		display:block; 
		padding-bottom:10px;
		}
	div#date_select select{ 
		float:left; 
		width:30%;
		}
		
	.stepContainer select#country{ 
		width:96%!important;
		}
	.imi-member-form{
		width:100%;
		display:inline-block;
		position:relative;
		z-index:1;
		}
	.imi-member-form .swMain{
		padding-bottom:0px;
		}
	.imi-member-form .swMain .stepContainer{ 
		padding-bottom:0px;
		}
	.swMain div.actionBar{ 
		top:auto!important; 
		 z-index:999 !important; bottom:55px !important; padding-bottom:20px !important; width:98% !important;
		}
	.stepContainer input#add_more{
		float:none; 
		margin-right:0px!important;
		}
	.note_bar > span{ 
		margin-bottom:10px!important;
		}
	.content #employment-history ul, #vocational-qualifications ul{ 
		width:100%!important;
		padding:15px 0!important;
	 	}
	 .content #employment-history ul li span:nth-child(5){
		 margin-left:0px!important;
		}
	.membership-level p,.membership-level a.learn-more,.membership-level span{ 
		display:none!important;
		}
	.membership-level a.tooltip{ 
		padding-bottom:0px!important;
		}
	.membership-level{ 
		min-height:inherit!important; 
		margin-bottom:10px!important;
		}
	.membership-level .membership-level-apply{ 
		display:none!important;
		}
	.swMain .buttonPrevious{ 
		width:80px!important;
		}
	.swMain .buttonNext, .swMain .buttonFinish{ 
		width:80px!important;
		}
	
		.membership-level-inner{
		 display:none;
		}
.mobile-version.membership-level-inner{
 display: block;
}
.mobile-version.membership-level-inner a, .mobile-version.membership-applying{
 padding:0 !important;
}
.stepContainer legend {
    /*margin: 20px 0 0 !important;*/
	margin: 30px 0 0 !important;
}
	.join-imi-member-registration {
    display: inline-block;
    margin-top: 20px;
    width: 95%;
}
.join-imi-member-registration .imi-member-registration-form {
    float: none !important;
    width: 100% !important;
}
.join-imi-member-registration .imi-member-skip-registration {
    float: none !important;
    width: 100% !important;
}
.join-imi-member-registration .imi-member-registration-form input, .join-imi-member-registration .imi-member-registration-form input[type="password"] {
    width: 100% !important;
}
.membership-level{ float:none!important; margin:0 auto 10px!important;}
.membership-level{ /*margin-right:6px!important;*/}
.swMain ul.anchor li a .stepNumber, .swMain ul.anchor li a .stepDesc{ /*padding:5px 23%;*/padding:5px 25%!important;} 
.membership-level-list .membership-level-inner{ display:none;}
.membership-level-list .membership-level-apply{ display:none;}
.membership-level-list .membership-level-inner.mobile-version{ display:block; height: auto;}
.stepContainer .content hr{ margin-top:30%;}
 #step-1 { margin-bottom:200px; }
 .stepContainer .content hr {
  bottom: 40px;
  margin-top: 48px;
  position: absolute;
}
.save_button_user{ position:absolute; bottom:0px;}
 #step-2, #step-3, #step-4, #step-5 { padding-bottom:205px;}
 .declaration-text{ margin-bottom:50px;}
 
	} 
      
      
@media (max-width:640px){
	/*.membership-level{ margin-right:6px!important;}*/
	
	}
@media(min-width:481px) and (max-width:767px){
	.membership-level-list{ width:440px!important;}
	
	}

@media(min-width:320px) and (max-width:480px){
	.membership-level-list{ width:290px!important;}
	.swMain .buttonPrevious {left: -2px!important;}
	.imi-membership-learnmore {
    overflow: scroll!important;}
	.fancybox-inner {
    overflow: scroll!important;
}
.swMain ul.anchor li a .stepDesc {
	width:100%!important;
}
	}