/* mobile responsiveness */

@media all and (max-width: 1399px) {

    .banner-inner-content {
        margin-left: calc(100% - 548px);
    }

    .banner-inner-content h1 {
        font-size: 36px;
    }

    .expert-single {
        max-width: 270px;
    }

    .expert-image {
        width: 270px;
        height: 270px;
    }

    .expert-name h3 {
        font-size: 20px;
    }

    .experts-list {
        gap: 40px;
    }

    .box {
        max-width: 510px;
    }

    .ambitious-wrap .box .icon {
        margin-right: 18px;
        max-width: 70px;
    }

}

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

    .banner-inner-content {
        margin-left: calc(100% - 454px);
        padding-top: 0;
    }

    .banner-inner-content h1 {
        font-size: 32px;
    }

    .banner-cta a.btn-filled {
        font-size: 16px;
        max-width: 200px;
        padding: 15px 0;
    }

    .banner-cta a.btn-outline {
        max-width: 200px;
        font-size: 16px;
        padding: 14px 0;
    }

    .outcomes-tabs {
        grid-template-columns: 376px 1fr;
        padding: 40px 40px 40px 0;
    }

    .tabs-wrap button {
        margin-left: 20px;
        display: flex;
        align-items: center;
        text-align: left;
        font-size: 18px;
        padding: 12px 40px 12px 12px;
    }

    .tabs-wrap button.active:before {
        left: -20px;
    }

    .tabs-content-wrap {
        padding-left: 30px;
    }

    .outcomes-tabs .tabcontent h3 {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 12px;
    }

    .outcomes-tabs .tabcontent p {
        line-height: 36px;
    }

    .outcomes-head {
        margin-bottom: 50px;
    }

    .parent-wrap::after {
        display: none;
    }

    .ambitious-wrap {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 50px;
    }

    section.our-students .ambitious-wrap:last-child {
        padding-top: 50px;
    }

    .service-text {
        padding: 0 50px 0 0;
    }

    .services-list .service-single:nth-child(even) .service-text {
        order: 2;
        padding: 0 0 0 50px;
    }

    .apply-heading h1 {
        font-size: 24px;
    }

    .apply-description h2 {
        padding: 20px 0 12px;
    }
}

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

    .banner-inner-content {
        margin-left: 0;
        padding: 0 20px;
    }
    .banner-sec{
        padding: 50px 0;
    }
    .banner-img {
        text-align: unset;
        margin: 60px auto 0;
        max-width: 500px;
        width: 100%;
    }

    .overview-img {
        text-align: center;
        margin-top: 70px;
    }

    .outcomes-tabs {
        grid-template-columns: 1fr;
        padding: 20px 20px 20px 0;
    }

    .tabs-content-wrap {
        padding-left: 20px;
        margin-top: 30px;
    }

    .tabs-wrap {
        border-right: none;
    }

    .our-mission {
        padding: 80px 0 280px;
    }

    .sec-heading {
        font-size: 32px;
    }

    .outcomes-head h2, .timeline-heading h2, .experts-heading h2, .services-heading h2, .mission-heading h2 {
        font-size: 32px;
    }

    .timeline-wrap {
        padding: 100px 0 250px;
    }

    .timeline-box-head span {
        font-size: 22px;
    }

    .timeline-boxes-wrap .timeline-boxes:nth-child(1) .timeline-box:nth-child(1)::after {
        width: 51px;
        right: -51px;
    }

    .timeline-boxes-wrap .timeline-boxes:nth-child(1) .timeline-box:nth-child(2)::before {
        width: 51px;
        left: -51px;
    }

    .timeline-boxes-wrap .timeline-boxes:nth-child(2) .timeline-box:nth-child(1)::after {
        width: 51px;
        right: -51px;
    }

    .timeline-boxes-wrap .timeline-boxes:nth-child(2) .timeline-box:nth-child(2)::before {
        width: 51px;
        left: -51px;
    }

    .timeline-boxes-wrap .timeline-boxes:nth-child(3) .timeline-box:nth-child(1)::after {
        width: 51px;
        right: -51px;
    }

    .service-single {
        grid-template-columns: 1fr;
    }
    .services-list .service-single:not(:last-child) {
        margin-bottom: 50px;
    }
    .services-list .service-single:nth-child(even) .service-text {
        order: 1;
        padding: 0;
    }

    .service-text {
        padding: 0;
    }

    .service-image {
        margin-top: 50px;
    }

    .services-heading {
        margin: 0 auto 40px;
    }

    .services-wrap {
        padding-bottom: 50px;
    }

    .key-dates {
        padding: 100px 0;
    }

    .ambitious-wrap .box .icon {
        margin-right: 16px;
        max-width: 60px;
    }
}

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

    .banner-sec{
        padding: 40px 0 50px;
    }
    .btn-banner {
        text-align: center;
    }

    .banner-cta {
        justify-content: center;
        flex-direction: column;
        gap: 24px;
    }

    .banner-inner-content {
        text-align: center;
    }

    .banner-inner-content h1 {
        font-size: 26px;
    }

    .abt-description {
        text-align: center;
    }

    .overview-btn a.btn-filled {
        max-width: 170px;
        padding: 14px 0;
        margin: 24px auto 0;
    }
    .banner-cta a.btn-filled{
        font-size: 14px;
    }
    .banner-cta a.btn-outline {
        margin: 0 auto;
        font-size: 14px;
    }

    .timeline-boxes-wrap .timeline-boxes:nth-child(1) .timeline-box:nth-child(1)::after {
        display: none;
    }

    .timeline-boxes-wrap .timeline-boxes:nth-child(1) .timeline-box:nth-child(2)::before {
        display: none;
    }

    .timeline-boxes-wrap .timeline-boxes:nth-child(2) .timeline-box:nth-child(1)::after {
        display: none;
    }

    .timeline-boxes-wrap .timeline-boxes:nth-child(2) .timeline-box:nth-child(2)::before {
        display: none;
    }

    .timeline-boxes-wrap .timeline-boxes:nth-child(3) .timeline-box:nth-child(1)::after {
        display: none;
    }

    .timeline-boxes-wrap:after {
        display: none;
    }

    .timeline-boxes-wrap .timeline-boxes:nth-child(1) .timeline-box:nth-child(2) {
        transform: none;
    }

    .timeline-boxes-wrap .timeline-boxes:nth-child(2) .timeline-box:nth-child(1) {
        transform: none;
    }

    .timeline-boxes-wrap .timeline-boxes:nth-child(2) .timeline-box:nth-child(2) {
        transform: none;
    }

    .timeline-boxes-wrap .timeline-boxes:nth-child(3) .timeline-box:nth-child(1) {
        transform: none;
    }

    .timeline-boxes {
        flex-direction: column;
    }
     
    .timeline-boxes-wrap .timeline-boxes .timeline-box{
        margin-bottom: 40px;
    }
    .timeline-boxes-wrap .timeline-boxes:last-child .timeline-box{
        margin-bottom: 0;
    }
    .our-mission {
        padding: 50px 0 280px;
    }
    .outcomes-wrap{
        padding: 50px 0;
    }
    .about-us {
        padding: 50px 0;
    }
    .timeline-heading {
        margin-bottom: 50px;
    }
    .key-dates {
        padding: 50px 0;
    }
    .mission-wrap{
        padding: 50px 0;
    }
    .timeline-wrap {
        padding: 60px 0 50px;
    }

    .ambitious-wrap {
        grid-template-columns: 1fr;
    }

    .our-students {
        padding: 50px 0;
    }   
    .experts-wrap {
        padding: 50px 0;
    }
    .experts-heading{
        margin-bottom: 35px;
    }
    .box {
        align-items: center;
        flex-direction: column;
        gap: 10px;
    }

    .box-description h2 {
        text-align: center;
    }

    .our-students span.label {
        max-width: max-content;
        margin: 0 auto 16px;
        display: block;
    }  
    
    .our-students .sec-heading {
        text-align: center;
    }

    section.our-students p {
        text-align: center;
    }

    .date-box {
        flex-direction: column;
    }

    .apply-details, .bootcamp-details {
        width: 100%;
        padding: 30px 20px;
    }

    .apply-details {
        margin-bottom: 30px;
    }

    .input-fields-wrap {
        flex-direction: column;
    }

    .join-form-wrap {
        padding: 40px 20px;
    }

    .service-text img {
        max-width: fit-content;
        display: block;
        margin: 0 auto 16px;
    }

    .service-text h3 {
        text-align: center;
        font-size: 24px;
    }

    .ambitious-wrap .box .icon {
        margin-right: 0;
    }

    .thankyou-inner h1 {
        font-size: 42px;
    }

    .topbar.inner {
        padding-bottom: 0;
    }

    
}

@media all and (max-width: 767px) {

    .logo {
        text-align: center;
        margin-bottom: 30px;
    }

}

@media all and (max-width: 575px) {

    .banner-cta a.btn-filled {
        font-size: 14px;
    }

    .btn-filled {
        font-size: 14px;
        padding: 14px 0;
    }

    .form-btn .btn-filled {
        padding: 14px 60px;
    }

    span.label {
        font-size: 14px;
    }

    .sec-heading {
        font-size: 24px;
    }

    .outcomes-head h2, .timeline-heading h2, .experts-heading h2, .services-heading h2, .mission-heading h2 {
        font-size: 24px;
    }

    .outcomes-head {
        margin-bottom: 30px;
    }

    .tabs-wrap button.active:before {
        left: -16px;
    }

    .tabs-wrap button {
        margin-left: 16px;
    }

    .btn-banner a.btn-outline {
        border-radius: 8px;
        margin-right: 12px;
    }

    .btn-banner a.btn-filled {
        padding: 12.5px 28px;
    }

    .mission-img {
        padding: 0 30px;
    }

    .timeline-box-head span {
        font-size: 18px;
    }

    .timeline-box-body h3 {
        font-size: 18px;
    }

    .timeline-heading {
        margin-bottom: 40px;
    }

    span.note {
        font-weight: 500;
        font-size: 16px;
    }

    .apply-description h2 {
        font-size: 20px;
    }

    .checkbox-inner .checkbox-single label {
        display: grid;
        grid-template-columns: 30px 1fr;
    }

    .service-text h3 {
        font-size: 22px;
    }

    .outcomes-tabs .tabcontent h3 {
        line-height: 32px;
    }


}

@media all and (max-width: 475px) {

    
    .timeline-wrap {
        padding: 100px 0 50px;
    }

}

@media all and (max-width: 375px) {

    .timeline-wrap {
        padding: 150px 0 70px;
    }

}