@media only screen and (max-width: 1920px) and (min-width: 1500px) {
    .container {
        max-width: 1315px;
    }
}

@media only screen and (max-width: 1600px) {
    .course-view-details-box-btns .flex-center-between {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 1445px) {
    .card-header .btn-link {
        width: 160px;
    }

}

@media only screen and (max-width: 1366px) {
    html {
        font-size: 15px;
    }

    .nav-tabs {
        gap: 1rem;
    }

    .btn-buy-now {
        padding: 0.5rem 1rem;
    }

    .btn-add-to-cart {
        padding: 0.5rem 1rem;
    }


}

@media (max-width: 1199.98px) {
    html {
        font-size: 14px;
    }

    .about-img {
        width: auto;
        height: auto;
    }

    .comp-imgs {
        gap: 0.3rem;
    }

    section.gift-corse {
        padding: 2rem 0;
    }

    .payment-method {
        gap: 3rem;
    }

    .branches-img figcaption p br {
        display: none;
    }

    .card-body .col-lg-5 .d-flex {
        flex-wrap: wrap;
        gap: 0.4rem;
    }


}

@media (max-width: 1023.98px) {
    html {
        font-size: 13px;
    }

    .main-wrappp {
        margin-top: 20px;
    }

    section {
        padding: 3rem 0;
    }

    .work-wrapp {
        margin: 1rem 0;
    }

    .inner-page-banner {
        padding: 1rem 0 2rem;
    }

    .course-view-details-box {
        position: unset;
        margin-top: 2rem;
    }

    .four-in-each > div {
        width: 33.33%;
    }

    .results-count {
        text-align: left;
        padding-top: 10px;
    }

    .rating {
        flex-wrap: wrap;
        justify-content: center;
        gap: 2rem;
    }

    .about-content {
        margin-bottom: 1rem;
    }

    .company-contnet {
        margin-bottom: 1rem;
    }

    .mission-cont {
        margin-top: 2rem;
    }

    .mission {
        padding: 2rem 0;
    }

    figure.gallery-img {
        margin-top: 2rem;
    }

    .testi-card {
        margin: 1rem 0;
    }

    .tab-mar {
        margin: 1rem 0;
    }

    .course-info {
        flex-wrap: wrap;
    }

    .order-box {
        margin-top: 2rem;
    }

    .branches-img {
        margin: 1rem 0;
        text-align: center;
    }

    .dash-card {
        padding: 1.4rem 1rem 1.4rem 0rem;
        gap: 1rem;
    }

    .dash-learn {
        margin: 1rem 0;
    }

    .table tr {
        display: flex;
        flex-direction: column;
    }

    .table-light tr {
        flex-direction: row !important;
    }


}

@media (max-width: 767.98px) {
    html {
        font-size: 12px;
    }

    .newMenu li a {
        font-size: 1.4rem;
    }

    .main-content h1 {
        font-size: 2.5rem;
    }

    .themeBtn {
        font-size: 16px;
        padding: 12px 2rem;
    }

    form.main-form button {
        margin-top: 10px;
    }

    .icon-wrapp {
        margin: 5px 0;
    }

    section.image-sec ul {
        flex-wrap: wrap;
        justify-content: center;
    }

    section.image-sec ul li {
        width: 50%;
    }

    footer p {
        margin-bottom: 10px;
    }

    section {
        padding: 2rem 0;
    }

    .mainHead {
        font-size: 2rem;
    }

    .ask-wrapp + .ask-wrapp {
        margin: 1rem 0;
    }

    section.image-sec {
        padding: 2rem 0;
    }

    .inner-page-banner-content > h2 {
        font-size: 20px;
    }

    .inner-page-banner-content > p {
        font-size: 16px;
    }

    .course-view-tabs {
        flex-wrap: wrap;
        gap: 1rem;
        justify-content: flex-start;
    }

    .course-view-tabs li {
        width: auto;
    }

    .circle-arrow-list li {
        width: 100%;
    }

    .course-instructor-box {
        flex-wrap: wrap;
        padding: 15px 0px;
    }

    .rating-container {
        flex-wrap: wrap;
        justify-content: center;
    }

    #review .course-view-tabs-content h4 {
        text-align: center;
    }

    .course-instructor-list li {
        padding: 0;
    }

    .secondaryBtn {
        font-size: 16px;
        padding: 12px 2rem;
    }

    .related-course-sec .four-in-each > div {
        width: 33.33%;
    }

    .selling-wrapper-parent {
        justify-content: center;
    }

    .related-course-sec .four-in-each > div {
        width: 100%;
        padding: 5px;
    }

    .selling-wrapp figure img {
        width: 100%;
    }

    .sort-section {
        margin: 10px 0;
    }

    .four-in-each > div {
        width: 100%;
    }

    .innerBann {
        padding-top: 15rem;
    }

    .about-content h2 {
        font-size: 3rem;
        margin-bottom: 0.5rem;
    }

    .about-content h3 {
        font-size: 2rem;
        margin-bottom: 1rem;
    }

    .company-img {
        width: 49%;
    }

    .rating {
        margin-top: 2rem;
    }

    .mission-cont h2 {
        font-size: 2rem;
    }

    .gallery-content h2 {
        font-size: 2rem;
    }

    .test-wrap {
        margin-bottom: 1rem;
    }

    button.btn.btnmenu div {
        font-size: 20px;
    }

    button.btn.btnmenu div {
        gap: 5px;
    }

    .branches .text-center p {
        width: 100%;
    }

    .contact-form {
        padding: 1rem;
    }

    .webflow {
        padding: 0;
    }

    .responsive-design {
        flex-wrap: wrap;
    }

    .responsive-design {
        margin-top: 4rem;
    }

    section.review {
        padding: 11rem 0 1rem;
    }

    .fancy-box h2 {
        margin: 10px 0;
        font-size: 22px;
    }

    .webflow {
        padding: 0;
        padding-bottom: 2rem;
    }

    .lectur-desc .dash-head {
        margin-top: 0;
    }

    .dash-card {
        justify-content: flex-start;
    }

    .header_123 {
        padding: 5px 0 25px 15px;
    }

    .profile-section {
        margin-bottom: 1rem;
    }

    .dash-learn {
        margin: 0.5rem 6px 0;
    }

    .dashboard-sort-section {
        flex-wrap: wrap;
        justify-content: center;
        gap: 0;
    }

    .dashboard-sort-section > div {
        width: 50%;
        padding: 5px;
    }

    figure.teachers-img img {
        width: 100%;
    }

    .chat-btn .themeBtn {
        padding: 0.9rem 0.5rem;
    }

    .table-responsive .p-4 {
        padding: 0 !important;
    }

    .action-buttons {
        margin-top: 0;
    }

    .course-title_new {
        padding-top: 20px;
    }

    .card-body .col-lg-7 .p-4 {
        padding: 0.5rem !important;
    }

    .course-view-tabs li a {
        padding: 6px 10px;
    }

    .Created-by a::before,
    .Created-by span::before {
        left: -8px;
    }

    .inner-page-banner-content .suggestions a::before {
        left: -11px;
    }

    .course-view-tabs-box-content {
        padding: 20px;
    }


}

@media (max-width: 575.98px) {
    .header_123 {
        padding: 5px 0 0 15px;
    }


    .nav-tabs {
        gap: 0;
    }

    .nav-tabs .nav-link {

        padding: 4px 10px;
    }

    .table-responsive .p-4 {

        flex-flow: wrap;
    }

    .course-img {
        width: 100%;
        height: auto;

    }

    .sort-dropdown {
        padding: 12px 2px 12px 20px;

    }

    .dollar_price {

        justify-content: start;

    }

    .card-body .col-lg-7 .p-4 {
        flex-flow: wrap;
    }

    .course-instructor {
        margin-left: 0;
    }

    .dash-learn .selling-content h3 {

        font-size: 13px;

    }

    .selling-wrapp h2 {
        font-size: 13px;

    }

    .dashboard-sort-section {
        justify-content: start;
    }

    .search-pagenation button {
        width: 38px;
        height: 38px;

    }

    .footer2 {
        padding: 2rem 0 2rem;
    }

    .copyRight {
        margin: 1rem 0 0 0;

    }

    .section-meta ul {

        justify-content: start;

    }

    .color_section {
        /*height: 190px;*/
        padding-top: 12%;
    }

    .mg-cardaa {
        top: 0;
    }

    .playlist-box {
        flex-wrap: wrap;
    }

    .playlist-box-img {
        width: 20%;
        height: 20%;
    }

    .playlist-box-img img {
        width: 100%;
        height: 100%;
    }

    .playlist-box-content h4 {
        font-size: 12px;
    }

    .playlist-box-content p {
        font-size: 12px;
    }

    .playlist-box-content .Created-by span {
        font-size: 12px;
    }

    .playlist-box-img small {
        bottom: 4%;
        right: 2%;
    }

    .playlist-box-content small {
        font-size: 10px;
        margin-top: 0.4rem;
        display: inline-block;
    }

}


@media (max-width: 991px) {
    .show-tablet {
        display: block;
        margin-bottom: 2rem;
    }

    .hide-tablet {
        display: none;
    }
}

@media (max-width: 768px) {
    .creator-imgs {
        max-width: 20%;
    }
}

@media (max-width: 480px) {
    .creator-imgs {
        max-width: 30%;
    }
}

.mobile-only {
    display: none;
}

@media (max-width: 768px) {
    .mobile-only {
        display: block; /* or flex, grid, etc., depending on your layout */
    }

    .mouse-cursor,
    .cursor-inner {
        display: none !important;
    }
}


@media (max-width: 576px) {

    .scrollable-box {
        height: 800px; /* Fixed height */
        padding: 0rem 1rem;
    }

    .playlist-box {
        flex-direction: column;
        align-items: flex-start;
    }

    .playlist-box-img {
        width: 100%;
        margin-bottom: 0.5rem;
    }

    .playlist-box-content {
        width: 100%;
    }

    .playlist-box-content h4 {
        font-size: 13px;
        max-height: 2.6em; /* Make sure it matches the line height * line clamp */
    }

    .playlist-box-content p,
    .playlist-box-content .Created-by {
        font-size: 12px;
    }
}