@media screen and (max-width: 420px){
	#ghichu, #nguoiky{
		float: none;
		width: 100%;
	}
}
@media screen and (min-width: 992px){
	#printSection{
		width: 210mm;
		min-height: 297mm;
		padding: 5mm;
	}
}
@media screen and (max-width: 767px){
	#wrapper{
		padding: 0;
		margin: 0;
	}
	.logo{
		float: none;
		margin: 0 auto;
		text-align: center;
		display: block;
		width: auto;
	}
	.logo img{
		width: auto;
		height: 40px;
		max-width: 100%;
	}
	.site-title-text{
		text-align: center;
		padding: 0;
	}
	.site-legal{
		margin-top: 0;
		font-size: 14px;
	}
	.site-name{
		font-size: 14px;
	}

	#main-content{
		padding: 5px;
	}
	.form-horizontal .control-label{
		padding-top: 0;
	}
	.form-control.long-input,
	.form-control.short-input{
		width: 100%;
	}

	.bs-wizard > .wizard-step .wizard-stepnum{
		font-size: 13px;
	}

	.step-wrap{
		display: none;
	}

	#getcaptcha{
		display: block;
	}

	#printSection{
		width: 100%;
	}
	#printBackground{
		width: 200px;
		margin-top: -100px;
		margin-left: -100px;
	}
	.btn-reg_diemthi, .btn-reg_hocba{
		text-align: center;
	}
	.btn-reg_hocba{
		margin-bottom: 10px;
	}
	#footer, #footer .text-right{
		text-align: center;
	}
	.printOuter{
		max-width: 100%;
		height: auto;
	}
}

@media only print{
	*{
		-webkit-print-color-adjust: exact !important;
		color-adjust: exact !important;
	}
	@page{
		size: 210mm 297mm;
	}
	html, body{
		padding: 0;
		margin: 0 !important;
	}
	#header, #footer, #main-content .btn{
		display: none;
	}
	#main-content{
		padding: 0;
	}
	#main-content .panel{
		padding: 0;
		margin: 0;
		border: 0;
	}
	#main-content .panel-body{
		padding: 0;
		margin: 0;
	}
	.printOuter{
		border: none;
	}
	#main-content #printSection{
		display: block;
		padding: 0;
		border: 0;
		margin: 0;
		padding: 5mm;
	}
	@-moz-document url-prefix() {
		#main-content #printSection{
			width: 206mm;
			min-height: 287mm;
			padding: 5mm 10mm 5mm 0;
		}
	}
	#printBackground{
		margin-top: -250px;
		margin-left: -250px;
	}
}