@charset "UTF-8";
/* ******************************************************************
	--style_popup.css--
****************************************************************** */
@media only screen and (min-width: 768px){
/*********************popup***************************/
	.modal-dialog {
		z-index: 9999;
		width: 100%;
		padding: 20px;
		margin: 50px auto;
		max-width: 750px;
	}
}
@media only screen and (min-width: 800px){
/*********************popup***************************/

}
@media only screen and (min-width: 812px){
/*********************popup***************************/

}
@media only screen and (min-width: 834px){
/*********************popup***************************/

}
@media only screen and (min-width: 900px){
/*********************popup***************************/

}
@media only screen and (min-width: 960px){
/*********************popup***************************/

}
@media only screen and (min-width: 1024px){
/*********************popup***************************/

}
@media only screen and (min-width: 1112px){
/*********************popup***************************/

}
@media only screen and (min-width: 1200px){
/*********************popup***************************/

}
@media only screen and (min-width: 1280px){
/*********************popup***************************/

}
@media only screen and (max-width: 767px){
/*********************popup***************************/
	.modal-dialog {
		z-index: 9999;
		width: 100%;
		padding: 20px;
		margin: 0px;
	}
	.modal-body .form-group-input input{
		width: 100%;
	}
}
@media only screen and (max-width: 736px){
/*********************popup***************************/

}
@media only screen and (max-width: 722px){
/*********************popup***************************/

}
@media only screen and (max-width: 695px){
/*********************popup***************************/

}
@media only screen and (max-width: 685px){
/*********************popup***************************/

}
@media only screen and (max-width: 668px){
/*********************popup***************************/

}
@media only screen and (max-width: 641px){
/*********************popup***************************/
	.form-group.hoten, .form-group.dienthoai {
		width: 100%;
	}
}
@media only screen and (max-width: 602px){
/*********************popup***************************/

}
@media only screen and (max-width: 599px){
/*********************popup***************************/

}
@media only screen and (max-width: 576px){
/*********************popup***************************/

}
@media only screen and (max-width: 570px){
/*********************popup***************************/
	.mobile_nn {
		padding: 0px 20px 0px 0px!important;
	}
}
@media only screen and (max-width: 569px){
/*********************popup***************************/

}
@media only screen and (max-width: 553px){
/*********************popup***************************/
	#modal_timkiem .modal-content, #modal_guibanbe  .modal-content, #modal_quidinh  .modal-content, #modal_comment_confirm   .modal-content, #modal_share_confirm  .modal-content,
	#modal_gopy_confirm .modal-content, #modal_ungtuyen_gv .modal-content, #modal_ungtuyen_confirmgv .modal-content, #modal_ungtuyen .modal-content{
		background-size: 70px;
	}
	.modal-body, .modal-footer, h4.modal-title {
		padding: 0px 70px 20px 70px;
	}
	.modal-footer button {
		width: 100%;
	}
	.modal-footer button.button_cancel {
		margin-top: 10px;
	}
	h4.modal-title {
		padding: 40px 70px 20px 70px;
	}
}
@media only screen and (max-width: 534px){
/*********************popup***************************/

}
@media only screen and (max-width: 515px){
/*********************popup***************************/

}
@media only screen and (max-width: 481px){
/*********************popup***************************/
	.g-recaptcha {
		width: 309px;
	}
	.g-recaptcha {
		transform: scale(0.9);
		-webkit-transform: scale(0.9);
		transform-origin: left top;
		-webkit-transform-origin: left top;
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
	}
	.modal-body, .modal-footer {
		padding: 0px 30px 20px 30px;
	}
	h4.modal-title {
		padding: 40px 30px 20px 30px;
	}
	#modal_timkiem .modal-content, #modal_guibanbe  .modal-content, #modal_quidinh  .modal-content, #modal_comment_confirm   .modal-content, #modal_share_confirm  .modal-content,
	#modal_gopy_confirm .modal-content, #modal_ungtuyen_gv .modal-content, #modal_ungtuyen_confirmgv .modal-content, #modal_ungtuyen .modal-content{
		background-size: 30px;
	}
}
@media only screen and (max-width: 415px){
/*********************popup***************************/
	.form-group .label_select_data {
		width: 85%;
	}
	.fileUpload {
		width: 27%;
	}
	.format_fu {
		width: 73%;
	}
	.g-recaptcha {
		transform: scale(0.9);
		-webkit-transform: scale(0.9);
	}
}
@media only screen and (max-width: 401px){
/*********************popup***************************/
	.g-recaptcha {
		transform: scale(0.86);
		-webkit-transform: scale(0.86);
	}
}
@media only screen and (max-width: 385px){
/*********************popup***************************/
	
	.menu_dd .header_bar_menu {
		width: 94%;
	}
	.g-recaptcha {
		transform: scale(0.82);
		-webkit-transform: scale(0.82);
	}
}
@media only screen and (max-width: 376px){
/*********************popup***************************/
	
	.g-recaptcha {
		transform: scale(0.85);
		-webkit-transform: scale(0.85);
	}
}
@media only screen and (max-width: 361px){
/*********************popup***************************/
	.g-recaptcha {
		transform: scale(0.81);
		-webkit-transform: scale(0.81);
	}
}
@media only screen and (max-width: 343px){
/*********************popup***************************/
	.g-recaptcha {
		transform: scale(0.75);
		-webkit-transform: scale(0.75);
	}
}
@media only screen and (max-width: 340px){
/*********************popup***************************/

}
@media only screen and (max-width: 320px){
/*********************popup***************************/
	.g-recaptcha {
		transform: scale(0.69);
		-webkit-transform: scale(0.69);
	}
}