/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/

@media (max-width: 1200px) {

    /* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
    /* &@&@&@&@&@&@&@ Programme Detail Page &@&@&@&@&@&@&@ */
    /* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
    .programme-banner .title * {
        font-size: 34px;
        margin-bottom: 28px;
        margin-bottom: 14px;
    }

    .programme-banner .subtitle * {
        font-size: 20px;
        margin-bottom: 12px;
    }

    .duration-summery .summery li {
        padding-right: 18px;
        margin-right: 18px;
    }

    /* data-analytics */
    .data-analytics .user-message-container {
        gap: 20px;
    }

    .data-analytics .user-message-container .user-message {
        position: relative;
        flex: 0 0 calc(25% - 15px);
        padding: 60px 20px 30px;
    }

    /* Section Menu */
    .section-menu ul {
        gap: 15px;
    }

    .section-menu ul .section-menu-item {
        padding: 8px 15px;
    }
}

@media (min-width: 991px) and (max-width: 1200px) {
    .duration-summery .duration-summery-container .action {
        max-width: fit-content;
    }
}



@media (max-width: 1024px) {
    .duration-summery .summery li {
        padding-right: 10px;
        margin-right: 10px;
    }
}



/* Max-width 991px */
@media (max-width: 991px) {

    /* Common */
    .container-fluid,
    .container-fluid-base,
    .container {
        padding-left: 27px;
        padding-right: 27px;
    }

    /* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
    /* &@&@&@&@&@&@&@ Programme Detail Page &@&@&@&@&@&@&@ */
    /* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
    .application-deadline {
        bottom: 0;
        display: block;
    }

    .data-analytics,
    .overview,
    .outcomes,
    .program-faq,
    .strong-foundation,
    .application-process,
    .enroll-data-analytics {
        padding: 60px 0;
    }


    .duration-summery .duration-summery-container {
        flex-direction: column;
    }

    .programme-banner {
        padding: clamp(35px, 18.33px + 1.39vw, 45px) 0;
        /* 45 to 35, 991 to 393 */
    }

    .programme-banner .programme-banner-container {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        gap: clamp(1.875rem, 1.259rem + 2.508vw, 2.813rem);
        /* 45 to 30, 991 to 393 */
    }

    .programme-banner .banner-data {
        margin: 0 auto;
        text-align: center;
    }

    .programme-banner .subtitle * {
        font-size: clamp(1rem, 0.836rem + 0.669vw, 1.25rem);
        /* 30 to 16, 991 to 393 */
    }

    .programme-banner .title * {
        font-size: clamp(1.625rem, 1.296rem + 1.338vw, 2.125rem);
        /* 34 to 26, 991 to 393 */
    }

    .programme-banner .disc * {
        max-width: unset;
        font-size: clamp(18px, 1.043rem + 0.33vw, 20px);
        /* 20 to 18, 991 to 393 */
    }

    .programme-banner .programme-video-container {
        max-width: 600px;
        width: 100%;
        margin-bottom: 0;
        margin: 0 auto;
    }

    .programme-banner .programme-video-details {
        padding: 26px 26px 0;
        background-color: unset;
        box-shadow: unset;
        outline: 0;
        outline-offset: unset;
    }

    .programme-banner .programme-video-details .title * {
        margin-bottom: 16px;
    }

    .programme-banner .programme-video-details .points li {
        padding-left: 31px;
        margin-bottom: 15px;
    }

    .programme-banner .programme-video-details .action,
    .programme-banner .programme-video-details .date {
        display: none;
    }

    .duration-summery .summery li {
        padding-right: 16px;
        margin-right: 16px;
    }

    .duration-summery .summery li:last-child {
        display: unset;
    }

    .duration-summery .summery li:nth-last-child(2):before {
        display: block;
    }

    /*========== Overview End ==========*/
    .section-menu {
        padding-top: 0px;
    }

    .section-menu .dropdown .btn {
        width: 100%;
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
        padding: 15px 11px 15px 27px;
        background: #ffffff;
        color: #262626;
        font-size: 16px;
        line-height: 150%;
        font-weight: 400;
        border: 1px solid #262626;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    .section-menu .dropdown .dropdown-menu {
        display: none;
        padding: 6px 0;
        border-radius: 0;
        margin: -2px 0 0 !important;
        border: none;
        min-width: 100%;
        width: 100%;
        background: #ffffff;
        border: 1px solid #262626;
        border-top: none;
    }

    .section-menu .dropdown .dropdown-menu.show {
        display: block;

    }

    .section-menu .dropdown .dropdown-menu button {
        display: block;
        padding: 6px 15px;
        color: #262626;
        width: 100%;
        border: 0;
        background-color: #0000;
        text-align: justify;
    }


    /*========== Overview End ==========*/
    .overview .overview-container {
        flex-direction: column-reverse;
        gap: 26px;
    }

    .overview .overview-details .title * {
        font-size: clamp(22px, 1.129rem + 1.00vw, 28px);
        /* 28 to 22, 991 to 393 */
        margin-bottom: clamp(15px, 0.732rem + 0.84vw, 20px);
        /* 20 to 15, 991 to 393 */
    }

    .overview .overview-details .disc * {
        margin-bottom: clamp(15px, 0.732rem + 0.84vw, 20px);
        /* 15 to 20, 991 to 393 */
    }

    /*========== data-analytics ==========*/

    .data-analytics .user-message-container {
        gap: 20px;
        row-gap: 50px;
    }

    .data-analytics .user-message-container .user-message {
        position: relative;
        flex: 0 0 calc(50% - 10px);
        padding: 60px 20px 30px;
    }

    .data-analytics .heading .title * {
        font-size: clamp(22px, 1.129rem + 1.00vw, 28px);
        /* 28 to 22, 991 to 393 */
    }


    /*========== outcomes ==========*/
    .outcomes .heading .title * {
        font-size: clamp(22px, 1.129rem + 1.00vw, 28px);
        /* 28 to 22, 991 to 393 */
        margin-bottom: 30px;
    }

    .outcomes .outcomes-container {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        gap: 30px;
    }


    .outline-accordion .accordion {
        max-width: 100%;
        width: 100%;
    }

    .outline-accordion .accordion-button {
        padding: 15px 15px 0;
    }

    .outline-accordion .accordion-button.collapsed {
        padding: 15px 15px;
    }

    .outline-accordion .accordion-body {
        padding: 4px 41px 15px 49px;
    }

    .outcomes .skills .badges {
        max-width: 100%;
        padding: 10px;
        padding-left: 0;
    }

    .outcomes .skills .title * {
        font-size: clamp(20px, 1.086rem + 0.67vw, 24px);
        /* 24 to 20, 991 to 393 */
        margin-bottom: 10px;
    }


    /* =============== application-process =============== */
    .application-process .application-process-container {
        flex-direction: column;
    }

    .application-process .steps .heading {
        max-width: 100%;
    }

    .application-process .steps .steps-container {
        max-width: 100%;
    }

    .application-process .summery {
        max-width: 100%;
        padding: 28px;
    }

    .application-process .steps .heading .title * {
        font-size: clamp(22px, 1.129rem + 1.00vw, 28px);
        /* 28 to 22, 991 to 393 */
    }

    .application-process .steps .steps-items .title * {
        font-size: 20px;
    }

    .application-process .steps .steps-items .steps-img {
        margin-right: 20px;
    }

    .application-process .summery .title * {
        font-size: 20px;
    }

    .application-process .summery ul li {
        font-size: 16px;
    }

    .application-process .summery ul li:last-child {
        margin-bottom: 0;
    }

    .application-process .steps .steps-container {
        padding-top: 0;
    }

    .application-process .summery ul {
        margin: 0;
    }


    /* =============== FAQs =============== */
    .program-faq .outline-accordion .accordion-body {
        padding: 4px 81px 15px 15px;
    }

    .program-faq .heading .title * {
        font-size: clamp(22px, 1.129rem + 1.00vw, 28px);
        /* 28 to 22, 991 to 393 */
    }

    body:has(.application-deadline) .footer-bottom {
        padding: 14px 0 182px;
    }
}


@media (max-width: 767px) {
    /* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
    /* &@&@&@&@&@&@&@ Programme Detail Page &@&@&@&@&@&@&@ */
    /* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */

    .duration-summery .summery ul {
        flex-direction: column;
        text-align: center;
        align-items: center;
        margin: 0;
    }

    .duration-summery .summery li {
        padding-right: 0px;
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .duration-summery .summery li:last-child {
        margin-bottom: 0;
    }

    .duration-summery .summery li:nth-last-child(2):before {
        display: none;
    }

    .duration-summery .summery li::before {
        display: none;
    }

    .enroll-data-analytics .heading .title * { font-size: 25px; line-height: 25px; }
    .enroll-data-analytics .heading .disc h5 { font-size: 22px; line-height: 22px; }
}




@media (max-width: 575px) {

    .container-fluid,
    .container-fluid-base,
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .btn {
        padding: 10px 22px;
        text-align: center;
        font-size: 15px;
    }


    /* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */
    /* &@&@&@&@&@&@&@ Programme Detail Page &@&@&@&@&@&@&@ */
    /* @&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@&@ */

    /*========== data-analytics ==========*/
    .data-analytics .user-message-container {
        row-gap: 50px;
    }

    .data-analytics .user-message-container .user-message {
        position: relative;
        flex: 0 0 100%;
        padding: 60px 20px 30px;
    }


    /* =============== application-process =============== */
    .application-process .steps .steps-container .steps-items {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .application-process .steps .steps-container .steps-items::before {
        display: none;
    }

    .application-process .steps .steps-items .steps-img {
        margin-bottom: 15px;
        margin-right: 0;
    }
}