body.embed-emo .header,
body.embed-emo .footer,
body.embed-emo .online-form__title {
  display: none !important;
}
	
body.embed-emo .online-form{
	padding-top: 10px;
	padding-bottom: 10px;
}

body.embed-emo .online-form__steps {
  margin-bottom: 10px !important;
}

body.embed-emo #main-online-form {
  padding-top: 10px !important;
}

body.embed-emo .field-holder .intl-tel-input+label, .field-holder input+label, .field-holder .field-group+label, .field-holder .custom-select+label {
  line-height: 1em !important;
  bottom: 100% !important;
}

.mobile-step-header {display:none;}

@media screen and (max-width: 767px) {
	
	/* font size */

	body{
		font-weight: 400
	}

	.online-form__subtitle-body {
       		font-size: 20px !important;
	}

	.basic-remark
	{
	  font-size: 12px !important;	
	  color: #888 !important;
	  margin-bottom:5px !important;
	}

	p,
	.online-form__sub-pt, 
	.field-holder .intl-tel-input+label, 
	.field-holder input,
	.field-holder input+label, 
	.field-holder .field-group+label, 
	.field-holder .custom-select+label,
	.field-holder .custom-select a
	{
	  font-size: 14px !important;
	}
	
	.title-xl, .info-group__title {
		font-size: 18px !important;
		line-height: 24px !important;
	}

	h2 {
		font-size: 18px !important;
		line-height: 24px !important;
	}

	h4 {
		font-size: 16px !important;
		line-height: 22px !important;
	}

	/* top and bottom */
	
	p,
	.info-group,
	.info-group__subgroup,
	.info-group__head,
	.info-group__title,
	.info-group__subtitle,
	.info-group__sub-title,
	.info-group__sub-title2
	{
		margin-top: 5px !important;
		margin-bottom: 5px !important;
	}

	.field-col {
		margin-top: 15px !important;	
		margin-bottom: 10px !important;
	}

	.field-col.field-col-error {
		margin-bottom: 30px !important;
	}

	.field-col.mobile-t0{
		margin-top: 0px !important;
	}

	.field-col.mobile-t5{
		margin-top: 5px !important;
	}

	.field-col.mobile-t10{
		margin-top: 10px !important;
	}

	.field-col.mobile-t15{
		margin-top: 15px !important;
	}

	.field-col.mobile-t20{
		margin-top: 20px !important;
	}
	
	.field-col.mobile-t25{
		margin-top: 25px !important;
	}

	.field-col.mobile-t30{
		margin-top: 30px !important;
	}
	
	.field-col.mobile-t35{
		margin-top: 35px !important;
	}
	
	.field-col.mobile-t40{
		margin-top: 40px !important;
	}

	.field-col.mobile-b0{
		margin-bottom: 0px !important;
	}

	.online-form-confirm .field-col.mobile-b5, .field-col.mobile-b5{
		margin-bottom: 5px !important;
	}

	.online-form-confirm .field-col.mobile-b10, .field-col.mobile-b10{
		margin-bottom: 10px !important;
	}

	.online-form-confirm .field-col.mobile-b15, .field-col.mobile-b15{
		margin-bottom: 15px !important;
	}

	.online-form-confirm .field-col.mobile-b20, .field-col.mobile-b20{
		margin-bottom: 20px !important;
	}
	
	.online-form-confirm .field-col.mobile-b25, .field-col.mobile-b25{
		margin-bottom: 25px !important;
	}

	.online-form-confirm .field-col.mobile-b30, .field-col.mobile-b30{
		margin-bottom: 30px !important;
	}
	
	.online-form-confirm .field-col.mobile-b35, .field-col.mobile-b35{
		margin-bottom: 35px !important;
	}
	
	.online-form-confirm .field-col.mobile-b40, .field-col.mobile-b40{
		margin-bottom: 40px !important;
	}

	/* left and right */

	.info-group__subgroup {
		padding-left: 25px !important;
		padding-right: 25px !important;
	}
	
	.content-wrapper .info-group__subgroup {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.content-wrapper .field-col .info-group__subgroup {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.field-col {
		padding-left: 25px !important;
		padding-right: 25px !important;
	}

	form#form-CA-step5 .field-col {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.field-col .field-col {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.field-col.mobile-padding-l0{
		padding-left: 0px !important;
	}

	.field-col.mobile-padding-r0{
		padding-right: 0px !important;
	}

	.field-col.mobile-padding-lr0{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.content-wrapper .field-col .field-row .field-col {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.info-group__subgroup .field-col {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.info-group__subgroup .field-row {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	.custom-select a{
		padding-left: 10px;
	}
		
	.custom-checkbox__row {
		margin-left: 5px !important;
	}

	.field-col .field-holder .custom-checkbox__row {
		margin-left: 20px !important;
	}

	.custom-checkbox span.helper-inline {
		padding-left: 0px !important;
	}

	.custom-radio__group {
		margin-left: 5px !important;
	}

	.custom-radio__group.account-type {
		margin-left: 0px !important;
	}

	.field-row .info-group__head .field-desc {
		margin-left: 25px !important;
	}


	/* color */

	.mobile-step-header {
		display:block;
		font-weight:bold;
		color:#D50000;
		font-size: 20px !important;
	}

	.info-group__title {
	  font-weight: bold !important;
	  color: #FF1744 !important;
	}
	
	.info-group__sub-title
	{
	  font-weight: bold !important;
	  color: #FF1744 !important;
	}

	.info-group__sub-title2 {
	  font-weight: bold !important;
	  color: #FF8A80 !important;
	  font-size: 16px !important;
	  margin-left: 10px !important;
	}

	/* display and position */

	.field-holder{
		display: inline-block !important;
	}


	.custom-radio span.helper-inline[id$="-error"] {
		position: absolute;
		display: block;
	}

	.custom-checkbox span.helper-inline[id$="-error"] {
		position: absolute;
		display: block;
	}

	/* others */

	span.helper-inline[id$="-error"] {
		position: initial;
		display: block;
		background-color: #FFEEEE;
		margin: 3px !important;
		padding-top: 1px !important;
		padding-bottom: 1px !important;
		padding-left: 10px !important;
	}

	span.helper-inline[id$="-error"]::before {
		content: "";
	}

	.custom-radio input[type="radio"]+label {
		height: 25px !important;
	}


	/* Form specific tuning */


	.online-form p.err-msg{
		background-color: #FFEEEE;
    	padding: 5px;
		border: 1px solid #F3F3F3;
		margin: 5px;
	}

	.online-form .field-holder input{
		padding-left: 10px;
	}

	.online-form__steps .online-form__steps-inner {
		display: block !important;
	}

	.online-form__steps .mob-step {
		display: none !important;
	}
	
	.online-form__steps .online-form__steps-inner {
		min-width: auto !important;
	}
	
	.online-form__steps .online-form__steps-inner .online-form__step-label {
		display:none !important;
	}

	form#form-CA-step2 .basic-info__col{
		padding-left: 45px !important;
		padding-right: 45px !important;
	}

	form#form-CA-step3 h2,
	form#form-CA-step4 h2
	{
		color: #FF1744 !important;
		font-weight: 600;
	}

	form#form-CA-step4 h4, 
	form#form-CA-step5 h4, 
	form#form-CA-step6 h4{
		color: #FF1744 !important;
	}

	form#form-CA-step5 .field-col.effectiveBeforeDate,
	form#form-CA-step5 .field-col.dateOfBirth{
		margin-bottom: 30px !important;		
	}

	form#step-1 .field-col .field-holder .custom-checkbox__row{
		margin-left: 0px !important;
		margin-top: 0px !important;
	}

	form#step-1 .custom-checkbox.custom-checkbox--inline:last-child{
		margin-bottom: 0px !important;
	}

	form#step-1 .field-holder#fields-wealth-manager {
		width: 100%;
	}

	form#step-1 .field-col.dateOfBirth,
	form#step-1 .field-col.placeOfBirth{
		margin-bottom: 30px !important;
	}
	
	form#step-1 #account_type_roboadvisory_holder{
		padding-top: 10px;
	}

	form#step-2 .info-group__subgroup {
		margin-bottom: 25px !important;
	}

	form#step-2 .custom-checkbox.custom-checkbox--inline:last-child{
		margin-bottom: 0px !important;
	}
	
	form#step-2 .field-holder.tel-fields .field-subholder{
		display: block;
	}

	form#step-2 .field-row .info-group__head .field-desc {
		margin-bottom: 5px !important;
	}

	form#step-2 .field-col.netWorth{
		margin-top: 50px !important;
	}

	form#step-2 .field-col.liquidAsset{
		margin-top: 35px !important;
	}

	form#step-3 .info-group__subgroup {
		margin-bottom: 25px !important;
	}

	form#step-3 .info-group br:first-of-type{
		display:none !important;
	}

	form#step-3 .custom-checkbox__row .field-col{
		margin-top: 0px !important;
		margin-bottom: 16px !important;
	}

	form#step-3 .custom-checkbox__row .field-row:last-child .field-col{
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}

	form#step-3 .custom-checkbox__row div#account_knowledge_of_derivatives_products_ways_courses_desc-row .field-col,
	form#step-3 .custom-checkbox__row div#account_knowledge_of_derivatives_products_ways_work_desc-row .field-col
	{
		margin-top: 15px !important;
		margin-bottom: 30px !important;
	}	

	form#step-3 .account_investment_experience_result,
	.online-form-confirm .account_investment_experience_result {
		font-weight: 600 !important;
	}

	form#step-3 .info-table_assessment-result,
	.online-form-confirm .info-table_assessment-result{
		margin-left: 15px !important;
		margin-right: 15px !important;
		margin-bottom: 10px !important;
	}

	form#step-3 .info-group__sub-desc,
	.online-form-confirm .info-group__sub-desc{
		margin-top: 5px !important;
		margin-left: 15px !important;
		margin-right: 15px !important;
	}

	form#step-3 .field-col.investmentToAssetRatio{
		margin-top: 50px !important;
	}
	
	form#step-3 .field-col.tenor{
		margin-top: 70px !important;
	}

	form#step-4 .info-group__subgroup p {
		margin-bottom: 0px !important;
	}

	form#step-4 .info-group__subgroup {
		margin-bottom: 15px !important;
	}

	form#step-4 .err-msg-holder{
		margin-top: 15px;

	}

	form#step-4 .btn-row{
		margin-top: 30px;

	}

	form#step-4 div#account_tax_residency_table {
		margin-top: 15px !important;
		margin-bottom: 25px !important;
	}

	form#step-4 .add-group__item {
		 margin-bottom: 0px; 
	}
	
	form#step-4 .add-group__btn-add{
		margin-left: 15px;
	}

	form#step-4 ul.basic-remark{
		margin-left: 15px;
	}


	form#step-4 .crsDesc{
		margin-left:15px;
		margin-right:15px;
		font-size: 14px;
	}

	form#step-4 .field-col.idDeclarationType1{
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}

	form#step-4 .field-col.idDeclarationType2{
		margin-top: 0px !important;
		margin-bottom: 25px !important;
	}

	form#step-5  label .basic-remark
	{
	   font-size: 14px !important;	
	}

	form#step-5 #account_notification_lang_div {
		padding-top: 15px !important;
	}

	form#step-5 .field-row p {
		margin-bottom: 0px !important;
	}

	form#step-5 .custom-checkbox.custom-checkbox--inline {
		margin-bottom: 0px !important;
	}

	form#step-1.is-active .basic-remark:last-of-type,
	form#step-2.is-active .basic-remark:last-of-type,
	form#step-3.is-active .basic-remark:last-of-type,
	form#step-4.is-active .basic-remark:last-of-type,
	form#step-5.is-active .basic-remark:last-of-type{
		margin-bottom: 15px !important;
	}

	form#step-5 .info-group .info-group__subgroup p.bottom25{
		margin-bottom: 25px !important;
	}

	.online-form-confirm #step-submit .level1 {
		font-size: 14px;
	}

	.online-form-confirm .info-group {
		border-bottom: 1px solid #E9E9E9 !important;
	}

	.online-form-confirm .info-group__title {
		margin-bottom: 5px !important;
	}

	.online-form-confirm .info-group .info-group {
		margin-bottom: 5px !important;
		border-bottom: 0px !important;
		padding-bottom: 0px !important;
	}	

	.online-form-confirm .field-col {
		margin-bottom: 5px !important;
	}

	.online-form-confirm #account_notification_lang_div{
		margin-bottom: 30px !important;
	}
	
	.online-form-confirm #step-submit .level1,
	.online-form-confirm #step-submit .level2{
		padding-left: 0px !important;
	}
	
	.online-form-confirm #step-submit .level3{
		padding-left: 10px !important;
	}

	.online-form-confirm #step-submit .click-to-read{
		margin-top: 10px !important;
		margin-left: 15px !important;
		margin-bottom: 0px !important;
	}

	.online-form-confirm form#step-1 .field-col.marginTop5WhenConfirm {
		margin-top: 5px !important;
	}

	.online-form-confirm .content-wrapper div.btn-row.noDisplayWhenConfirm {
		display:none !important;
	}

	.online-form-confirm form#step-2 .field-col.marginBottom25WhenConfirm{
		margin-bottom: 25px !important;
	}

	.online-form-esign-confirm form#form-esign-step8 .field-col.field-col--1-1{
		padding-left: 15px !important;
		padding-right: 15px !important;
		margin-bottom: 45px !important;
	}	

	.field-holder.mobile-auto-height {
		height: auto;
	}

	#fields-wealth-manager.field-holder[style*="display:  none"], 
	#fields-wealth-manager.field-holder[style*="display: none"], 
	#fields-wealth-manager.field-holder[style*="display:none"] {
		display: none !important;
	}

	.online-form .field-holder#fields-wealth-manager {
		width: 100% !important;
	}

	.online-form .btn{
		font-size: 16px !important;
		font-weight: 700 !important;
		border-radius: 5px;
	}

	.online-form .btn-red{
		background: #FF0000;
		border-radius: 5px;
	}

	.online-form .btn-fix.btn-save{
		display: none !important;
	}
} 
/* max-width: 767px */

@media screen and (max-width: 480px){
	
	.online-form .btn-row{
		text-align: center !important;
	}

	.online-form .btn{
		display: inline-block !important;
		min-width: 90px !important;	
	}

	.online-form .btn.click-to-read{		
		min-width: 150px !important;
	}

	p .custom-upload {
		display: block;
		margin: 10px 0;
		text-align: center;
	}
	
	.custom-checkbox.custom-checkbox--1-3.mobile-w100{
		width:100%;
	}

}

@media screen and (max-width: 375px){
	
	.online-form .btn{
		padding: 10px 3px !important;
	}

}