/* Medium Layout: 1280px. */
@media only screen and (min-width: 1200px) and (max-width: 1299px) {
	.welcome-section .welcome-box {
		width: 800px;
	}

	.welcome-section .funfacts-area {
		width: calc(100% - 824px);
	}

	.welcome-box .text-box,
	.welcome-box .image-box {
		width: 50%;
	}

	.cta-box-2 .text-box {
		max-width: 540px;
	}
	.dashboard_content {
		max-width: 600px;
		width: 100%;
	}
}

/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.welcome-section .welcome-box {
		width: 650px;
	}

	.welcome-section .funfacts-area {
		width: calc(100% - 674px);
	}

	.welcome-box .text-box,
	.welcome-box .image-box {
		width: 50%;
	}

	.courses-section .filter-box {
		width: 265px;
		margin-right: 25px;
	}

	.courses-section .main-contents {
		width: calc(100% - 290px);
	}

	.course-item .image-box {
		width: 180px;
		margin-right: 15px;
	}

	.single-trainer .content-box {
		max-width: 410px;
	}

	.cta-box-2 .text-box {
		max-width: 340px;
	}

	.tutor-details-section .banner-top .left-area {
		width: 500px;
		margin-right: 16px;
	}

	.tutor-details-section .banner-top .right-area {
		width: calc(100% - 516px);
	}

	.site-header .search_form {
		max-width: 300px;
		margin-left: 15px;
	}
	header .container-fluid {
		padding-left: var(--bs-gutter-x, 0.75rem);
		padding-right: var(--bs-gutter-x, 0.75rem);
	}
	header .my-account {
		margin-right: 15px;
	}

	.find_tutor_wrap {
		justify-content: center;
	}
	.dashboard_content {
		max-width: 600px;
		width: 100%;
	}
	.breadcrumbs {
		padding-left: 0;
		padding-right: 0;
	}
	.weekdays_hours {
		gap: 20px;
	}
	.weekdays_hours .right_content {
		max-width: 250px;
	}
	.weekdays_hours .data_override,
	.weekdays_hours .weekdays {
		width: calc(100% - 270px);
	}
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.welcome-section .welcome-box {
		width: 100%;
		margin-right: 0;
		margin-bottom: 25px;
	}

	.welcome-section .funfacts-area {
		width: 100%;
	}

	.welcome-box .text-box,
	.welcome-box .image-box {
		width: 50%;
	}

	.welcome-box .image-box img {
		width: 100%;
	}

	.courses-section .filter-box {
		width: 250px;
		margin-right: 15px;
	}

	.courses-section .main-contents {
		width: calc(100% - 265px);
	}

	.course-item .image-box,
	.single-trainer .image-box {
		width: 180px;
		margin-right: 15px;
	}

	.course-item .price-box,
	.single-trainer .link-box {
		margin-top: 15px;
	}

	.single-trainer .content-box {
		max-width: 260px;
	}

	.cta-box-2 .text-box {
		max-width: 100%;
		margin: 25px 0 25px 30px;
	}

	.cta-section .cta-box p {
		margin-bottom: 15px;
	}

	.course-item .content-box {
		max-width: 450px;
	}

	.single-course-section .banner-top .left-area {
		width: 450px;
		margin-right: 15px;
	}

	.single-course-section .banner-top .right-area {
		width: calc(100% - 465px);
	}

	.tutor-details-section .banner-top .left-area {
		width: 450px;
		margin-right: 15px;
	}

	.tutor-details-section .banner-top .right-area {
		width: calc(100% - 465px);
	}

	.login-area .login-left .avatar {
		width: 250px;
		margin-right: -35px;
	}

	.login-area .login-left .content-box img.arrow {
		width: 150px;
	}

	.login-area .login-left h1 {
		font-size: 25px;
		line-height: 37px;
	}

	.login-area .login-left h1 span {
		font-size: 40px;
	}

	.login-area .login-left .content-box {
		left: 25px;
	}

	.login-area .login-left .copywrite-text {
		margin: 85px 0 0;
	}

	.cart-modal .content-box {
		max-width: 175px;
	}

	.cart-modal .button-box {
		max-width: 250px;
	}

	.site-header .search_form {
		max-width: 300px;
		margin-left: 15px;
	}
	header .container-fluid {
		padding-left: var(--bs-gutter-x, 0.75rem);
		padding-right: var(--bs-gutter-x, 0.75rem);
	}
	header .my-account {
		margin-right: 15px;
	}
	.site-content.open .main_content {
		padding-left: 80px;
	}

	.find_tutor_wrap {
		justify-content: center;
	}
	.filter_bar_wrap {
		gap: 15px;
	}
	.tutor_courses_list .tutor_corse .course_content {
		width: calc(100% - 200px);
	}
	.course-item {
		gap: 15px;
	}

	.dashboard_content {
		max-width: 600px;
		width: 100%;
	}

	.coursuna_features_wrap {
		column-gap: 50px;
	}
	.coursuna_tabs_wrap .navigations {
		column-gap: 70px;
	}

	.breadcrumbs {
		padding-left: 0;
		padding-right: 0;
	}
	.request_class .r_class_content {
		width: 100%;
	}

	.request_class {
		padding: 20px 15px;
	}

	.weekdays_hours {
		gap: 20px;
	}
	.weekdays_hours .right_content {
		max-width: 235px;
	}
	.weekdays_hours .data_override,
	.weekdays_hours .weekdays {
		width: calc(100% - 255px);
	}
}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
	.owl-carousel-primary {
		padding: 0 45px;
	}

	.owl-carousel-primary .owl-nav {
		margin-top: -20px;
	}

	.owl-carousel-primary .owl-nav .owl-prev,
	.owl-carousel-primary .owl-nav .owl-next {
		width: 40px;
	}

	.login-area .login-left {
		width: 100%;
		padding: 25px;
	}

	.login-area .login-left .logo {
		margin-bottom: 25px;
	}

	.login-area .login-left .content {
		margin-bottom: 25px;
	}

	.login-area .login-left img.login-image {
		margin-bottom: 15px;
		max-width: 100%;
		width: 60%;
		margin: 0 auto 15px;
		display: block;
	}

	.login-area .login-left .copywrite-text {
		text-align: center;
		margin-top: 50px;
	}

	.login-area .login-right {
		width: 100%;
		padding: 25px;
	}

	.welcome-section .welcome-box {
		width: 100%;
		margin-right: 0;
		margin-bottom: 25px;
	}

	.welcome-section .funfacts-area {
		width: 100%;
	}

	.welcome-box .text-box {
		width: 100%;
		padding: 15px;
	}

	.welcome-box .text-box p {
		margin-bottom: 15px;
	}

	.welcome-box .image-box {
		width: 100%;
	}

	.welcome-box .image-box img {
		width: 100%;
		margin-top: 0px;
	}

	.cta-section .cta-box p {
		margin-bottom: 15px;
	}

	.may-interested-section .interested-item {
		font-size: 18px;
	}

	.may-interested-section .item-wrpr a:first-of-type .interested-item {
		margin-bottom: 12px;
	}

	.courses-section .filter-box {
		width: 100%;
		margin-right: 0;
		margin-bottom: 50px;
	}

	.courses-section .main-contents {
		width: 100%;
	}

	.course-item .image-box,
	.single-trainer .image-box {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}

	.course-item .content-box,
	.single-trainer .content-box {
		max-width: 100%;
		width: 100%;
		margin-bottom: 15px;
	}

	.course-item .price-box,
	.single-trainer .link-box {
		width: 100%;
		margin-left: 0;
		text-align: left;
	}

	.single-course-section .price-area {
		margin-top: 50px;
	}

	.single-course-section .banner-top .text-2 .divider {
		display: block;
		opacity: 0;
	}

	.single-course-section .banner-top {
		padding: 35px 15px 25px;
	}

	.single-course-section .banner-top .topic {
		margin: 20px 0 5px;
	}

	.pagination ul {
		margin: 10px 0;
	}

	.tab-area .card-primary {
		margin-bottom: 30px;
		height: calc(100% - 30px);
	}

	.cta-box-2 .text-box {
		max-width: 100%;
		margin: 25px 0 15px 30px;
	}
	.tab-area .career-area .left-box {
		width: 100%;
		margin-bottom: 30px;
	}

	.tab-area .career-area .right-box {
		width: 100%;
	}

	.copy-link-input .input-box {
		width: 100%;
	}

	.copy-link-input .button-box {
		width: 100%;
		margin-top: 0;
	}

	footer .footer-bottom p {
		width: 100%;
		margin-bottom: 25px;
		text-align: center;
	}

	footer .footer-bottom ul {
		width: 100%;
		text-align: center;
	}

	header .logo {
		width: 60px;
	}

	header .username,
	header .menu {
		display: none;
	}

	header .container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}

	header .my-account {
		margin-left: auto;
	}

	.learner-details-area .learner-item .profile {
		width: 100%;
		margin-bottom: 25px;
	}

	.learner-details-area .learner-item .action-box {
		width: 100%;
		text-align: center;
	}

	.learner-details-area .learner-item .action-box .button-primary-outline.lg {
		padding: 11px 40px;
	}

	.learner-details-area .learner-item .action-box .button-primary.lg {
		padding: 12px 40px;
	}

	.learner-details-area .form-box {
		padding: 15px 25px 30px;
	}

	.learner-details-area .button-box a {
		margin-bottom: 15px;
	}

	.who-is-learner-area .learner-item {
		margin-bottom: 25px;
	}

	.who-is-learner-area .button-primary {
		margin-top: 20px;
	}

	.learner-hero-section .image-box {
		justify-content: center;
		margin-right: 0;
		margin-bottom: 25px;
	}

	.learner-hero-section {
		background-size: contain;
		background-position: bottom center;
		background-repeat: no-repeat;
	}

	.back-to-home {
		padding: 16px 0 11px;
	}

	.page-title {
		padding: 12px 0;
	}

	.page-title p {
		margin-bottom: 15px;
	}

	.filter-box-2 .filter-item {
		width: 100%;
		margin-bottom: 10px;
		padding: 0;
	}

	.single-course-section .banner-top .left-area {
		width: 100%;
		margin-right: 0;
		margin-bottom: 25px;
	}

	.single-course-section .banner-top .right-area {
		width: 100%;
	}

	.tutor-details-section .banner-top .left-area {
		width: 100%;
		margin-right: 0;
		margin-bottom: 25px;
	}

	.tutor-details-section .banner-top .right-area {
		width: 100%;
	}

	.header-style-2 .right-area {
		width: 100%;
		margin: 15px auto 0;
	}

	.header-style-2 .input-group {
		margin-bottom: 15px;
	}

	.help-section .topic,
	.help-section .date,
	.help-section .time {
		width: 100%;
		padding-right: 0;
		margin-bottom: 15px;
	}

	.page-header {
		padding: 50px 0;
	}

	.skills-gap-section {
		padding: 23px 0 56px;
	}

	.skills-gap-section .page-title {
		padding: 12px 0 26px;
	}

	.skills-gap-test-section .left-area {
		width: 100%;
		min-height: auto;
	}

	.skills-gap-test-section .right-area {
		width: 100%;
	}

	.login-area .login-left .avatar,
	.login-area .login-left .content-box img.arrow {
		display: none;
	}

	.login-area .login-left .content-box {
		position: initial;
	}

	.cart-items-box .course-item .cross {
		top: 5px;
		right: 10px;
	}

	.site-header .search_form {
		max-width: 300px;
		margin-left: 0;
	}
	header .container-fluid {
		padding-left: var(--bs-gutter-x, 0.75rem);
		padding-right: var(--bs-gutter-x, 0.75rem);
	}
	header .my-account {
		margin-right: 0;
	}
	.site-content.open .main_content {
		padding-left: 65px;
	}
	.site_navigation ul {
		column-gap: 20px;
	}
	.site_navigation ul li a {
		padding: 5px 0;
	}
	header .membership {
		margin-top: 15px;
	}
	.site-content .side_navbar {
		width: 65px;
		padding: 20px 10px;
	}
	.site-content.open .side_navbar {
		width: 270px;
	}
	.site-content .main_content {
		padding-left: 65px;
	}
	.find_tutor_wrap {
		justify-content: center;
	}
	.find_tutor_video iframe {
		min-height: 200px;
	}
	.filter_bar_wrap {
		justify-content: center;
		gap: 15px;
	}
	.tutor-features {
		padding-top: 60px;
		padding-bottom: 120px;
	}
	.tutor_courses_header .title {
		width: 100%;
		font-size: 16px;
	}
	.tutor_courses_list .tutor_corse .course_content {
		width: 100%;
	}
	.tutor_courses_list .tutor_corse .course_action {
		align-items: start;
	}
	.page_header_wrap .title {
		font-size: 25px;
	}
	.site-content .nua-sidebar {
		left: 270px;
	}
	.dashboard_content {
		max-width: 600px;
		width: 100%;
	}
	.dashboard_content .content_img {
		width: 100%;
	}
	.dashboard_content .content_wrap .content_button {
		flex-wrap: wrap;
	}
	.card.classes-card .card-body {
		padding: 20px 10px 30px 10px;
	}
	.card.classes-card .card-body .btn.inline {
		font-size: 12px;
	}
	.card.classes-card .card-body .card-title {
		font-size: 14px;
	}
	.card.classes-card .card-body .card-text {
		font-size: 12px;
	}

	.breadcrumbs {
		padding-left: 0;
		padding-right: 0;
	}
	.form_group textarea {
		resize: vertical;
	}
	.lesson-form-section {
		padding-bottom: 80px;
	}

	.first_lesson_wrap {
		padding: 30px 15px;
	}
	.first_lesson_wrap .title {
		font-size: 25px;
		margin-bottom: 20px;
	}
	.my_booking_tab_wrap .my_booking_tab {
		justify-content: start;
	}
	.my_booking_tab_wrap .my_booking_tab li > button {
		padding: 15px 10px 15px 10px;
	}
	.booking_class .class_content {
		width: 100%;
	}
	.booking_class {
		gap: 20px;
	}
	.request_class .r_class_content {
		width: 100%;
	}
	.request_class {
		padding: 20px 15px;
	}

	.weekdays_hours {
		gap: 20px;
	}
	.weekdays_hours .right_content {
		max-width: 235px;
	}
	.weekdays_hours .data_override,
	.weekdays_hours .weekdays {
		width: 100%;
	}
	.weekdays_hours .right_content .troubleshoot {
		margin-top: 30px;
	}
}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {
}