@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
	.mandala-product__list { 
		flex: 0 0 50%;
	}
}

@media (min-width: 768px) {
    .container {
        max-width: 640px;
    }
	.dropdown-menu {
		position: absolute;
		top: 100%;
		right: 0;
		left: auto;
		background: white;
		padding: 0.5rem 0;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
		min-width: 140px;
		display: none;
		z-index: 10;
	}
	.dropdown:hover .dropdown-menu {
		display: block;
	}
	.navbar-list {
		display: flex;
		align-items: center;
	}
	.mandala-product__list { 
		flex: 0 0 33.333%;
	}
}

@media (min-width: 991px) {
    .container {
        max-width: 960px;
    }
	.mandala-product__list { 
		flex: 0 0 25%;
	}
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
	.mandala-product__list { 
		flex: 0 0 20%;
	}
}

@media (min-width: 1440px) {
    .container {
        max-width: 1320px;
    }
}

@media screen and (max-width: 1024px) {
	.container__flex {
		padding-block: 80px;
	}
	.mandala_main {
		margin-bottom: 60px;
	}
	.mandala-home__content h2 {
		text-align: center;
	}
	.order_lg_1 {
		order: -1;
	}
	.order_lg_2 {
		order: 1;
	}
	.mandala-home__content {
		padding-left: 0;
	}
}

@media screen and (max-width: 991px) {
	.about_block__content {
		padding-left: 0;
		margin-top: 24px;
	}
}

@media (max-width: 768px) {
    /* Header */
	header {
		padding-inline: 0;
	}
    .menu-toggle {
        display: block;
    }
    .navbar-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 250px;
        background: #fff;
        flex-direction: column;
        align-items: flex-start;
        padding: 12px 0px;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
        z-index: 20;
		gap: 8px;
    }
    .navbar-wrapper.show {
        transform: translateX(0%);
        box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
    }
    .navbar,
    .profile-nav {
        width: 100%;
        flex: 0 0 auto;
    }
    .navbar-lists {
        flex-direction: column;
        width: 100%;
        flex: 0 0 auto;
        gap: 8px;
    }
	.navbar-list {
		border-bottom: 1px solid #efefef;
		padding-bottom: 8px;
		background: #fff;
		outline: 0;
	}
    .navbar-menu {
        display: flex;
		align-items: center;
        padding: 4px 16px;
		outline: 0;
		background-color: #fff;
		color: #212020;
		-webkit-tap-highlight-color: transparent;
    }
    .menu-overlay.show.show {
        transition: opacity 0.3s ease;
    }
    .navbar {
        order: 1;
    }
    .profile-nav {
        margin-left: 0;
        order: 0;
    }
    .no-scroll {
        overflow: hidden;
    }
	.dropdown-menu {
		position: static;
        box-shadow: none;
		top: 100%;
		right: 0;
		left: auto;
		background: white;
		padding: 0;
		min-width: 140px;
		/* display: none; */
		z-index: 10;
		height: 0;
		overflow: hidden;
		opacity: 0;
		transition: height 0.3s ease, opacity 0.3s ease;
		transform: translateY(-10px);
		pointer-events: none;
	}
	.dropdown.open .dropdown-menu {
		opacity: 1;
		height: auto;
		background-color: #f0f0f0;
		margin-top: 8px;
		transform: translateY(0);
  		pointer-events: auto;
		/* padding: 0.5rem 0; */
	}
	.dropdown.open.navbar-list {
		padding-bottom: 0;
		background-color: #fff;
	}
	/* Course */
	.course-info {
		padding-left: 0;
	}
	.course-image {
		margin-bottom: 16px;
	}
	.btn-buy {
		margin-top: 0.5rem;
	}
	.main-wrapper {
		padding-top: 24px;
	}
	.prod_order__media {
		padding: 0;
		flex: 0 0 80px;
		border: 0;
		display: flex;
		align-items: center;
	}
	.prod_order__content h5 {
		font-size: 15px;
		margin-bottom: 4px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	.prod_order__content p {
		font-size: 13px;
		line-height: 18px;
		-webkit-line-clamp: 2;
	}
	.order-info__wrapper {
		width: 100%;
	}
	.about_block__content p:nth-of-type(1) { 
		margin-top: 12px;
	}
	.about_block__content button { 
		margin-top: 24px;
	}
	.watermark_media_about .mandala-home__content h2 {
		font-size: 24px;
	}
	.navbar-list.active .navbar-menu::after {
		content: none;
	}
	.course_media__block {
		padding-left: 0;
		margin-bottom: 24px;
	}
	.course-content-para {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}
	.course-content-para .expand-all {
		float: none;
		margin-left: auto;
	}
	.day-list {
		margin-left: 0;
	}
}
@media screen and (max-width: 576px) {
	.mandala_bg__title {
		padding-block: 40px;
	}
	.mandala_bg__title h1 {
		font-size: 32px;
		line-height: 42\8px;
	}
	.tab-content {
		padding: 12px;
	}
	.order_details__wrap {
		flex-wrap: wrap;
		position: relative;
	}
	.prod_order__media {
		flex: 0 0 22%;
	}
	.prod_order__content {
		padding-left: 12px;
		flex: 0 0 78%;
	}
	.order_link { 
		padding: 0;
		margin-left: 8px;
	}
	.order_redirect {
		position: absolute;
		right: -14px;
		top: 0;
		bottom: 0;
	}
	.order_link__details {
		flex: 0 0 100%;
		margin-left: 0;
		margin-top: 12px;
		position: relative;
	}
	.order_id {
		font-size: 14px;
	}
	.order_link a {
		border: 1px solid #e2e2e2;
		background-color: #e2e2e2;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		width: 24px;
		height: 24px;
	}
	.order_link a > svg {
		width: 1.1em;
		height: 1.1em;
	}
	.order_redirect a {
		border-radius: 1px;
		width: 16px;
		height: 100%;
		background-color: #f0f0f0;
		border-color: #f0f0f0;
	}
	.status_date {
		display: none;
	}
	.order-main__heading {
		font-size: 1.4rem;
	}
	.order-status__block {
		gap: 0px;
		margin-inline: -4px;
		white-space: wrap;
	}
	.order-status__item {
		padding-inline: 4px;
		white-space: nowrap;
		padding-bottom: 16px;
	}
	.order-status__item::after {
		bottom: 5px;
	}
	.prod_order__media.prod_order__audio {
		text-align: center;
		font-size: 13px;
		line-height: 1;
		padding: 6px 2px;
	}
	.mandala-course__list {
		flex-wrap: wrap;
	}
	.mandala-course__img {
		border: 1px solid #cecece;
		border-radius: 8px;
		margin-bottom: 16px;
	}
	.mandala-course__img,
	.mandala-course__contnt {
		flex: 0 0 100%;
	}
	.mandala-course__contnt {
		padding-left: 0;
	}
	.pagination li a {
	padding: 6px 10px;
	font-size: 14px;
	}

	.pagination {
		gap: 6px;
		margin-top: 16px;
	}
	.mandala-img {
		height: 260px;
	}
	.main_wrapper {
		padding-block: 12px 24px;
	}
	.mandala-course__lists.mandala-product__lists {
		margin-top: 24px;
	}
	.course-header__title {
		font-size: 16px;
		line-height: 20px;
		display: flex;
		align-items: center;
	}
	.course-header__title + span {
		padding-left: 6px;
		text-align: end;
	}
}

@media screen and (max-width: 480px) {
	.mandala-home__content h2 {
		margin-bottom: 32px;
	}
	.mandala-home__content h2 > span {
		font-size: 20px;
	}
	
}