@media (max-width: 575.98px) {
    .mk-navbar .navbar-nav .nav-link.active {
        background-color: transparent;
        border-bottom: 1px solid #a218c9;
        width: auto;
        display: inline-block;
    }

    .mk-navitem {
        margin-bottom: 50px;
    }

    .logoparent {
        width: 100%;
    }

    .mk-navbar .navbar-brand img {
        max-width: 90%;
    }

    .mokweb-sections.mk-herosection {
        padding: 0;
        padding-top: 120px;
    }

    .heroimage-cont img {
        margin: auto;
        display: block;
        max-width: 60%;
    }

    .banner-content-title {
        font-size: 30px;
        text-align: center;
        display: flex;
        gap: 9px;
    }

    .banner-content-subtitle {
        font-size: 16px;
    }

    .banner-content-col {
        margin-top: 30px;
        gap: 0px;
    }

    .mokweb-sections {
        padding: 20px;
    }

    .mk-herosection {
        padding-bottom: 0px;
    }

    .abt-imgsection {
        width: 70%;
        margin: auto;
    }

    .abt-card .card-subtitle {
        font-size: 16px;
    }

    .card-streamline {
        height: 35px;
    }

    .abt-card {
        height: 105px;
        padding: 12px;
        flex-grow: 1;
    }

    .subtitle-abt {
        font-size: 32px;
    }

    .content-col {
        gap: 10px;
    }

    .section-subhead {
        font-size: 14px;
    }

    .about-para {
        font-size: 14px;
        text-align: justify;
        line-height: 1.5;
    }

    .abt-content {
        padding: 0px;
    }

    .abtcont-cardgroup {
        column-gap: 30px;
    }

    .sectab .nav-pills .nav-link {
        font-size: 14px;
        padding: 10px 14px;
    }

    .sectab .nav-pills {
        gap: 10px;
    }

    .sectab {
        margin-bottom: 20px;
        padding: 0px;
    }

    .spl-prg {
        padding: 20px;
        border-radius: 30px;
    }

    .splprg-image {
        order: 1;
    }

    .splprg-content {
        order: 2;
    }

    .splprg-image img {
        margin: 0px;
        position: static;
        width: auto;
    }

    .splprg-content .subtitle-abt {
        font-size: 25px;
    }

    .prg-mode .prg-innertxt {
        font-size: 12px;
    }

    .diet-secheading .subtitle-abt {
        font-size: 24px;
    }

    .subtitle-feedback {
        font-size: 45px;
        -webkit-text-stroke-width: 2px;
        letter-spacing: 10px;
        text-align: center;
    }

    .playbtn {
        margin: 0px;
    }

    .fdbk-content {
        padding: 0px;
    }

    .statsrow {
        padding: 12px;
        row-gap: 20px;
    }

    .stats-content .sts-count {
        font-size: 30px;
    }

    .stats-content .text-sec {
        font-size: 12px;
        width: 100%;
        line-height: 1.5;
    }

    .dietname {
        font-size: 18px;
    }

    .diet-descrp {
        font-size: 12px;
        text-align: left;
    }

    .marquee-item {
        font-size: 35px;
    }

    .mq2 {
        margin-top: 10px;
    }

    .subhead-icon {
        width: 18px;
    }

    .instaid-container {
        width: 100px;
    }

    .mkconact-formcontainer {
        padding: 15px;
        border-radius: 10px;
        margin-left: 0px;
        width: 100%;
    }

    .mkcntform-inpt .form-control {
        margin-bottom: 15px;
        padding: 12px;
    }
    .mkcntform-inpt .form-control.is-invalid {
        margin-bottom: 0;
    }
    .mkcntform-inpt .invalid-feedback {
        font-size: 14px;
    }
    .mkconact-formcontainer .mk-alert-success,
    .mkconact-formcontainer .mk-alert-danger {
        font-size: 14px;
        padding: 14px 18px;
        margin-bottom: 15px;
    }
    .customer-alert-error {
        padding: 14px 18px;
        border-radius: 14px;
        font-size: 14px;
        gap: 12px;
        flex-direction: column;
        align-items: stretch;
    }
    .customer-alert-icon {
        width: 32px;
        height: 32px;
        font-size: 16px;
        border-radius: 10px;
    }
    .customer-alert-title {
        font-size: 15px;
    }
    .customer-alert-list {
        font-size: 14px;
    }
    .customer-alert-close {
        width: 32px;
        height: 32px;
        font-size: 16px;
        align-self: flex-end;
        margin-left: auto;
    }
    .customer-alert-content {
        gap: 12px;
    }

    .mkconact-form .btn-a {
        padding: 10px 15px;
        font-size: 16px;
    }

    .footnavlink {
        font-size: 14px;
    }
    .footbottom-txt {
        margin-top: 20px;
        padding: 20px 0px;
    }

    .footbottom-links {
        justify-content: center;
        margin-top: 20px;
    }

    .social-icon-grp {
        width: 100%;
        flex-direction: row;
        gap: 15px;
        margin: 0px 0px 20px;
        justify-content: center;
    }

    .cpyrt-txt {
        text-align: center;
    }

    .reels-slider-container {
        padding-left: 80px;
    }

    a.instaid span {
        font-size: 16px;
    }

    .scl-icon {
        width: 50px;
        height: 50px;
    }

    .socili {
        width: 24px;
    }

    .cntform-sec {
        padding-top: 0px;
        margin-bottom: 30px;
    }

    .mk-footer .brand-logo {
        width: auto;
    }

    .contact-section {}

    .prgcontent-grp {
        padding: 10px 0px;
    }

    .program-name {
        font-size: 24px;
    }

    .diet-container {
        margin-bottom: 20px;
        padding: 0px 10px;
    }

    .fdbktxt {
        font-size: 14px;
    }

    .cardaddres-text {
        font-size: 14px;
        line-height: 1.2;
    }

    .row-j {
        font-size: 14px;
    }

    .addressicon-circle {
        width: 30px;
        height: 30px;
        padding: 6px;
    }

    .mkcntlocate-address {
        height: 240px;
    }

    .mk-footer .brand-logo img {
        margin: 0px !important;
    }

    .prg-innertxt {
        font-size: 12px;
    }

    .prgicon {
        max-width: 25%;
    }

    .diet-secheading {
        padding: 0px;
    }

    .mk-dietsection .container {
        padding: 0px;
    }

    .stats-content {
        flex-direction: column;
        gap: 6px;
    }

    .stats-content .vertiline {
        display: none;
    }

    .scrlldwnbtn {
        width: 50px;
        height: 50px;
        padding: 15px;
    }

    .scrolldwnbtn-grp {
        width: 75px;
        height: 75px;
        padding: 8px 13px;
        right: 20px;
        bottom: 20px;
    }

    .appinfotxt {
        display: none;
    }

    .scroll-to-topbtn {
        width: 40px;
        height: 40px;
        right: 10px;
        bottom: 10px;
    }

    .appinfobig {
        display: none;
    }

    .appinfosmall {
        display: flex;
    }

    .appinfo {
        right: 10px;
        bottom: 60px;
        transform: none;
        top: auto;
    }

    .mk-navitem {
        gap: 15px;
        /* margin-bottom: 25px; */
        /* margin-top: 25px; */
        text-align: center;
    }

    .sec-heading {
        gap: 10px;
    }

    .mknavbtn {
        border-radius: initial;
    }

    .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        background: #666666;
        opacity: 1;
        margin: 0 5px !important;
        border-radius: 50%;
    }
    
    .swiper-pagination-bullet-active {
        width: 10px !important;
        height: 10px !important;
        background: #A218C9 !important;
        opacity: 1 !important;
    }
    
    .cuspagination {
        position: static !important;
        text-align: center;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 150px;
        max-width: 150px;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        margin: 20px auto 0 auto !important;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
        -ms-overflow-style: none;
        padding: 0;
        box-sizing: border-box;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
    }
    
    .cuspagination::-webkit-scrollbar {
        display: none;
    }
    
    .cuspagination .swiper-pagination-bullet {
        margin: 0 4px !important;
        flex-shrink: 0;
    }

    .testi-content {
        padding: 0;
    }

    .custom-navswiper {
        width: 35px;
        height: 35px;
    }

    .custom-navswiper::after {
        font-size: 12px;
    }

    .testiswipe-nav {
        gap: 10px;
    }

    .swiperbtn-grp {
        margin-top: -28px;
        gap: 50%;
    }

    .mk-navcontainer .btn-a {
        width: 100%;
        margin: 0;
        text-align: center;
        justify-content: center;
    }

    .header-cont {
        /* background: #000000; */
        /* box-shadow: 0 2px 8px #a218c945; */
    }

    .header-cont:has(.navbar-toggler[aria-expanded="true"]) {
        height: 100%;
        background: #000000;
        /* padding: 0; */
    }

    .mk-navbar {
        height: 100%;
        /* padding: 0; */
    }

    .mk-navbar .container {
        height: 100%;
        align-items: flex-start;
    }

    .innerpage-innercontainer {
        padding: 30px 0;
    }

    .innerpage-banner {
        height: 200px;
    }

    .ban-txt {
        font-size: 25px;
    }

    p.content-para {
        font-size: 14px;
        line-height: 1.5;
    }

    .program-enroll-btn {
        margin: 0;
        justify-content: center;
        padding: 10px 10px;
        font-size: 16px;
    }

    .daystxt {
        font-size: 16px;
    }

    .program-info-card .text-secondary-custom {
        font-size: 14px;
    }

    .modalbdytxt {
        font-size: 14px;
        line-height: 1.5;
    }

    .login-container {
        height: calc(100% - 138px);

    }

    .login-innercont {
        max-width: 300px;
    }

    /* Schedule page */
    .session-title {
        font-size: 24px;
    }

    .session-duration,
    .session-level {
        font-size: 14px;
    }

    .join-btn {
        font-size: 14px;
        padding: 5px 15px;
    }

    .schedule-card {
        min-height: 250px;
    }

    .card-overlay {
        padding: 10px;
    }

        .nav-profile {
    position: absolute;
    top: 15px;
    right: 90px;
}
      .nav-profile-menu {
        transform: translateX(-50%);
        left: 30%;
        /* right: 0px; */
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .mk-navbar .navbar-nav .nav-link.active {
        background-color: transparent;
        border-bottom: 1px solid #a218c9;
        width: auto;
        display: inline-block;
    }

    .mk-navitem {
        margin-bottom: 50px;
    }

    .logoparent {
        width: 100%;
    }

    .header-cont.scrolled {
        background: #000000;
        box-shadow: 0 2px 8px #a218c945;
    }

    .mokweb-sections.mk-herosection {
        padding: 0;
        padding-top: 120px;
    }

    .heroimage-cont img {
        margin: auto;
        display: block;
        max-width: 60%;
    }

    .banner-content-title {
        font-size: 42px;
        text-align: center;
        display: flex;
        gap: 9px;
    }

    .banner-content-subtitle {
        font-size: 25px;
    }

    .banner-content-col {
        margin-top: 30px;
        gap: 10px;
    }

    .sectab .nav-pills .nav-link {
        font-size: 14px;
        padding: 10px 14px;
    }

    .sectab .nav-pills {
        gap: 10px;
    }

    .sectab {
        margin-bottom: 20px;
    }

    .spl-prg {
        padding: 20px;
    }

    .splprg-image {
        order: 1;
    }

    .splprg-content {
        order: 2;
    }

    .splprg-image img {
        margin: 0px;
    }

    .splprg-content .subtitle-abt {
        font-size: 25px;
    }

    .prg-innertxt {
        font-size: 12px;
    }

    .diet-secheading .subtitle-abt {
        font-size: 30px;
    }

    .subtitle-feedback {
        font-size: 60px;
        -webkit-text-stroke-width: 2px;
        letter-spacing: 10px;
        text-align: center;
    }

    .about-para {
        font-size: 14px;
    }

    .playbtn {
        margin: 0px;
    }

    .fdbk-content {
        padding: 0px;
    }

    .statsrow {
        padding: 20px;
        row-gap: 20px;
    }

    .stats-content .sts-count {
        font-size: 30px;
        width: 50px;
        flex-grow: 1;
    }

    .stats-content .text-sec {
        font-size: 12px;
        line-height: 1.5;
    }

    .sectab .nav-pills .nav-link {
        font-size: 18px;
    }

    .sectab .nav-pills {
        gap: 20px;
    }

    .subtitle-abt {
        font-size: 50px;
    }

    .splprg-image img {
        max-width: 50%;
        margin: auto auto auto 10%;
        position: static;
        width: 100%;
    }

    .spl-prg {
        padding: 30px;
    }

    .marquee-item {
        font-size: 50px;
    }

    .splprg-content {
        order: 2;
    }

    .mq2 {
        margin-top: 10px;
    }

    .footnavlink {
        font-size: 16px;
    }

    .footbottom-txt {
        margin-top: 20px;
        padding: 20px 0px;
    }

    .footbottom-links {
        justify-content: center;
        margin-top: 20px;
    }

    .cpyrt-txt {
        text-align: center;
    }

    .scrlldwnbtn {
        width: 50px;
        height: 50px;
        padding: 15px;
    }

    .scrolldwnbtn-grp {
        width: 75px;
        height: 75px;
        padding: 8px 13px;
        right: 20px;
        bottom: 20px;
    }

    .appinfotxt {
        display: none;
    }

    .scroll-to-topbtn {
        width: 40px;
        height: 40px;
    }

    .appinfobig {
        display: none;
    }

    .appinfosmall {
        display: flex;
    }

    .appinfo {
        right: 20px;
        bottom: 70px;
        transform: none;
        top: auto;
    }

    .mokweb-sections {
        padding: 50px 0px;
    }

    .mk-navitem {
        gap: 15px;
        /* margin-bottom: 25px; */
        /* margin-top: 25px; */
        text-align: center;
    }

    .sec-heading {
        gap: 10px;
    }

    .mknavbtn {
        border-radius: initial;
    }

    .testi-content {
        padding: 0;
    }

    .custom-navswiper {
        width: 35px;
        height: 35px;
    }

    .custom-navswiper::after {
        font-size: 12px;
    }

    .testiswipe-nav {
        gap: 10px;
    }

    .swiperbtn-grp {
        margin-top: -28px;
        gap: 50%;
    }

    .mk-navcontainer .btn-a {
        width: 100%;
        margin: 0;
        text-align: center;
        justify-content: center;
    }

    .header-cont:has(.navbar-toggler[aria-expanded="true"]) {
        height: 100%;
        background: #000000;
    }

    .mk-navbar {
        height: 100%;
    }

    .mk-navbar .container {
        height: 100%;
        align-items: start;
    }

    .innerpage-banner {
        height: 260px;
    }

    .ban-txt {
        font-size: 30px;
    }

    .innerpage-innercontainer {
        padding: 50px 0;
    }

    .login-container {
        height: calc(100% - 138px);

    }

        .nav-profile {
    position: absolute;
    top: 15px;
    right: 110px;
}
      .nav-profile-menu {
        transform: translateX(-50%);
        left: 50%;
        /* right: 0px; */
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {



    .mk-navbar .navbar-nav .nav-link.active {
        background-color: transparent;
        border-bottom: 1px solid #a218c9;
        width: auto;
        display: inline-block;
    }

    .mk-navitem {
        margin-bottom: 50px;
    }

    .logoparent {
        width: 100%;
    }

    .header-cont.scrolled {
        background: #000000;
        box-shadow: 0 2px 8px #a218c945;
    }

    .mokweb-sections.mk-herosection {
        padding: 0;
        padding-top: 120px;

    }


    .heroimage-cont img {
        margin: auto;
        display: block;
        max-width: 60%;
    }

    .banner-content-title {
        font-size: 56px;
        text-align: center;
        display: flex;
        gap: 9px;
    }

    .banner-content-subtitle {
        font-size: 30px;
    }

    .banner-content-col {
        margin-top: 30px;
        gap: 20px;
    }

    .diet-secheading .subtitle-abt {
        font-size: 30px;
    }

    .sectab .nav-pills .nav-link {
        font-size: 18px;
    }

    .sectab .nav-pills {
        gap: 20px;
    }

    .subtitle-abt {
        font-size: 50px;
    }

    .splprg-image img {
        max-width: 50%;
        margin: auto auto auto 10%;
        position: static;
        width: 100%;
    }

    .spl-prg {
        padding: 30px;
    }

    .marquee-item {
        font-size: 50px;
    }

    .splprg-content {
        order: 2;
    }

    .mq2 {
        margin-top: 10px;
    }

    .footnavlink {
        font-size: 16px;
    }

    .footbottom-txt {
        margin-top: 20px;
        padding: 20px 0px;
    }

    .footbottom-links {
        justify-content: center;
        margin-top: 20px;
    }

    .footbottom-links {
        justify-content: center;
        margin-top: 20px;
    }

    .cpyrt-txt {
        text-align: center;
    }

    .scrlldwnbtn {
        width: 50px;
        height: 50px;
        padding: 15px;
    }

    .scrolldwnbtn-grp {
        width: 75px;
        height: 75px;
        padding: 8px 13px;
        right: 20px;
        bottom: 20px;
    }

    .appinfoimg {
        width: 35px;
    }

    .appinfotxt {
        font-size: 14px;
        left: -4px;
    }

    .mokweb-sections {
        padding: 50px 0px;
    }

    .mk-navitem {
        gap: 15px;
        /* margin-bottom: 25px; */
        /* margin-top: 25px; */
        /* justify-content: center; */
        text-align: center;
    }

    .abt-content {
        padding: 0px;
    }

    .prg-innertxt {
        font-size: 16px;
    }

    .prgcontent-grp {
        padding: 10px 0px;
    }

    .program-name {
        font-size: 30px;
    }

    .instaid-container {
        width: 55px;
    }

    a.instaid span {
        font-size: 12px;
    }

    .subtitle-feedback {
        font-size: 90px;
        text-align: center;
    }

    .fdbktxt {
        font-size: 14px;
    }

    .prsnname {
        font-size: 20px;
    }

    .stats-content .sts-count {
        font-size: 40px;
        flex-grow: 1;
        text-align: center;
    }

    .stats-content .text-sec {
        font-size: 16px;
    }

    .statsrow {
        padding: 30px;
    }

    .mkconact-form .btn-a {
        padding: 15px;
        font-size: 16px;
    }

    .mknavbtn {
        border-radius: initial;
    }

    .testi-content {
        padding: 0;
    }

    .custom-navswiper {
        width: 35px;
        height: 35px;
    }

    .custom-navswiper::after {
        font-size: 12px;
    }

    .testiswipe-nav {
        gap: 10px;
    }

    .mk-navcontainer .btn-a {
        width: 100%;
        margin: 0;
        text-align: center;
        justify-content: center;
    }

    .header-cont:has(.navbar-toggler[aria-expanded="true"]) {
        height: 100%;
        background: #000000;
    }

    .mk-navbar {
        height: 100%;
    }

    .mk-navbar .container {
        height: 100%;
        align-items: flex-start;
    }

    .innerpage-banner {
        height: 260px;
    }

    .ban-txt {
        font-size: 30px;
    }
.swiperbtn-grp {
    margin-top: -30px;
    gap: 20%;
}
    .nav-profile {
    position: absolute;
    top: 15px;
    right: 110px;
}
      .nav-profile-menu {
        transform: translateX(-50%);
        left: 50%;
        /* right: 0px; */
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {

    .mk-navitem .nav-item {
        font-size: 16px;
        margin: 0px 8px;
    }

    .banner-content-title {
        font-size: 100px;
    }

    .banner-content-subtitle {
        font-size: 30px;
    }

    .banner-content-col {
        margin-top: 30px;
        gap: 20px;
    }

    .mk-herosection {
        padding-top: 140px;
    }

    .stats-content .sts-count,
    .subtitle-abt {
        font-size: 45px;
    }

    .card-subtitle {}

    .abt-card .card-subtitle {
        font-size: 20px;
    }

    .card-streamline {
        height: 35px;
    }

    .abt-card {
        height: 100px;
        padding: 15px;
    }

    .program-name {
        font-size: 22px;
    }

    .days-count,
    .prg-innertxt {
        font-size: 14px;
        /*! width: 35px; */
        /*! height: 35px; */
    }

    .days-count {
        width: 40px;
        height: 40px;
    }

    .prgicon {
        width: 12px;
    }

    .prgcontent-grp {
        padding: 5px 0px;
    }

    .cntform-sec {
        padding-top: 0px;
        margin-bottom: 50px;
    }

    .cntlocate-sec .content-col {
        justify-content: center;
    }

    .subtitle-feedback {
        font-size: 90px;
    }

    .stats-content .sts-count {}

    .stats-content .text-sec {
        font-size: 15px;
    }

    a.instaid span {
        font-size: 12px;
    }

    .reels-namecont {
        font-size: 16px;
    }

    .instaid-container {
        width: 52px;
    }

    .footbottom-links {
        justify-content: center;
        margin-top: 20px;
    }

    .cpyrt-txt {
        text-align: center;
    }

    .mk-navbar .navbar-nav .nav-link {
        padding: 6px 10px;
        border-radius: 15px 0px 15px 5px;
    }

    .mk-navitem {
        gap: 0px;
    }

    .appinfoimg {
        width: 35px;
    }

    .appinfotxt {
        font-size: 14px;
    }

    .scrlldwnbtn {
        width: 50px;
        height: 50px;
        padding: 15px;
    }

    .scrolldwnbtn-grp {
        width: 75px;
        height: 75px;
        padding: 8px 13px;
    }

    .abt-card .card-subtitle {
        font-size: 18px;
    }

    .subtitle-abt {
        font-size: 40px;
    }

    .cntform-sec {
        margin-bottom: 30px;
    }

    .mk-footer .brand-logo {
        width: 150px;
    }

    .footnavlink {
        font-size: 18px;
    }

    .mk-navbar .navbar-brand img {}

    .mk-navbar .navbar-brand {
        width: 100px;
    }

    .section-subhead {
        font-size: 16px;
    }

    .subhead-icon {
        width: 20px;
    }

    .about-para {
        font-size: 14px;
    }

    .sectab .nav-pills .nav-link {
        font-size: 18px;
        padding: 10px 25px;
    }

    .spl-prg {
        padding: 40px;
    }

    .marquee-container .swiper-slide {
        font-size: 50px;
    }

    .fdbktxt {
        font-size: 14px;
    }

    .mknavbtn {
        /* border-radius: initial; */
    }

    .nav-profile-menu {
        transform: none;
        left: auto;
        right: 0px;
    }
}

@media (min-width: 1200px) and (max-width: 1400.98px) {

    .mk-navitem .nav-item,
    .btn-a {
        font-size: 16px;
    }

    .banner-content-title {
        font-size: 120px;
    }

    .banner-content-subtitle {
        font-size: 30px;
    }

    .banner-content-col {
        gap: 20px;
    }

    .diet-secheading .subtitle-abt {
        font-size: 40px;
    }

    .program-name {
        font-size: 25px;
    }

    .days-count,
    .prg-innertxt {
        font-size: 16px;
    }

    .prgcontent-grp {
        padding: 10px 0px;
    }

    .appinfoimg {
        width: 35px;
    }

    .appinfotxt {
        font-size: 14px;
    }
    .spl-prg {
        padding: 40px;
    }
}

@media (min-width: 1401px) and (max-width: 1599.98px) {}

@media (min-width: 1600px) and (max-width: 2559.98px) {}

@media (min-width: 2560px) {}