@media (max-width: 1366px) {

	.test_blog_main h2 {
		font-size: 17px;
		line-height: normal;
	}

	.nav-pills .nav-link {
		min-width: 150px;
	}

	.test_blog_main h3 {
		margin: 20px 0px 20px;
	}

	/* ---------------------------- course_css_start ---------------------------- */
	.progress_box {
		padding: 15px 30px;
		height: 100%;
		margin-bottom: 0px;
	}

	.all_course_main {
		margin-top: 30px;
	}

	.count-students {
		min-width: 100px;
	}

	.all_course_main .web_title {
		margin-bottom: 30px;
	}

	.course-dtl {
		padding: 20px 15px;
	}

	.planning_box {
		flex-wrap: wrap;
		gap: 20px;
	}

	.planning_box_right {
		display: flex;
		align-items: end;
		justify-content: end;
		width: 100%;
	}

	.course-bx picture img {
		border-radius: 20px 20px 0 0;
	}

	/* ---------------------------- course_css_end ---------------------------- */


	/* --------------------------- overview_css_start --------------------------- */
	.statistics_main,
	.activity_tab_main {
		margin-top: 30px;
	}

	.statistics_blog {
		padding: 20px 20px;
	}

	.planning_box_img {
		width: 45px;
		height: 45px;
	}

	.planning_box_img img {
		width: 50%;
	}

	.chart_activity ul {
		padding-left: 0px;
		gap: 15px;
	}

	.chart_activity ul li .chart_activity_line {
		width: 32px;
	}

	/* --------------------------- overview_css_end --------------------------- */

	/* ---------------------------- result_css_start ---------------------------- */
	.pie_chart_status ul {
		gap: 40px;
	}

	.pie_chart_status ul li {
		gap: 15px;
	}

	.pie_chart_status ul li .correct_main h2 {
		font-size: 17px;
	}

	/* ---------------------------- result_css_end ---------------------------- */

	/* ----------------------------- test_css_start ----------------------------- */
	.analysis_line {
		margin: 40px 0px;
	}

	.que_list h2 {
		font-size: 29px;
		margin-bottom: 30px
	}

	.que_list ul li a .alpha {
		flex: 0 0 auto;
	}

	.que_list ul li a p {
		font-size: 18px;
		line-height: 22px;
	}

	.question_no_main {
		padding-left: 15px;
	}

	.question_no_list ul li a {
		font-size: 20px;
		width: 50px;
		height: 50px;
	}

	.question_no_list ul {
		gap: 14px;
	}

	/* ----------------------------- test_css_end ----------------------------- */

	/* ----------------------------- login_css_start ---------------------------- */
	.round_one img,
	.round_two img {
		height: 768px;
	}

	.logo p {
		font-size: 19px;
		font-weight: 500;
		margin: 20px 0px;
	}

	.login_left {
		width: 38%;
		margin-left: 140px;
		margin-top: 20px;
	}

	.login_img {
		margin-top: 20px;
	}

	.login_img img {
		width: 100%;
	}

	.login_right {
		width: 50%;
	}

	.login_right {
		padding: 100px 40px;
		border-radius: 110px 0px 0px 110px;
		width: 50%;
	}

	.login_form {
		width: 100%;
	}

	/* ----------------------------- login_css_end ---------------------------- */
}

@media (max-width: 1199px) {
	.header-user-info {
		display: block;
	}

	.nav-pills .nav-link {
		min-width: 120px;
	}

	.fixed-header .app-main {
		background-size: cover;
	}

	/* ---------------------------- course_css_start ---------------------------- */
	.planning_box_right {
		display: inherit;
		width: auto;
	}

	.progress_box h2 {
		font-size: 17px;
	}

	/* ---------------------------- course_css_end ---------------------------- */

	/* --------------------------- overview_css_start --------------------------- */
	.progress_box_mb30 {
		margin-bottom: 30px;
	}

	.chart_activity ul {
		gap: 30px;
	}

	.chart_activity ul li .chart_activity_line {
		width: 40px;
	}

	.activity_tab_main {
		margin-top: 0px;
	}

	.chart_activity ul {
		margin-top: 30px;
	}

	.progress_main {
		padding-bottom: 40px !important;
	}

	/* --------------------------- overview_css_end --------------------------- */
	/* ---------------------------- result_css_start ---------------------------- */
	.statistics_blog_main {
		display: flex;
		width: 100%;
		gap: 30px;
	}

	.statistics_blog_main .statistics_blog {
		width: 50%;
	}

	.pie_chart_status ul {
		gap: 27px;
	}

	/* ---------------------------- result_css_end ---------------------------- */

	/* ----------------------------- test_css_start ----------------------------- */

	.test_que_main {
		padding-right: 20px;
	}

	.test_que_top {
		gap: 20px;
	}

	.que_list h2 {
		font-size: 23px;
		line-height: 32px;
	}

	.que_no {
		font-size: 26px;
		width: 67px;
		height: 67px;
	}

	.que_list ul li a p {
		font-size: 16px;
		line-height: 20px;
	}

	.que_list ul li a {
		gap: 5px;
	}

	.question_no_main {
		padding-left: 0;
	}

	.question_no_main {
		padding-left: 0;
	}

	.question_no_list ul li a {
		font-size: 18px;
		width: 40px;
		height: 40px;
	}

	.test_que_main {
		height: auto;
	}

	.question_no_main {
		gap: 40px;
		height: auto;
	}

	.question_no_info {
		align-items: self-start;
	}

	.vide_test_que_btm {
		margin-top: 20px;
	}

	/* ----------------------------- test_css_end ----------------------------- */

	/* ----------------------------- login_css_start ---------------------------- */
	.login_left {
		width: 38%;
		margin-left: 90px;
		margin-top: 80px;
	}

	/* ----------------------------- login_css_end ---------------------------- */

}

@media (max-width: 991px) {
	.hamburger {
		display: block;
	}

	.hamburger-inner,
	.hamburger-inner::before,
	.hamburger-inner::after {
		background-color: #FFF;
	}

	.hamburger--elastic .hamburger-inner {
		top: 10px;
	}

	.hamburger.is-active .hamburger-inner,
	.hamburger.is-active .hamburger-inner::before,
	.hamburger.is-active .hamburger-inner::after {
		background-color: #FFF;
	}

	.app-sidebar {
		padding-top: 50px;
	}

	.sidebar-mobile-open .app-sidebar .app-sidebar__inner ul li a {
		padding: 0 1.5rem 0 0;
	}

	.app-header .app-header__logo {
		display: flex;
	}

	.app-header__logo .hamburger-box {
		display: none;
	}

	.app-header .app-header__content {
		background-color: transparent;
		border: none;
		padding: 0;
		border-radius: 0;
	}

	.widget-content {
		background-color: rgba(0, 0, 0, .50);
	}

	.dropdown-menu.dropdown-menu-right {
		top: 190px !important;
	}



	.test_blog_main h2 {
		font-size: 28px;
		line-height: normal;
	}

	.mobile-toggle-header-nav {
		background-color: transparent !important;
		border: none;
		font-size: 25px;
	}

	.app-theme-white .app-footer .app-footer__inner,
	.app-theme-white .app-header {
		background: #101745;
	}

	.app-header__logo .logo-src {
		margin-top: 0;
		padding: 10px 0px;
	}

	/* ----------------------------- test_css_start ----------------------------- */
	.test_que_main {
		padding-right: 0;
		border-right: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.20);
		padding-bottom: 30px;
	}

	.question_no_main {
		margin-top: 30px;
	}

	/* ----------------------------- test_css_end ----------------------------- */

	/* ----------------------------- login_css_start ---------------------------- */
	.login_main {
		background-color: rgba(50, 48, 193, .20);
	}

	.round_one img,
	.round_two img {
		height: 100vh;
	}

	.login_left_right_main {
		display: inline-block;
	}

	.login_left {
		width: 100%;
		margin-left: 0;
		margin-top: 50px;
		padding: 0px 150px;
	}

	.login_shap_two,
	.round_one,
	.round_two {
		display: none;
	}

	.login_right {
		padding: 100px 40px;
		border-radius: 110px 110px 0px 0px;
		width: 100%;
	}

	.login_right {
		margin-top: 50px;
	}

	/* ----------------------------- login_css_end ---------------------------- */
}


@media (max-width: 767px) {
	.app-header__logo .logo-src {
		text-align: center;
	}

	.app-header__logo .logo-src img {
		width: 70%;
	}

	.hamburger--elastic .hamburger-inner {
		top: 4px;
	}

	.common-tabs {
		border-radius: 20px;
	}

	.common-tabs .nav-item {
		margin-left: 0;
		display: inline-block;
		width: 100%;
	}

	.page_data_main_in {
		display: block;
	}

	.nav-pills .nav-link {
		min-width: auto;
		width: 100%;
	}

	.test_blog_main h2 {
		font-size: 21px;
		line-height: normal;
	}

	.upgrade_blog {
		width: 80%;
	}

	.app-header .app-header__content.header-mobile-open {
		visibility: visible;
		opacity: 1;
		top: 55px;
		background: #252a47;
		border-radius: 10px;
	}

	.dropdown-menu.dropdown-menu-right {
		top: 170px !important;
	}

	/* ---------------------------- course_css_start ---------------------------- */
	.progress_main {
		margin-top: 20px;
	}

	.web_title h2 {
		font-size: 26px;
	}

	.progress_box h2 {
		font-size: 20px;
	}

	.all_course_main .web_title {
		margin-bottom: 20px;
	}

	.admin-pro-info {
		display: inline-block !important;
		width: 100%;
	}

	.count-students {
		border-top: 1px solid rgba(218, 218, 247, 0.32);
		border-left: none;
		text-align: left;
	}

	.class_blog_list {
		padding: 0px 15px;
	}

	.class_title {
		padding: 15px;
	}

	.progress_main {
		padding-bottom: 30px !important;
	}

	.progress_box {
		height: auto;
		margin-bottom: 20px;
	}

	/* ---------------------------- course_css_end ---------------------------- */

	/* --------------------------- overview_css_start --------------------------- */
	.chart_activity ul {
		gap: 15px;
	}

	.chart_activity ul li .chart_activity_line {
		width: 33px;
	}

	.progress_box_mb30 {
		margin-bottom: 0px;
	}

	/* --------------------------- overview_css_end --------------------------- */
	/* ---------------------------- result_css_start ---------------------------- */
	.name_title h2 {
		font-size: 28px;
	}

	.report_dis {
		font-size: 18px;
		margin: 10px 0px 20px;
	}

	.name_title img {
		width: 12%;
	}

	.statistics_blog_main {
		display: inline-block;
	}

	.statistics_blog_main .statistics_blog {
		width: 100%;
		margin-bottom: 20px;
	}

	.pie_chart_img img {
		width: 100%;
	}

	.score_box {
		padding: 10px 20px;
		border-radius: 20px;
	}

	.pie_chart_status {
		display: inline-block;
	}

	.pie_chart_status ul {
		margin: 30px 0px 0px 0px;
		display: inline-block;
	}

	.pie_chart_status ul li {
		margin-bottom: 10px;
	}

	.statistics_no h2 {
		font-size: 30px;
	}

	.score_box h2 {
		margin-bottom: 30px;
	}

	/* ---------------------------- result_css_end ---------------------------- */

	/* ----------------------------- test_css_start ----------------------------- */
	.que_no {
		font-size: 20px;
		width: 50px;
		height: 50px;
	}

	.que_list h2 {
		font-size: 19px;
		line-height: 26px;
		margin-bottom: 20px;
	}

	.que_list ul li {
		padding: 5px 5px 5px 0px;
	}

	.test_title_main {
		display: inline-block;
		line-height: 39px;
		min-width: 120px;
		margin-top: 20px;
	}

	.analysis_line {
		margin: 10px 0px 20px;
	}

	.vide_test_que_btm_left {
		gap: 5px;
	}

	.vide_test_que_btm {
		gap: 5px;
	}

	.question_no_list ul {
		gap: 9px;
	}

	/* ----------------------------- test_css_end ----------------------------- */


	/* ----------------------------- login_css_start ---------------------------- */
	.login_left {
		width: 100%;
		margin-left: 0;
		margin-top: 50px;
		padding: 0px 20px;
	}

	.login_shap_one img {
		width: 30%;
	}

	.login_right {
		padding: 20px 20px;
		border-radius: 50px 50px 0px 0px;
		width: 100%;
		margin-top: 30px;
	}

	.login_form h3 {
		font-size: 34px;
	}

	.login_form p {
		font-size: 17px;
		margin: 10px 0px 20px 0px;
	}

	.login_link,
	.login_link a {
		font-size: 17px;
	}

	/* ----------------------------- login_css_end ---------------------------- */
}

@media (max-width: 568px) {}

@media (max-width: 480px) {}