@media screen and (max-width: 1320px) {
	.social_top{
		right: -40px;
	}
}
@media screen and (max-width: 1199px) {
	.main_menu{
		margin-left: 40px;
	}
	.home_item{
		padding-top: 150px;
		padding-bottom: 150px;
	}
	.social_top{
		right: -30px;
	}
	.innerPage #header:before{
		width: 60px;
		height: 60px;
	}
	.pro_name_progress > h2{
		font-size: 14px;
	}
	.pro_name_progress{
		width: 150px;
	}
	#header.header_afterLogin:before{
		width: 50%;
		height: 57px;
	}
	.info_label{
		width: 40%;
	}
	.info_value{
		width: 60%;
	}
	.course_bbottom{
		position: static;
		width: 100%;
		padding-left: 0;
	}
	.course__txt{
		padding-bottom: 0;
	}
	.course_btop{
		margin-bottom: 20px;
	}
	.course_rowItem{
		padding-bottom: 0;
	}
	.question_number{
		font-size: 100px;
	}
}
@media screen and (max-width: 991px) {
	.main_menu,.user_login_register{
		display: none;
	}
	.hamburger{
		display: block;
	}
	#header{
		padding: 20px 0;
	}
	.social_top{
		display: none;
	}
	.home_ctxt > h2{
		font-size: 24px;
	}
	.home_ctxt > p{
		font-size: 18px;
	}
	.about_txt{
		margin-top: 0;
		margin-bottom: 40px;
	}
	.s_register_content h2{
		font-size: 22px;
		line-height: 30px;
	}
	.btn_white{
		font-size: 22px;
	}
	.section_register{
		padding: 50px 0;
	}
	.section_testimonial{
		padding: 90px 0 70px;
	}
	.contact_head > h2{
		font-size: 30px;
	}
	.footer_contact{
		padding: 40px 20px 20px;
	}
	.innerPage #header:before{
		display: none;
	}
	.headTitle_page h2{
		font-size: 36px;
	}
	.headTitle_page h2 > a{
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.headTitle_page p{
		font-size: 18px;
	}
	#footer.footer_innerPage:before{
		display: none;
	}
	.footer_innerPage:after{
		width: 100%;
	}
	.headTitle_page h2 > a{
		top: 2px;
	}
	.pro_name_progress{
		display: none;
	}
	.logout_btn{
		display: none;
	}
	.exit_link_xs{
		display: block;
	}
	#header.header_afterLogin .hamburger{
		margin-top: 35px;
	}
	.course__thumb > img{
		width: 250px;
	}
	.course__txt{
		padding-left: 270px;
	}
	.question_number{
		font-size: 90px;
	}
	.material_title{
		font-size: 18px;
	}
	.final_exam_title h2{
		font-size: 20px;
	}
}
@media screen and (max-width: 767px) {
	.section_home {
	    position: relative;
	    overflow: hidden;
	    min-height:384px;
	}
	.home_ctxt {
	    padding: 30px 0 0;
	}
	#home_slide.owl-theme .owl-dots .owl-dot span{
		width: 10px;
		height: 10px;
	}
	#home_slide .owl-dots{
		bottom: 20px;
	}
	.section_about {
	    padding: 50px 0;
	}
	.about_txt > p{
		text-align: center;
	}
	.about_txt > h2{
		-ms-transform: rotate(0deg);
	    -webkit-transform: rotate(0deg);
	    transform: rotate(0deg);
	    position: static;
	}
	.about_txt{
		padding-left: 0;
	}
	.about_txt > h2{
		font-size: 30px;
		margin-bottom: 20px;
	}
	.about_txt > p{
		font-size: 16px;
		line-height: 25px;
	}
	.vedio_icon{
		right: auto;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
	.sec_head > h2{
		font-size: 30px;
	}
	.sec_head > p{
		font-size:20px;
	}
	.section_services{
		padding-bottom: 30px;
	}
	.home_block:before{
		height: 150px;
	}
	.section_home:after{
		height: 150px;
	}
	.sec_head{
		margin-bottom: 40px;
	}
	.testimonial_bottom > h3{
		font-size: 18px;
	}
	.section_testimonial{
		padding: 50px 0 40px;
	}
	.testimonial_item{
		padding: 30px 20px;
	}
	.btn_contact{
		height: auto;
		padding: 10px;
	}
	.headTitle_page h2{
		font-size: 30px;
	}
	.headTitle_page h2 > a{
		top: 0;
	}
	.headTitle_page p{
		font-size: 16px;
	}
	.prfile_show_head > h2{
		font-size: 16px;
	}
	.prfile_show_head > div > p{
		font-size: 14px;
	}
	.info_col{
		float: none;
		width: 100%;
		display: block;
		max-width: 100%;
	}
	.row_infoList{
		display: block;
	}
	.row_infoList .info_col:nth-child(1){
		border-right: 0;
		border-bottom: 1px solid #E2E2E2;
	}
	.block__btn{
		margin: 30px 0;
	}
	.info_label,.info_value{
		width: 100%;
		float: none;
	}
	.info_label{
		border-right: 0;
		border-bottom: 1px solid #E2E2E2;
	}
	.info_label,.info_value{
		padding: 10px 15px;
	}
	.filter_course_menu,.sort_byBlock{
		float:  none;
	}
	.sort_byBlock{
		display: inline-block;
	}
	.course__thumb{
		float: none;
	}
	.course__thumb > img{
		width: 100%;
	}
	.course__txt{
		padding-left: 0;
	}
	.courses_viewBlock{
		padding-top: 0;
	}
	.course_bbottom .col-sm-3{
		width: 100%;
		max-width: 100%;
	}
	.course_bbottom .col-sm-9{
		width: 100%;
		max-width: 100%;
	}
	.course_bbottom .row{
		display: block;
	}
	.course_rowItem{
		margin-bottom: 20px;
	}
	.desPage_meta > li{
		padding-right: 15px;
		padding-left: 15px;
	}
	.content_innerPage{
		padding-bottom: 50px;
	}
	.align-center{
		text-align: left;
	}
	.exam_txt_in > h2{
		padding: 0;
	}
	.question_number{
		text-align: center;
	}
	.question_number > span{
		margin-top: 10px;
	}
	.question_number{
		margin-top: 20px;
	}
	.question_title{
		font-size: 18px;
	}
	.answer_item label{
		font-size: 16px;
	}
	.answer_item label:before{
		top: 1px;
	}
	.vm_icon{
		width: 60px;
		height: 60px;
	}
	.final_exam_title h2{
		font-size: 18px;
	}
	.txt_bg{
		font-size: 70px;
	}
}
@media screen and (max-width: 575px) {
	#header .container {
	    padding: 0 30px;
	}
	.logo_site > a > img {
	    width: 130px;
	}
	.home_item{
		padding-left: 15px;
		padding-right: 15px;
	}
	#home_slide .owl-dots{
		left: 15px;
	}
	.home_ctxt > h2{
		font-size: 18px;
	}
	.home_ctxt > p{
		font-size: 16px;
	}
	.home_ctxt{
		padding: 0;
	}
	.home_item{
		padding-bottom: 80px;
	}
	.about_txt > h2{
		font-size: 28px;
	}
	.vedio_icon{
		width: 90px;
		height: 90px;
		line-height: 90px;
	}
	.vedio_icon > img{
		width: 40px;
		height: 40px;
	}
	.sec_head > h2{
		font-size: 28px;
	}
	.sec_head > p{
		font-size: 16px;
	}
	.serv_txt > h2{
		font-size: 18px;
	}
	.s_register_content h2 {
	    font-size: 18px;
	    line-height: 26px;
	}
	.btn_white{
		font-size: 20px;
		padding-left: 30px;
		padding-right: 30px;
	}
	.testimonial_bottom > h3{
		font-size: 16px;
	}
	
	.section_testimonial{
		padding: 30px 0;
	}
	.testimonial_item:before{
		right: 30px;
	}
	.testimonial_bottom > p{
		font-size: 14px;
	}
	.contact_head > h2{
		font-size: 28px;
	}
	.contact_head > p{
		font-size: 14px;
	}
	.f_logo{
		display: table;
		margin: auto;
	}
	.f_social{
		display: table;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	.footer_innerPage{
		margin-top: 0;
		height: auto;
	}
	.innerPage{
		padding-bottom: 0;
	}
	.content_innerPage{
		padding: 10px 0 30px;
	}
	.content_user_form {
	    padding: 20px 0;
	}
	.forget_block{
		padding-top: 0;
	}
	.forget_link{
		float: none;
		margin-top: 0;
		margin-bottom: 15px;
		display: inline-block;
	}
	.btn_right{
		float: none;
		display: block;
		width: 100%;
	}
	.form_box{
		padding: 30px 15px;
	}
	.note_box p{
		line-height: 25px;
	}
	.note_box{
		padding-left: 70px;
	}
	.block_afterLogin{
		float: none;
		padding-left: 0;
		border-left: 0;
		padding-top: 10px;
		padding-bottom: 10px;
		display: table;
		margin:auto;
	}
	#header.header_afterLogin .logo_site{
		float: none;
	}
	#header.header_afterLogin .logo_site > a{
		display: inline-block;
	}
	#header.header_afterLogin .hamburger{
		margin: 0;
		position: absolute;
		top: 25px;
		right: 15px;
	}
	#header.header_afterLogin .logo_site{
		padding: 15px 0;
	}
	.edit_btn{
		position: static;
		margin-top:20px;
		width: 100%;
	}
	.profile_box_row{
		padding: 30px 20px 30px;
	}
	.total_label > li{
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.total_label{
		display: block;
	}
	.total_label > li:last-child{
		margin-bottom: 0;
	}
	.course__txt_head{
		padding-right: 0;
	}
	.course_state{
		position: static;
		display: inline-block;
		margin-top: 15px;
		font-size: 14px;
	}
	.course__txt_head > h2{
		font-size: 16px;
	}
	.course__txt > p{
		font-size: 14px;
		line-height: 20px;
	}
	.filter_course_menu > li > a{
		font-size: 14px;
	}
	.sort_value > a{
		font-size: 14px;
	}
	.sort_byBlock > label{
		font-size: 14px;
	}
	.cour_bbRight{
		padding-right: 0;
	}
	.cour_salary{
		position: static;
		display: block;
		text-align: center;
		transform: none;
	}
	.cour_bbRight{
		padding: 10px;
	}
	.desc_cour > li{
		padding: 5px 10px;
	}
	.date_stt{
		padding-right: 20px;
		padding-left: 20px;
	}
	.cour_bbLeft{
		padding: 10px;
	}
	.pagination li > a{
		font-size: 12px;
		width: 35px;
		height: 35px;
		line-height: 35px;
	}
	.pagination li{
		margin-right: 5px;
	}
	.filter_course_menu > li{
		margin-right: 5px;
	}
	.filter_course_menu > li > a{
		padding: 8px 12px;
	}
	.desPage_meta > li{
		width: 50%;
		text-align: center;
	}
	.desPage_meta > li:nth-child(3){
		border-right: 0;
	}
	.desPage_meta > li.dm_date,.desPage_meta > li.pass_li{
		width: 100%;
		display: block;
		border:0;
		text-align: center;
	}
	.desPage_meta{
		display: block;
	}
	.course_desPage_txt > h2{
		font-size: 16px;
	}
	.label_level{
		font-size: 14px;
	}
	.label_level > span{
		font-size: 18px;
	}
	.note_box{
		margin-top: 20px;
	}
	.dropdown_notification{
		transform: translateX(-48%) !important;
		left: 50% !important;
		right: auto;
	}
	.dropdown_notification:before{
		left: 0;
		right: 0;
		margin: auto;
	}
	.dropdown_notification{
		width: 280px;
	}
	.exam_thumb_block{
		padding: 20px 0;
	}
	.timer_blue{
		position: static;
		margin-top: 15px;
		font-size: 16px;
	}
	.subject_item{
		font-size: 16px;
		padding-left: 50px;
	}
	.subject_item > span{
		width: 35px;
		height: 35px;
		line-height: 35px;
		top: 10px;
		left: 10px;
	}
	.exam_thumb_right > img{
		float: none;
	}
	.question_number{
		font-size: 60px;
	}
	.answer_btns > a{
		float: none;
		display: block;
		margin-right: 0;
	}
	#modal_faild .modal-body, #modal_success .modal-body{
		padding: 15px;
	}
	.modal_content_in > h2{
		font-size: 18px;
	}
	.modal_content_in > p{
		font-size: 14px;
	}
	#modal_faild .btn_red_style,#modal_success .btn_red_style{
		font-size: 14px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.modal_content_in > img{
	  width: 200px;
	  margin: auto;
	}
	.answer_item label{
		font-size: 14px;
	}
	.txt_bg{
		font-size: 50px;
	}
	.bg_mtitle{
		font-size: 50px;
	}
}
@media screen and (max-width: 400px) {
	.desc_cour > li{
		width: 50%;
		text-align: center;
	}
	.desc_cour > li:nth-child(2):before{
		display: none;
	}
	.desc_cour > li:nth-child(3){
		width: 100%;
	}
	.date_stt{
		text-align: center;
	}
}