@media (max-width: 1400px) {
	.dash-right-content {
		width: 260px;
	}

	/* Practice Area */
	.tool-txt h5 {
		font-size: 16px;
	}

	.grid-tool {
		gap: 15px;
		grid-template-columns: repeat(4, 1fr);
	}

	.profile-layout {
		grid-template-columns: 330px 1fr;
	}

	/* Progress Space */
	.grid-container {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (max-width: 1342px) {
	.profile-layout {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.profile_wrapper {
		padding: 30px 20px;
	}

	.Badges_grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

/* Laptop and under */
@media (max-width: 1200px) {
	.modules-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.grid-tool {
		grid-template-columns: repeat(3, 1fr);
	}

	/* Progress Space */
	.grid-container {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* Tablet (Medium devices, less than 992px) */
@media (max-width: 991px) {
	.sidebar-logo-img {
		height: 90px;
	}

	.sidebar-item a {
		padding: 15px 0;
		font-size: 15px;
		border-bottom: 1px solid #ffffff1a;
	}

	.sidebar-icon-wrapper {
		width: 36px;
		height: 36px;
		border-radius: 10px;
	}

	.sidebar-mascot {
		padding: 0;
	}

	.sidebar-mascot-img {
		height: 90px;
	}

	.dashboard-container {
		flex-direction: column;
	}

	.sidebar-brand {
		margin-bottom: 0;
	}

	.sidebar-menu {
		display: none;
		/* Will be toggled */
	}

	/* .sidebar-mascot {display: none;} */
	.menu-toggle-label {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 24px;
		height: 18px;
		cursor: pointer;
		z-index: 999;
	}

	.menu-toggle-label span {
		display: block;
		width: 100%;
		height: 3px;
		background: #fff;
		border-radius: 3px;
		transition: all 0.3s ease;
	}

	/* Close Icon */
	.menu-toggle-label.active span:nth-child(1) {
		transform: translateY(7.5px) rotate(45deg);
	}

	.menu-toggle-label.active span:nth-child(2) {
		opacity: 0;
	}

	.menu-toggle-label.active span:nth-child(3) {
		transform: translateY(-7.5px) rotate(-45deg);
	}

	.sidebar {
		display: flex;
		position: fixed;
		top: 0;
		left: -320px;
		width: 300px;
		height: 100%;
		margin: 0;
		padding: 20px;
		z-index: 9999;
		transition: all 0.3s ease;
		border-radius: 0 20px 20px 0;
	}

	.sidebar.show {
		left: 0;
	}

	.sidebar-menu {
		display: block;
		height: auto;
	}

	.sidebar-link {
		padding: 15px 25px;
	}

	.dash-header {
		margin: 0;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		border-radius: 0;
		padding: 12px 15px;
		z-index: 999;
		height: 80px;
	}

	.content-page {
		padding: 0 15px 12px;
		height: auto;
	}

	.main-workspace {
		padding: 100px 0 15px;
		display: block;
		margin: 0;
	}

	.dash-layout {
		display: block;
	}

	.dash-right-content {
		width: 100%;
		align-items: center;
		padding-top: 10px;
	}

	.mango-tree-container {
		display: none;
	}

	.dashboard-body::before,
	.dashboard-body::after {
		height: 200px;
		position: fixed;
	}

	/* Module Detail */
	.outline-btn {
		font-size: 15px;
		grid-gap: 5px;
		padding: 10px 15px;
	}

	.dash-btns h3 {
		font-size: 20px;
	}

	.dash-btns {
		margin-bottom: 15px;
	}

	.white-bx {
		padding: 10px 15px;
		border-radius: 14px;
	}

	.audio-player {
		border-radius: 14px;
		padding: 12px 15px;
		gap: 15px;
	}

	.description-bx h4 {
		margin-bottom: 10px;
	}

	.description-bx p {
		font-size: 14px;
	}

	.iner-foot {
		padding: 20px;
	}

	.iner-foot p {
		font-size: 14px;
	}

	.yel-btn {
		width: fit-content;
		font-size: 14px;
	}

	/* my notebook */
	.lesson-content {
		align-items: flex-start;
		padding: 12px;
	}

	.lesson-actions {
		gap: 8px;
	}

	.lesson-card {
		border-radius: 12px;
	}

	.no-data {
		margin: 15px auto;
	}
	.lesson-left{max-width: 100%;}

	/*----*/
	.iti__country-container {
		top: 16px;
		font-size: 12px;
	}

	.profile_wrapper {
		padding: 18px 12px;
		border-radius: 16px;
		box-shadow: none;
	}

	.profile_wrapper .card-title {
		font-size: 18px;
	}

	.upload-profile {
		margin: auto;
		width: 90px;
		height: 90px;
		border: 1px solid #f09734;
	}

	.upload-icon {
		width: 30px;
		height: 30px;
		border: 1px solid #D99E51;
	}

	.upload-icon svg {
		width: 16px;
		height: 16px;
	}

	.Badges_grid {
		grid-template-columns: repeat(3, 1fr);
	}

	/* Modal Box */
	.modal-bx .modal-content {
		padding: 30px 20px;
	}

	.prompt-body h4 {
		font-size: 26px;
	}

	.prompt-flx h6 {
		font-size: 18px;
	}

	.delete-modal .modal-body h6 {
		font-size: 20px;
		line-height: normal;
	}

	.yes-btn {
		padding: 14px 12px;
		font-size: 14px;
		border-radius: 10px;
	}

	.search-toggle {
		display: flex;
		align-items: center;
		justify-content: center;
		background: none;
		border: 0;
		padding: 0;
	}

	.serch_bar {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		background: #1a431b;
		padding: 18px 15px 15px;
		display: flex;
		align-items: center;
		z-index: 9999;
		transform: translateY(-100%);
		opacity: 0;
		visibility: hidden;
		transition: .3s;
	}

	.serch_bar.active {
		transform: translateY(0);
		opacity: 1;
		visibility: visible;
	}

	.serch_bar .form-control {
		padding-left: 50px;
		padding-right: 45px;
		margin-top: 18px;
	}

	.search-back {
		position: absolute;
		right: 5px;
		background: none;
		border: none;
		color: #ffffff;
		font-size: 17px;
		z-index: 2;
		display: block;
		background: #000;
		top: 5px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 24px;
		width: 24px;
		min-height: 24px;
		min-width: 24px;
	}

	.filter_icon {
		right: 24px;
	}

	.serch_icon {
		left: 24px;
	}

	.serch_bar span {
		transform: translateY(-2px);
	}

	.mobile-search {
		background: #FFFFFF0F;
		border: 1px solid #DDDDDD4D;
		border-radius: 50%;
		height: 52px;
		width: 52px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.db-xp-card {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
		padding: 15px;
	}

	.db-xp-divider {
		width: 100%;
		height: 1px;
		margin: 0;
	}

	.db-continue-body {
		flex-direction: column;
		align-items: flex-start;
	}

	.db-continue-right {
		align-items: flex-start;
		width: 100%;
	}
}

/* Mobile landscape and under */
@media (max-width: 768px) {
	.modules-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.greeting-text {
		font-size: 22px;
	}

	.grid-item {
		flex-direction: column;
	}

	.tool-txt p {
		font-size: 14px;
		text-align: center;
	}

	.tool-txt h5 {
		text-align: center;
		font-size: 15px;
	}

	.cta-banner {
		flex-direction: column;
		align-items: flex-start;
	}

	.db-xp-right {
		width: 100%;
	}

	/* progress space */
	.stats-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	/* Dashboard */
	.continue-card .module-card{flex-direction: column;align-items: flex-start;gap: 10px;}
	.w-70{width: 100%;}
	.add_btn, .mobile-search{width: 40px;height: 40px;}
	.dash-header{height: 60px;}
}

@media (max-width: 650px) {
	.yes-btn {
		padding: 10px 12px;
		font-size: 13.5px;
		border-radius: 8px;
	}
}

/* Portrait mobile (less than 576px) */
@media (max-width: 576px) {
	.modules-grid {
		grid-template-columns: 1fr;
	}

	.dash-header-title {
		font-size: 18px;
	}

	.dash-header-user {
		width: 40px;
		height: 40px;
	}

	.progress-card-green {
		flex-direction: column;
		align-items: flex-start;
		padding: 15px;
	}

	.progress-card-green .card-mascot {
		margin-right: 0;
		margin-bottom: 12px;
	}

	/* Module Details */
	.description-bx h4 {
		font-size: 16px;
	}

	.iner-foot {
		border-radius: 15px;
	}

	footer {
		padding: 4px;
	}

	/*  */
	/* My Notebook */
	.lesson-actions a svg {
		width: 20px;
	}

	.no-data {
		max-width: 100%;
		height: auto;
	}

	.no-data span {
		width: 80px;
		height: 80px;
	}

	.no-data span svg {
		width: 40px;
	}

	.no-data h5 {
		font-size: 20px;
	}

	.no-data p {
		font-size: 14px;
	}

	.no-data .cmn-btn {
		padding: 12px 30px;
	}

	.note-modal .modal-content {
		padding: 15px;
		border-radius: 15px;
	}

	.note-modal .modal-header h5 {
		font-size: 20px;
	}

	.note-modal .modal-body form .form-group {
		margin-bottom: 15px;
	}

	.note-modal .modal-body form .form-control {
		padding: 12px 15px;
		font-size: 14px;
		border-radius: 12px;
	}

	.modal-sm {
		max-width: 320px;
	}

	.modal_sm .modal-content h5 {
		font-size: 18px;
		padding: 12px 0 20px;
	}

	.iti__country-container {
		top: 12px;
	}

	.Badges_grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.Badges_header h6 {
		font-size: 14px;
		gap: 5px;
		margin-bottom: 20px;
	}

	.Badges_card h6 {
		font-size: 12px;
	}

	.notebooks_card {
		padding: 12px 12px;
		border-radius: 12px;
	}

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

	.dash-header {
		padding: 12px 12px;
	}

	.main-workspace {
		padding: 80px 0 12px;
	}

	.mobile-search {
		height: 40px;
		width: 40px;
	}

	.add_btn {
		height: 40px;
		width: 40px;
	}

	/* Progress Space */
	.grid-container {
		grid-template-columns: repeat(2, 1fr);
	}

	.stats-grid {
		grid-template-columns: repeat(1, 1fr);
	}

	.db-progress-row {
		flex-direction: column;
		grid-gap: 10px;
		margin-bottom: 10px;
		align-items: flex-start;
	}

	.db-xp-right {
		gap: 15px;
	}

	.db-level-name {
		font-size: 18px;
	}
	.terms_list li{font-size: 14px;line-height: 26px;margin-bottom: 5px;}
}

@media (max-width: 480px) {
	.grid-tool {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 375px) {
	.sidebar {
		width: 266px;
	}

	/* Progress Space */
	.grid-container {
		grid-template-columns: repeat(1, 1fr);
	}
}

/* Redesign Profile Page Custom Media Queries */
@media (max-width: 1342px) {
	.profile-page-custom .profile_wrapper {
		padding: 30px 20px !important;
	}
}
@media (max-width: 576px) {
	.profile-page-custom .profile_wrapper {
		padding: 20px 15px !important;
		border-radius: 20px !important;
	}
}