/*Extra large devices (large desktops, 1200px and up)*/
@media (max-width: 1399px) {
	header nav .notification_menu_box .dropdown-menu {
		left: -75px !important;
	}

	header nav .notification_menu_box .dropdown-menu::before {
		left: 76px;
	}

	header nav .profile_menu_box .dropdown-menu {
		-webkit-transform: translate3d(0px, 0px, 0px) !important;
		transform: translate3d(0px, 0px, 0px) !important;
	}

	header nav .profile_menu_box .dropdown-menu::before {
		left: 12px;
	}

	.default_wrapper {
		padding: 50px 110px 55px 0;
	}


}

@media (min-width: 1400px) {}

@media (min-width: 1200px) {

	.container {
		max-width: 1200px;
	}

}

@media (max-width: 1199px) {

	.container {
		max-width: 100%;
	}

	.main_wrapper {
		padding-left: calc((100% - 100%) / 2 + 15px);
		padding-right: calc((100% - 100%) / 2 + 15px);
	}

	.sidebar_position {
		position: fixed !important;
		top: 0 !important;
		right: -100% !important;
		z-index: 999 !important;
		width: 375px !important;
	}

	.sidebar_position.open {
		right: 0 !important;
		padding: 0 !important;
	}

	.hamburger_menu {
		display: block !important;
		right: 15px;
		top: 26px;
	}

	header .menu_box {
		padding-right: 55px;
	}

	.sidebar_wrap {
		height: 100vh;
		padding: 105px 30px 20px 30px;
		min-height: auto;
		overflow: auto;
		width: 100%;
	}

	.sidebar_wrap ul li a {
		height: 55px;
	}

	.default_wrapper {
		padding: 50px 0 55px 0;
	}

	.training_question_wrapper {
		padding-right: calc((100% - 100%) / 2 + 15px);
	}

	.training_question_wrapper .question_left_box {
		padding: 130px 20px 35px 20px;
	}

	.option_list .option span {
		margin-right: 70px;
	}

	.sidebar_outer {
		display: block !important;
	}

	.yes_no_entrance_main .yes_no_entrance_sub05 .yes_no_entrance_img02 {
		left: 7%;
		width: 155px;
	}

}

@media (max-width: 991px) {
	header {
		height: 65px;
	}

	header nav .logo img {
		width: 60px;
	}

	.road_training_wrapper nav .nav,
	.statistic_training_wrapper nav .nav {
		margin: 30px 0 0px 0;
	}

	.road_training_wrapper .search_item {
		width: 65%;
		margin: 30px auto 0px auto;
	}

	.hamburger_menu {
		top: 18px;
	}

	.main_wrapper {
		padding-top: 65px;
	}

	.footer_order1 {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		text-align: center !important;
	}

	.footer_order2 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	footer .footer_para {
		max-width: 100%;
	}

	.training_question_wrapper {
		padding-left: calc((100% - 100%) / 2 + 15px);
	}

	.time_counter_wrapper {
		padding: 6px 0;
		position: fixed !important;
		bottom: 0 !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		z-index: 999 !important;
		top: auto !important;
	}

	.training_question_btn_wrap05 {
		margin: 0 10px;
	}

	.time_counter_wrapper .time_counter_wrap {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.training_question_wrapper .question_right_box {
		padding: 74px 0 50px 0;
	}

	.mt_40 {
		margin-top: 30px !important;
	}

	.mt_50 {
		margin-top: 30px !important;
	}

	.que_text {
		max-width: 100%;
		line-height: normal;
	}

	.option_list .option {
		padding: 10px 20px 10px 20px;
		display: block;
		border: 1px solid #D7D7D7;
		border-radius: 20px;
		margin-top: 5px;
		position: relative;
		cursor: pointer;
		line-height: normal;
	}

	.time_counter_wrapper .time_counter_wrap .time_left_txt .clock_icon {
		width: 20px;
		margin-left: 10px;
	}

	.time_counter_wrapper .time_counter_wrap .count_down .clock_icon {
		width: 20px;
		margin-left: 10px;
	}

	:root {
		--font-size-18: 15px;
	}

	.training_question_wrapper .question_left_box {
		padding: 145px 20px 20px 20px;
	}

	.training_question_wrapper .question_left_box .question_answer_item {
		width: 48%;
	}

	.result_box {
		padding: 80px 0;
	}

	.diuni_training_item {
		padding: 12px;
	}

	.diuni_training_wrapper {
		margin-top: 65px;
	}

	.circular-box {
		max-width: 165px !important;
	}

	.progress_course_wrapper .award_box {
		margin-top: 0 !important;
	}

	.popup_wrapper .popup_header {
		padding: 30px 30px 30px 30px;
	}

	.popup_wrapper .modal-body {
		padding: 0 30px 198px 30px;
	}

	.popup_wrapper .popcorn_shape {
		width: 283px;
	}

	.yes_no_entrance_wrapper {
		margin-top: 25px;
		padding: 50px 0;
	}

	.yes_no_entrance_main .yes_no_entrance_content {
		padding: 40px 20px;
	}

	.mt_120 {
		margin-top: 40px !important;
	}

	.yes_no_entrance_main .yes_no_entrance_wrap nav {
		padding: 20px 40px;
	}

	.yes_no_entrance_main .yes_no_entrance_wrap nav h3 {
		font-size: 20px !important;
	}

	.yes_no_entrance_main .text02 {
		font-size: 20px !important;
	}

	.yes_no_entrance_main.selected1 .yes_no_entrance_content .yes_no_entrance_sub02 {
		padding-bottom: 150px;
	}

	.mt_80 {
		margin-top: 40px !important;
	}

	.yes_no_entrance_main .yes_no_entrance_sub03 .btn_wrap01 a,
	.yes_no_entrance_main .yes_no_entrance_sub04 .btn_wrap01 a {
		font-size: 16px !important;
	}

	.yes_no_entrance_main .yes_no_entrance_sub03 .btn_wrap01 p,
	.yes_no_entrance_main .yes_no_entrance_sub04 .btn_wrap01 p {
		font-size: 16px !important;
	}

	.yes_no_entrance_main .yes_no_entrance_sub03 .btn_wrap01 {
		padding: 10px 20px;
	}

	.yes_no_entrance_main .yes_no_entrance_sub03 .btn_wrap02,
	.yes_no_entrance_main .yes_no_entrance_sub04 .btn_wrap02 {
		padding: 15px 15px 15px 40px;
	}

	.yes_no_entrance_main .yes_no_entrance_content .yes_no_entrance_btn02,
	.yes_no_entrance_main .yes_no_entrance_content .yes_no_entrance_btn03 {
		margin: 0 15px;
	}

	.yes_no_entrance_main .yes_no_entrance_content .yes_no_entrance_btn01 {
		padding: 0 85px !important;
	}

	.yes_no_entrance_main .yes_no_entrance_sub05 .yes_no_entrance_img02 {
		left: 5%;
		width: 127px;
	}

	.subject_law_wrapper table tr td {
		padding: 15px;
	}

	.diuni_training_retro_wrapper {
		margin-top: 65px;
		padding: 20px 0 50px 0;
	}

	.training_question_btn_wrap05 .question_toltip {
		top: 60px !important;
		bottom: auto !important;
	}

	.training_question_btn_wrap05 .question_toltip::before {
		-webkit-transform: translateX(0%) rotate(0deg) !important;
		-ms-transform: translateX(0%) rotate(0deg) !important;
		transform: translateX(0%) rotate(0deg) !important;
		top: -20px !important;
	}

	.training_question_btn_wrap04 .question_toltip {
		bottom: auto !important;
		left: 0 !important;
		top: 70px !important;
		-webkit-transform: translateX(0px) !important;
		-ms-transform: translateX(0px) !important;
		transform: translateX(0px) !important;
	}

	.training_question_btn_wrap04 .question_toltip::before {
		bottom: 0 !important;
		-webkit-transform: translateX(-50%) rotate(0deg) !important;
		-ms-transform: translateX(-50%) rotate(0deg) !important;
		transform: translateX(-50%) rotate(0deg) !important;
		top: -21px !important;
	}

	.mix_learn_wrapper .modal-dialog {
		max-width: 1200px !important;
		padding: 10px;
	}

}

/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767px) {
	header nav .notification_menu_box .dropdown-menu {
		width: 395px;
		padding: 20px;
	}

	header nav .notification_menu_box .dropdown-menu .notification_item p {
		font-size: 16px !important;
	}

	header nav .profile_menu_box .dropdown-menu {
		width: 240px;
	}

	.time_counter_wrapper .time_counter_wrap .training_btn {
		padding: 0 12px;
	}

	.training_question_wrapper .question_left_box {
		padding: 20px 20px 20px 20px;
		height: auto;
	}

	.diuni_train_order1 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.diuni_train_order2 {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
	}

	.diuni_train_order3 {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}

	.diuni_training_item .text05 {
		font-size: 18px !important;
	}

	.progress_course_wrapper .award_box {
		margin-top: 30px !important;
	}

	.yes_no_entrance_main .yes_no_entrance_wrap .yes_no_entrance_img {
		left: 20px;
		bottom: 20px;
		width: 90px;
	}

	.yes_no_entrance_main .text02 br {
		display: none;
	}

	.yes_no_entrance_main .yes_no_entrance_sub05 {
		padding-bottom: 70px;
	}

	.yes_no_entrance_main .yes_no_entrance_sub05 .yes_no_entrance_img02 {
		left: -1%;
		width: 81px;
	}

	.explanation_wrapper .modal-body {
		padding: 75px 25px 25px 25px;
	}

	.explanation_wrapper .modal-content .explanation_close {
		top: 20px;
		right: 25px;
		font-size: 26px;
	}

	.subject_law_wrapper .modal-dialog {
		padding: 10px;
	}

	.subject_law_wrapper .modal-content {
		padding: 40px 20px 20px 20px;
	}

	.subject_law_wrapper .modal-content .explanation_close {
		top: 25px;
		right: 25px;
	}

	.diuni_training_retro_wrapper .diuni_training_retro_wrap nav {
		padding: 10px 15px;
	}

	.diuni_training_retro_wrapper .diuni_training_retro_wrap nav .text02 {
		font-size: 18px !important;
	}

	.diuni_training_retro_wrapper .diuni_training_retro_wrap table tr td {
		padding: 10px 15px;
	}

	.diuni_training_retro_wrapper .diuni_training_retro_wrap table tr td p {
		margin-left: 15px;
		font-size: 16px !important;
	}

	.item,
	.item2,
	.item3,
	.item4,
	.item5,
	.item6,
	.item7,
	.item8,
	.item9,
	.item10,
	.item11,
	.item12,
	.item13,
	.item14,
	.item15,
	.item16,
	.item17 {
		width: 64px;
		height: 35px;
		margin: 0 5px;
	}

	.diuni_training_retro_wrapper .diuni_training_retro_wrap table tr td .bar {
		margin: 0 20px 0 10px;
	}

	.custom_btn_wrap .custom_btn {
		height: 35px;
		padding: 0 10px;
		margin: 0 5px;
		font-size: 14px;
	}

	.custom_btn_wrap .custom_btn svg {
		margin-left: 6px;
		width: 16px;
	}

	.topic_wrapper .modal-dialog {
		max-width: 1000px !important;
		padding: 10px;
	}

	.topic_wrapper .modal-body {
		padding: 33px 25px 20px 25px;
	}

	.training_question_btn_wrap05 {
		margin: 0 0 0 10px !important;
	}

	.ml_50 {
		margin-left: 20px;
	}

	.mix_learn_wrapper .mix_learn_content {
		padding: 15px 20px;
	}

	.mix_learn_wrapper .mix_learn_content p img {
		margin-left: 10px;
	}

	.diuni_training_retro_wrapper .diuni_training_retro_wrap table {
		min-width: 620px;
	}

}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575px) {

	:root {
		--font-size-18: 14px !important;
		--font-size-16: 12px !important;
		--font-size-22: 19px !important;
		--font-size-20: 17px !important;
		--font-size-14: 12px !important;
	}

	.road_training_wrapper nav .nav button,
	.statistic_training_wrapper nav .nav button {
		font-size: 12px;
		padding: 0 3px;
	}

	.road_training_wrapper .search_item {
		width: 100%;
	}

	header nav .profile_menu_box .profile_man {
		margin-right: 10px;
	}

	header nav .profile_menu_box .profile_man img {
		width: 30px;
		height: 30px;
	}

	header nav .notification_menu_box .notification_icon img {
		width: 20px;
	}

	header nav ul li a {
		font-size: 12px;
	}

	header nav ul li {
		margin: 0 7px;
	}

	header nav .logo {
		margin-left: 10px;
	}

	header nav .logo img {
		width: 60px;
	}

	header .menu_box {
		padding-right: 45px;
	}

	.sidebar_position {
		width: 340px;
	}

	.sidebar_wrap ul li a {
		height: 50px;
		font-size: 14px !important;
	}

	.sidebar_wrap ul li a img {
		margin-left: 22px;
	}

	header nav .profile_menu_box .dropdown-menu {
		width: 195px !important;
		top: 50px !important;
		padding: 15px 0 !important;
	}

	header nav .profile_menu_box .dropdown-menu p {
		padding: 0 17px 5px 17px;
		font-size: 16px !important;
	}

	header nav .profile_menu_box .dropdown-menu a {
		padding: 5px 17px;
		font-size: 12px;
	}

	header nav .profile_menu_box .dropdown-menu a img {
		margin-left: 15px;
	}

	.custom_justify {
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important;
	}

	header nav .notification_menu_box .dropdown-menu {
		width: 315px !important;
		left: -38px !important;
	}

	header nav .notification_menu_box .notification_sub {
		height: 342px;
	}

	header nav .notification_menu_box .dropdown-menu .notification_item p {
		font-size: 14px !important;
		line-height: normal;
		padding: 5px 0 10px 0;
	}

	.quize_popup_wrap .quize_popup_item,
	.info_box .info_item {
		padding: 15px 15px 15px 15px;
	}

	.info_box .info_item button {
		margin: 30px 5px 0 5px;
	}

	.training_question_wrapper .question_right_box {
		padding: 100px 0 20px 0;
	}

	.training_question_wrapper .question_right_box .topic_head {
		padding: 10px 0 10px 10px;
		font-size: 18px !important;
	}

	.option_list .option {
		padding: 10px 15px 10px 15px;
	}

	.option_list .option::before {
		right: 15px;
		width: 20px;
		height: 20px;
	}

	.option_list .option.correct::before {
		border: 6px solid var(--color-52a7d9) !important;
	}

	.option_list .option::after {
		right: 45px;
	}

	.option_list .option span {
		margin-right: 56px;
	}

	.result_box .quize_img02 {
		max-width: 150px;
	}

	.result_box {
		padding: 60px 0;
	}

	.result_box .buttons button {
		margin: 30px 10px 0 10px;
		padding: 0 20px;
	}

	.result_box dotlottie-player {
		max-width: 276px;
		height: 336px;
	}

	.time_counter_wrapper .time_counter_wrap .eye_icon img {
		width: 25px;
	}

	.diuni_training_wrapper .diuni_training_wrap .diuni_head_para .text02 {
		font-size: 18px !important;
	}

	.diuni_training_item02 p {
		font-size: 10px;
	}

	.diuni_traing_table_box table {
		min-width: 1090px;
	}

	.diuni_training_wrapper .diuni_traing_tab_nav .nav button {
		padding: 0 15px;
	}

	.progress_course_wrapper .progress_course_item {
		padding: 10px;
	}

	.progress_course_wrapper .progress_course_item .nav button span {
		margin-left: 2px;
	}

	.progress_course_wrapper .smile_box {
		padding: 0 15px;
	}

	.progress_course_wrapper .smile_box .smile_img {
		margin: -10px 0 0 15px;
		width: 48px;
	}

	.progress_course_wrapper .smile_box .text02 {
		font-size: 20px !important;
	}

	.popup_wrapper .modal-body {
		padding: 0 15px 15px 15px;
	}

	.popup_wrapper .popup_header {
		padding: 15px;
	}

	.popup_wrapper .modal-dialog {
		padding: 15px;
		margin: 0;
	}

	.yes_no_entrance_main .yes_no_entrance_wrap nav h3 {
		font-size: 14px !important;
	}

	.yes_no_entrance_main .yes_no_entrance_wrap nav {
		padding: 15px 20px;
	}

	.yes_no_entrance_main .yes_no_entrance_content {
		padding: 30px 20px;
	}

	.yes_no_entrance_main .yes_no_entrance_wrap .yes_no_entrance_img {
		display: none;
	}

	.yes_no_entrance_main .yes_no_entrance_content .yes_no_entrance_btn02,
	.yes_no_entrance_main .yes_no_entrance_content .yes_no_entrance_btn03 {
		padding: 0 30px !important;
		margin: 0 15px;
	}

	.yes_no_entrance_main .yes_no_entrance_content .yes_no_entrance_btn01 {
		padding: 0 85px !important;
	}

	.yes_no_entrance_main .yes_no_entrance_sub03 .btn_wrap02,
	.yes_no_entrance_main .yes_no_entrance_sub04 .btn_wrap02 {
		padding: 10px 20px 10px 20px;
	}

	.yes_no_entrance_main .yes_no_entrance_sub05 .next_group_btn01,
	.yes_no_entrance_main .yes_no_entrance_sub05 .next_group_btn02 {
		margin: 40px 10px 0 10px;
		padding: 0 20px;
	}

	.yes_no_entrance_main .yes_no_entrance_sub05 {
		padding-bottom: 0;
	}

	.yes_no_entrance_main .yes_no_entrance_sub05 .yes_no_entrance_img02 {
		display: none;
	}

	.explanation_wrapper .modal-dialog {
		margin: 0;
	}

	.explanation_wrapper .modal-body {
		padding: 60px 20px 20px 20px;
	}

	.subject_law_wrapper .modal-dialog {
		margin: 0;
	}

	.subject_law_wrapper table tr td {
		padding: 10px;
	}

	.subject_law_wrapper .subject_law_table table {
		min-width: 525px;
	}

	.diuni_training_retro_wrapper .diuni_training_retro_wrap .training_btn {
		max-width: 150px;
	}

	.topic_wrapper .modal-dialog {
		margin: 0;
	}

	.topic_wrapper .topic_table table {
		min-width: 600px;
	}

	.topic_wrapper .topic_table table {
		min-width: 440px;
	}

	.ml_50 {
		margin-left: 0;
	}

	.time_counter_wrapper .time_counter_wrap {
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}

	.training_question_btn_wrap04 .question_toltip {
		left: -30px !important;
		top: 60px !important;
	}

	.mix_learn_wrapper .mix_learn_content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.mix_learn_wrapper .mix_learn_content p {
		margin-top: 15px;
		text-align: center;
	}

}

.time_counter_wrapper {
	position: fixed !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	z-index: 9999 !important;
	margin: 0 !important;
}