body{color:#000; font-size: 13px; padding: 0; background: #ffffff; margin: 0;}
a, a:visited, a:active{
	text-decoration: none;
	cursor: pointer;
}
#ql-container{
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	margin: 0 auto;
	padding: 0px 10%;
	background-image: url(../../img/background_page_2.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-size: 100% auto;
	max-width: 1200px;
	/*width: 500px;
	height: 700px;*/
}
.ql-container-confrm-otp,.ql-container-success
{
	/*height: 1052px;*/
}
.ql-container-confrm-otp{
	background-image: url(../../img/Web_screen_OTP.png) !important;
}
.box-header{
	position: relative;
	width: 100%;
/*	background: url("../../img/introduce/intro-bg-3x.png");*/
	background-size: 100% 100%;
	float: left;
	height: 277px;
}
.box-header img{
	width: 200px;
	top:108px;

}



.box-header .logo{/*padding: 30px 15px;*/ float: left; width: 25%; text-align: center;margin-left: 61px;margin-top: 60px}
.slogan{
	/*font-weight: 100;*/
	font-size: 30px;
	float: left;
	color: #4D0053;
	text-align: left;
	width:  calc(100% - 35%);
	padding-right: 36px;
	margin-top: 80px;
	opacity: 1;
	letter-spacing: 0;
}


.slogan p{
	clear: both;
	margin-bottom: 20px;
	position: relative;
	font-size: 24px;
	text-align: left;
	letter-spacing: 0;
	/*color: #4D0053;*/
	color: #007780;
	opacity: 1;}

 #label_message{
	 color: red;
 }

 .box-body-result{
     margin: 24px 64px 64px 64px;
 }
.succeed_message {
    text-align: left;
    letter-spacing: 0;
    color: #22971A;
    opacity: 1;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 24px;
    /*margin: 24px 0px 0px 64px;*/
}

.box-message-download-app{
    margin-top: 60px;
}

.error_message{
    /*color: red;*/
    text-align: left;
    letter-spacing: 0;
    color: #FE1A1A;
    opacity: 1;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 24px;
}
.message_update_introduce_code_not_found ,.message_update_introduce_code_failed, .message_update_introduce_code_successful{
    text-align: left;
    font-size: 20px;
    letter-spacing: 0;
    color: #000000;
    opacity: 1;
    margin-top: 14px;
    padding-right: 64px;
}


.box-message-download-app .message_download_app{
    text-align: left;
    font-size: 18px;
    letter-spacing: 0;
    color: #78787B;
    margin-bottom: 0px;
}
.box-message-download-app .message_available_app{
    text-align: left;
    font-size: 18px;
    letter-spacing: 0;
    color: #78787B;
}
.box-download-app{
    margin-top: 6px;
}
.download_google_play{
    margin-right: 24px;
}

.style-img-google-play{
    width: 226px;
}
.style-img-app-store{
    width: 226px;
}

/*.message_download_app{
    text-align: left;
    font-size: 20px;
    letter-spacing: 0;
    color: #000000;
    opacity: 1;
}*/


.referral {
	position: relative;
	margin-top: 30px;
	text-align: center;

	/*
	top: 112px;
	left: 814px;
	width: 532px;
	height: 69px;
	text-align: left;
	font: Regular 24px/33px Open Sans;
	letter-spacing: 0;
	color: #4D0053;
	opacity: 1; */
}
.referral span{
	padding: 10px 35px;
	#background-color: #5AC8FA;
	border-radius: 10px;
	box-shadow: 0px 3px 10px #00000029;
	border: 2px solid #F15A24;
	opacity: 1;
	width: auto;
	color: #F15A24;
	font-size: 30px;
	font-weight: bold;
	font-family: 'Montserrat';
    text-transform: uppercase;

}

.clearfix{clear: both;}
.box-body{ padding: 30px;   font-size: 25px; position: relative;}

.box-body span{
	color: #22971A;
	font-size: 15px;
	font-weight: bold;
}

.box-body .box-login{
	text-align: center;
	margin-top: 40px;
}
.box-body .box-login span{
	font-size: 20px;
	color: rgba(255, 255, 255, 1);
	text-align: left;
	line-height: 27px;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	text-transform: none;
	vertical-align: top;
	padding: 0 60px;
	font-weight: normal;
}
.box-body .box-login .item{
	text-align: center;
}
.box-body .box-login p, .box-body .box-qrcode{
	padding: 10px ;
	display: inline-block;
	border-radius: 5px;
	color: #fff;
	margin: 0px;
	margin-bottom: 15px;
	width: 500px;
	text-align: left;
}

.box-body .box-qrcode .board-qrcode{background: #fff; width: 100%; display: table;}
.box-body .box-qrcode .img-qrcode img{width: 85px; height: 85px;}
.box-body .box-qrcode .img-qrcode{display: table-cell;}
.box-body .box-qrcode .text-qrcode{
	display: table-cell; text-align: center;
	text-shadow: 0px 0px 6px #00000029;
	opacity: 1;
	vertical-align: middle;
}
.box-body .box-qrcode .text-qrcode span{
	color: #405a93;
	font-weight: bold;
	font-size: 15px;
	display: inline-block;
	
	font-size: 15px;
	font-weight: bold;
	color: #405a93;
	text-align: center;
	line-height: 20px;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.box-body .box-qrcode .text-qrcode span{vertical-align: text-bottom;}
.box-body .box-qrcode .text-qrcode img{vertical-align: text-bottom;}

.box-body .box-login p a{
	display: block;
}
.box-body .box-login .phone-class{
	background: #55B983;

}
.box-body .box-login .facebook-class{
	background: #405A93;
}
.box-body .box-login .google-class{
	background: #CB4F40;
}
.box-body .box-login .item img{
	width: 30px; height: 30px; text-align: left;
}

.box-qrcode {
	background: transparent linear-gradient(106deg, #00D3FF 0%, #003DAB 100%) 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 5px;
	opacity: 1;
}
.box-language-select{
	width: auto;
	position: absolute;
	top: 16px;
	right: 16px;
	text-align: right;
	/*margin-top: 16px;
	margin-right: 16px;*/
}
.style-button-language{
    border: none;
}
.style-drodown-menu{
    min-width: auto;
    text-align: right!important;
}

.title-language{
    text-align: left;
    
    font-size: 15px;
    letter-spacing: 0;
    color: #333333;
    opacity: 1;
}
.box-register{
    padding: 32px 0% ;
}
.box_row_style{
	margin-bottom: 24px;
}
.box_row_style .form-group label{
	font-size: 16px;
}
.box_row_style .style_input_comom{
	background: #c9c9c9;
	border-radius: 8px;

}
.box_row_style .style_input_comom:focus{
	border: 1px solid #ec3d3a;
}
.select-container{
	display: flex; /* Sử dụng Flexbox để căn chỉnh các phần tử ngang hàng */
	justify-content: space-between; /* Phân phối không gian đều giữa các phần tử */
	width: 100%; /* Đảm bảo container chiếm toàn bộ chiều ngang của phần tử chứa */
}
.box_row_style label{
	padding-right: 0px;
}
.box_row_style .box-style-input{
	padding-left: 0px;
}
.select-container .select2-container--default{
	flex: 1; /* Các phần tử select chia đều không gian trong container */
	box-sizing: border-box; /* Bao gồm border và padding trong kích thước tổng thể của select */
}
.select-container .select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 34px;
}
.select-container .select2-container--default .select2-selection--single{
	background: #c9c9c9 !important;
	border-radius: 8px;
	height: 34px;
}
.select-container .select2-container--default:not(:first-of-type){
	margin-left: 10px; /* Thêm khoảng cách bên trái cho tất cả các phần tử select, ngoại trừ phần tử đầu tiên */
}
.style_text_note{
	color: #c9c9c9;font-size: 14px
}
.group_button{
	display: flex;
	justify-content: center; /* Center horizontally */
	align-items: center; /* Center vertically */
	margin-top: 32px;
}
.group_button .btn_confirm{
	border-radius: 20px;
	background-color: #de011a;
	padding: 8px 50px 8px 50px;
	color: white;
	font-size: 20px;
	font-weight: bold;
}
.group_button-confirm-otp{
	margin-top: 0px;
}
.select-container select option {
	background: #df011a;
	color: white;
	/*height: 30px;*/
}
.select2-container .select2-selection--single .select2-selection__rendered{
	font-size: 14px !important;
}

.style-vn-title{
	color: #df011a;
	display: block;
	line-height: 1.0857143;
}
.style-en-title{
	font-weight: normal;
	font-style: italic;
	line-height: 1.0857143;
	color: #676767
}
.style_address_frm{
	margin-top: 10px;
}
.form_register{
	/*margin-top: 200px;*//*margin-top: 200px;*/
	border-radius: 14px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	padding: 20px;
	background-color: white;
}
.title-register{
    text-align: left;
    
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0;
    color: #000000;
    opacity: 1;
    margin: 24px 0px 37px 0px !important;
}
.style-input-info{
    border-radius: unset;
    box-shadow: none;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom:  1px solid #B4B4B4;
    opacity: 1;
    height: 40px;
    font-size: 20px!important;
}
.style-input-info:focus{
    border-bottom:  1px solid #B4B4B4;
    box-shadow: none;
}
.select-search .select2-selection--single{
	position: relative;
}
.select-search .select2-selection--single .icon-search-custom{
	position: absolute;
	top: 8px;
	left: 8px;
	font-size: 16px;
}
.select-search .select2-container--default .select2-selection--single .select2-selection__rendered
{
	padding-left: 30px;
}
.box-center-content{
	display: flex;
	justify-content: center; /* Center horizontally */
	align-items: center;
}
.box-style-input-otp{
	gap: 32px;
	margin-bottom: 10px;
}
.box-style-input-otp .style-input-otp{
	width: 50px;
	height: 50px;
	border-radius: 8px;
	border: 1px solid #ec3d3a;
	text-align: center;
	font-size: 32px;
	font-weight: bold;
}
.box-style-input-otp .style-input-otp:focus{
	border: 1px solid #ec3d3a ;
	outline: none;
}
/* For Chrome, Safari, Edge */
.box-style-input-otp input[type="number"]::-webkit-inner-spin-button,
.box-style-input-otp input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* For Firefox */
.box-style-input-otp input[type="number"] {
	-moz-appearance: textfield;
}

/* For Internet Explorer and Edge */
.box-style-input-otp input[type="number"] {
	/* Edge does not support custom styling, so we use a workaround */
	/* IE does not allow removal of spinners directly */
}

.box-first-title{
	margin-bottom: 0px;
}
.first-title-otp{
	color: #df011a;
	font-weight: bold;
	font-size: 24px;
}
.second-title-otp{
	color: #df011a;
	font-weight: bold;
	font-size: 24px;
}
.style-box-confirm{
	padding: 80px 0;
}
/*.style-select-info option:nth-child(1){
    text-align: left;
    
    font-size: 20px;
    letter-spacing: 0;
    color: #333333;
    opacity: 1;
}
.style-select-info option:nth-child(n+2){
    text-align: left;
    
    font-size: 20px;
    letter-spacing: 0;
    color: blue;
    opacity: 1;
}*/
/*.style-select-info:nth-child(2){
    text-align: left;
    
    font-size: 20px;
    letter-spacing: 0;
    color: red;
    opacity: 1;
}*/
.style-input-info::placeholder{
    text-align: left;
    font-size: 20px;
    letter-spacing: 0;
    color: #333333;
    opacity: 1;
}
.style-input-info::-webkit-input-placeholder {
    text-align: left;
    font-size: 20px!important;
    letter-spacing: 0;
    color: #333333!important;
    opacity: 1;
    -webkit-mask-position-y: 5px;
}
.style-select-info{
    border-radius: unset;
    box-shadow: none;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom:  1px solid #B4B4B4;
    opacity: 1;
    height: 40px;
    /*style char*/
    text-align: left;
    
    font-size: 20px;
    letter-spacing: 0;
    color: #333333;
    opacity: 1;

    /*style nút tam giác*/
    background-size: 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position-x: 100%;
    background-position-y: 5px;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+);
}
.style-select-info:focus{
    border-bottom:  1px solid #B4B4B4;
    box-shadow: none;
}
.box-phone{
    border-bottom:  1px solid #B4B4B4;
}
.style-phone-code{
    border: 0px;
    box-shadow: none;
    height: 40px;
    /*stlye char*/
    text-align: left;
    
    font-size: 20px;
    letter-spacing: 0;
    color: #333333;
    opacity: 1;

    /*style nút tam giác*/
    background-size: 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position-x: 100%;
    background-position-y: 5px;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+);
}
.style-phone-code:focus{
    border-bottom:  1px solid #B4B4B4;
    box-shadow: none;
}
.style-input-phone{
    border: 0px;
    box-shadow: none;
    height: 40px;
    -moz-appearance:textfield;
    font-size: 20px!important;

}
.style-input-phone:focus{
    border-color: #fff;
    box-shadow: none;
}

.style-input-phone::placeholder{
    /*style char*/
    text-align: left;
    
    font-size: 20px;
    letter-spacing: 0;
    color: #333333;
    opacity: 1;
}
.style-input-phone::-webkit-inner-spin-button {
    -webkit-appearance: none;
   /* -moz-appearance: none;*/
}

/*Custom select2 */
.select2-container--default .select2-selection--single {
     background-color: #fff;
     border: 0px !important;
     border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 24px!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #000000 transparent transparent transparent!important;
    border-width: 6px 6px 2px 5px!important;
}

.select2-container .select2-selection--single .select2-selection__rendered{
    font-size: 20px;
    /**/
}

.reload-captcha-icon{
    font-size: 32px;
    vertical-align: middle;
    margin-left: 24px!important;
}
.box-btn-register{
    margin-top: 48px;
    text-align: center;
}
.box-btn-register button{
    background: #F15A24 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    /*height: 60px;*/
    border-radius: 30px;
    border-color: #00000029;
    padding: 16px 314px;
    /*style char*/
    text-align: center;
    /**/
    font-size: 20px;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
}
.box-btn-register button:hover{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    /*height: 60px;*/
    border-radius: 30px;
    border-color: #00000029;
    padding: 16px 314px;
    /*style char*/
    text-align: center;
    /**/
    font-size: 20px;
    letter-spacing: 0;
    color: #F15A24;
    opacity: 1;
}

.box-btn-register button:focus{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    /*height: 60px;*/
    border-radius: 30px;
    border-color: #00000029;
    /*padding: 16px 314px;*/
    /*style char*/
    text-align: center;
    /**/
    font-size: 20px;
    letter-spacing: 0;
    color: #F15A24;
    opacity: 1;
}

.box-phone-code{
    width: 30%;
}
.box-program-register{
	line-height: 1;
	margin-bottom: 0px;
}
.box-program-register .text-program{
	margin-top: 120px;
	font-size: 52px;
	color: #df011a;
	font-family: 'GMV_DIN_Pro-Cond_Black', sans-serif;font-weight: bold;
}
.box-program-register-second{
	line-height: 1.122;
}
.box-program-register-second .text-program-second{
	font-size: 52px;
	color: #df011a;
	font-family: 'GMV_DIN_Pro-Cond_Black', sans-serif;font-weight: bold
}
/*Style popup hiển thị quảng cáo*/
/*
.popup-advertisement{
    padding-right: 0px!important;
}*/
.style_image_advertisement{
    width: 100%;
}
.close_advertisement{
    position: absolute;
    right: 6px;
    /*margin-right: 6px;*/
    font-size: 26px!important;
}

.style_box_icon_success {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	background-color: #ffffff;
	width: 210px;
	height: 210px;
	border-radius: 50%;
	border: 1px solid #e9e2e2;
	padding: 5px;
	display: flex; /* Kích hoạt Flexbox */
	justify-content: center; /* Căn giữa theo chiều ngang */
	align-items: center; /* Căn giữa theo chiều dọc */
}
.style_box_icon_success img {
	width: 200px;height: 200px
}

.text_confirm_success{
	margin-top: 20px;
	color: #df011a;
	font-weight: bold;
	font-size: 24px;
	font-family: 'GMV_DIN_Pro-Cond_Black', sans-serif;
}
.box-style-success{
	margin-bottom: 12px;
}
.style-contact{
	margin-bottom: 0px;
}
.style-contact div{
	color: #676767 !important;
}
.select2-results__option{
	text-align: center;
	/*background: #df011a;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;*/
}
.select2-container--default .select2-results__option--highlighted {
/*	background-color: #fbc458 !important;*/
}
.re_send_otp {
	text-decoration: underline;
	font-size: 18px;
	margin-bottom: 10px;
}

@media screen and (max-width: 1200px){
	#ql-container {
		/*background-size: contain;*/
	}
	.box-program-register .text-program {
		font-size: 42px;
	}
	.box-program-register-second .text-program-second {
		font-size: 42px;
	}
	.box-program-register .text-program{
		margin-top: 100px;
	}
}
/*Ipad ngang(1024 x 768)*/
@media screen and (max-width: 1024px){
    .box-register {
        padding: 0px 32px 32px 32px;
    }
    .box-btn-register button{
        padding: 16px 270px;
    }

    .box-btn-register button:hover{
        padding: 16px 270px;
    }

    .slogan {
        margin-left: 30px;
        padding-right: 10px;
        margin-top: 50px;
    }
    .box-header .logo {
        margin-left: 31px;
        margin-top: 30px;
    }
    /*.style-input-info::placeholder{
        font-size: 18px;
    }

    .style-select-info{
        font-size: 18px;
    }
    .style-phone-code{
        font-size: 18px;
    }
    .style-input-phone::placeholder{
        font-size: 18px;
    }*/
}

@media screen and (max-width: 991px){
	#ql-container {
		padding: 0;
	}
	.box-program-register .text-program {
		font-size: 32px;
	}
	.box-program-register-second .text-program-second {
		font-size: 32px;
	}
	.box-program-register .text-program{
		margin-top: 90px;
	}

	.style_box_icon_success {
		width: 190px;
		height: 190px;

	}
	.style_box_icon_success img {
		width: 180px;height: 180px
	}
}
@media screen and (max-width: 890px){
	.box-program-register .text-program{
		margin-top: 80px;
	}
}
/*Ipad dọc(768 x 1024)*/
@media screen and (max-width: 767px){
	.style_box_icon_success {
		width: 170px;
		height: 170px;

	}
	.style_box_icon_success img {
		width: 160px;height: 160px
	}

	.box-register {
		padding: 0px 80px 80px 80px;
	}

	.ql-container-confrm-otp,.ql-container-success
	{
	/*	height: 1318px;*/
	}

	.box-program-register .text-program {
		font-size: 27px;
	}
	.box-program-register-second .text-program-second {
		font-size: 27px;
	}
	.box-program-register .text-program {
		margin-top: 80px;
	}
	.box-program-register-second .text-program-second {
		margin-bottom: 20px;
	}
	.box_row_style {
		padding-left: 20px;
		padding-right: 20px;
		/*margin-bottom: 0px;*/
	}
	.box_row_style .form-group label{
		padding-left: 0px;
	}
    .box-btn-register button {
        padding: 14px 210px;
    }
    .box-btn-register button:hover{
        padding: 14px 210px;
    }
    .box-header img {
        width: 170px;
    }
    /*.box-header img {width: 130px;}
    .box-header .logo{padding: 40px 0 15px 0; float: none; width: auto; text-align: center;}*/
   /* #ql-container{width: 100%;}
    .box-header img {width: 130px;}
    .box-header .logo{padding: 40px 0 15px 0; float: none; width: auto; text-align: center;}
    .slogan{float: none; font-size: 16px; width: auto; text-align: center; padding: 10px 15px;}
    .slogan p{margin: 0;}
    .referral span{font-size: 16px;}
    .box-body{font-size: 16px;}
    .box-body .box-login{width: 100%;margin-top: 20px;}
    .box-body .box-login p, .box-body .box-qrcode{width: 300px;}
    .box-body .box-login span{padding: 0; font-size: 16px; vertical-align: top; padding-left: 10px;}
    .box-body .box-qrcode .text-qrcode span{vertical-align: text-bottom;}
    .box-body .box-qrcode .text-qrcode img{vertical-align: text-bottom;}*/

}
@media screen and (max-width: 680px){
	/*.box-program-register .text-program {
		margin-top: 125px;
	}*/
	.box-register {
		padding: 0px 50px 50px 50px;
	}
}
@media screen and (max-width: 500px){
	#ql-container {
		background-image: url(../../img/mobile_bg.png);
	}

	.ql-container-confrm-otp {
		background-image: url(../../img/mobile_bg.png) !important;
	}

	.box-register {
		padding: 0px 50px 50px 50px;
	}
    .box-header {
        height: 250px;
    }

    .box-header .logo {
        margin-left: 16px;
        margin-top: 28px;
    }
    .box-header img {
        width: 140px;
    }
    .box-btn-register button {
        padding: 14px 135px;
    }
    .box-btn-register button:hover{
        padding: 14px 135px;
    }
    .slogan {
        margin-top: 34px;
    }
    .slogan p {

        font-size: 20px;

    }
    .box-body-result {
        margin: 16px 16px 23px 16px;
    }
    .download_google_play{
        margin-right: 16px;
    }
    .style-img-google-play{
        width: 147px;
    }
    .style-img-app-store{
        width: 147px;
    }
	.box-program-register .text-program {
		margin-top: 114px;
	}
	.box-program-register .text-program {
		font-size: 32px;
	}
	.box-program-register-second .text-program-second {
		font-size: 32px;
	}
	.form_register {
		padding-top: 56px;
	}
}
/*
@media screen and (max-width: 550px){
	.box-program-register .text-program {
		margin-top: 100px;
	}
	#ql-container {
		background-image: url(../../img/mobile_2.png);
	}
	.ql-container-confrm-otp {
		background-image: url(../../img/mobile_2.png) !important;
	}
}*/
@media screen and (max-width: 450px){
	.box-program-register .text-program {
		margin-top: 90px;
	}
	.box-register {
		padding: 0px 15px 15px 15px;
	}
}
/*Tablet nhỏ(480 x 640)*/
@media screen and (max-width: 480px){
	.box-program-register .text-program {
		font-size: 32px;
	}
	.box-program-register-second .text-program-second {
		font-size: 32px;
	}

    .box-header {
        height: 280px;
    }

    /*.box-header .logo {
        margin-left: 16px;
        margin-top: 28px;
    }*/
    .box-header img {
        width: 120px;
    }

    .slogan {
        margin-left: 0px;
        padding: 0 16px;
        margin-top: 16px;
        width: 100%;
        display: block;
    }
    .slogan p {

        font-size: 15px;
        margin-bottom: 15px;

    }

    .box-btn-register button {
        padding: 16px 102px;
    }
    .box-btn-register button:hover{
        padding: 16px 102px;
    }
    .referral {
        margin-top: 15px;
    }

    .referral span {
        margin-top: 15px;
        padding: 16px 32px;
        font-size: 17px;
        font-weight: bold;
        font-family: 'Montserrat';
    }
    .title-register {
        font-size: 17px;
        margin: 16px 0px 26px 0px !important;
    }

    .style-input-info{
        font-size: 15px;
    }
    .style-input-info::placeholder{
        font-size: 15px;
    }

    .style-select-info{
        font-size: 15px;
    }

    .style-phone-code{
        font-size: 15px;
    }


    .style-input-phone{
        font-size: 15px;
    }
    .style-input-phone::placeholder{
        font-size: 15px;
    }
    .box-phone-code{
        width: 40%;
    }


    /*
	#ql-container{width: 100%;}
	.box-body{padding: 15px;font-size: 13px;}
	.box-header{height: auto; padding-bottom: 30px;}
	.box-header .logo{padding-top: 20px;padding-bottom: 10px;}
	.referral{margin-top: 20px;}
	.box-body .box-login p, .box-body .box-qrcode{
		width: 245px;
	}
	.box-body .box-login span, .referral span, .slogan p, .box-body .box-qrcode .text-qrcode span{font-size: 13px;}
	.box-body .box-qrcode .text-qrcode span{vertical-align: text-bottom;}
	.box-body .box-qrcode .text-qrcode img{vertical-align: text-bottom;}

    .box-register {
        padding: 0px 16px 16px 16px;
    }
    .box-btn-register button {
        padding: 16px 102px;
    }*/

}


@media screen and (max-width: 420px){
	/*.box-program-register .text-program {
		margin-top: 85px;
	}*/
}
@media screen and (max-width: 400px){
	.box_row_style {
		padding-left: 10px;
		padding-right: 10px;
	}
	.box-register {
		padding: 0px 15px 15px 15px;
	}
	.box-program-register .text-program {
		font-size: 27px;
	}
	.box-program-register-second .text-program-second {
		font-size: 27px;
	}
	.form_register {
		padding: 20px;
	}
	.form_register {
		padding-top: 40px;
		padding-bottom: 0px;
	}
	.style-box-success .form_register{
		padding-top: 20px;
		padding-right: 0px;
		padding-left: 0px;
	}
}
@media screen and (max-width: 380px){
	.box-register {
		padding: 10px;
	}

}
@media screen and (max-width: 374px){
    .box-btn-register button {
        padding: 14px 75px;
    }
    .box-btn-register button:hover{
        padding: 14px 75px;
    }
    /*.referral {
        margin-top: 15px;
        top: 165px;
        left: 87px;
        position: absolute;
    }*/
    .style-img-google-play{
        width: 125px;
    }
    .style-img-app-store{
        width: 125px;
    }
}

@media screen and (max-width: 350px){
	.box-program-register .text-program {
		font-size: 27px;
	}
	.box-program-register-second .text-program-second {
		font-size: 27px;
	}
	.box-program-register .text-program {
		margin-top: 80px;
	}
	.box_row_style{
		margin-right: 0px;
	}
	.box-register {
		padding: 0px;
	}
	.box-register {
		padding-bottom: 20px;
	}
}
/*Iphone(480 x 640)*/
@media screen and (max-width: 320px){
	.box-input .input-group{width: auto;}
	.text-qrcode span{font-size: 11px;}
    .style-img-google-play{
        width: 100px;
    }
    .style-img-app-store{
        width: 100px;
    }
}
/*Smart phone nhỏ*/
@media screen and (max-width: 240px){
	.box-input .input-group{width: auto;}
	.text-qrcode span{font-size: 11px;}
    .box-btn-register button {
        padding: 14px 50px;
    }
    .box-btn-register button:hover{
        padding: 14px 50px;
    }
}