.importance-mdt-page .subnav .jump-link {
    outline: none;
}

.importance-mdt-page .heading .heading__bg .heading__wrapper .heading__text {
    line-height: 28px;
    font-size: 24px;
}

.importance-mdt-page .heading .heading__bg .heading__wrapper {
    max-width: 1038px;
    margin: 0 auto;
    padding: 35px 0px 20px;
    width: 100%;
}

.importance-mdt-page .heading .heading__bg {
    height: 150px;
}

.importance-mdt-page .content-section__full .content-full .content-card-full__wrap .chart-image-wrap {
    max-width: 935px;
    box-shadow: 2px 4px 5px 0 rgba(90, 13, 56, 0.75);
    padding: 24px 18px 18px 22px;
    margin: 0 auto;
    width: 100%;
    
    border-radius: 20px;
    border: 1px solid rgba(63, 68, 68, 0.10);
    background: #FFF;
    box-shadow: 2px 4px 5px 0 rgba(90, 13, 56, 0.75);
}

.importance-mdt-page .content-section__full .content-full .content-card-full__wrap .para-box {
    max-width: 1038px;
    border: 1px solid var(--Maroon, #5A0D38);
    border-radius: 20px;
    margin: 20px auto 40px;
}

.importance-mdt-page .content-section__full .content-full .content-card-full__wrap .para-box p {
    color: #5A0D38;
    font-size: 17px;
    font-family: "lexia", serif;
    font-weight: 600;
    line-height: 21px;
    text-align: center;
    padding: 12px 0px;
    max-width: 700px;
    margin: 0 auto;
}

.importance-mdt-page .content-section__full .content-full .content-card-full__wrap .foot-note {
    max-width: 1038px;
    width: 100%;
    margin: 20px auto 35px;
}

.importance-mdt-page .content-section__full .content-full .content-card-full__wrap .foot-note p {
    font-weight: 100;
    color: #3f4444;
    font-family: "helvetica-neue-lt-pro", sans-serif;
    font-size: 12px;
    line-height: 14px;
}

.importance-mdt-page .two-col__textImage {
    box-shadow: 2px 4px 5px 0 rgba(90, 13, 56, 0.75);
    display: flex;
    max-width: 935px;
    margin: 0 auto;
    border-radius: 20px;
}

.importance-mdt-page .two-col__textImage .two-col-text {
    padding: 50px 33px 50px 70px;
}

.importance-mdt-page .two-col__textImage .two-col-text .title {
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
    color: #000;
    margin-bottom: 22px;
    font-family: "helvetica-neue-lt-pro", sans-serif;
}

.importance-mdt-page .two-col__textImage .two-col-text .title sup {
    font-weight: 700;
}

.importance-mdt-page .two-col__textImage .two-col-text ul {
    list-style-type: disc;
}

.importance-mdt-page .two-col__textImage .two-col-Image {
    position: relative;
    top: 41px;
    left: 22px;
}

.importance-mdt-page .two-col__textImage .two-col-text ul li {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #000;
    font-family: "helvetica-neue-lt-pro", sans-serif;
}

.importance-mdt-page .two-col__textImage .two-col-Image img {
    width: 100%;
    max-width: 543px;
}

.importance-mdt-page .two-col__textImage .two-col-text ul li::marker {
    font-size: 12px;
}

.importance-mdt-page .section-two .content-section__callout {
    margin-bottom: 40px;
}

.importance-mdt-page .section-two .content-section__headline {
    margin: 10px 0 17px;
}

.importance-mdt-page .section-two .content-section__divider {
    width: min(100%, 90%);
}

.importance-mdt-page #two-video-wrap {
    display: flex;
}

.importance-mdt-page #two-video-wrap .video-wrap {
    max-width: 50%;
}

.importance-mdt-page #two-video-wrap .video-wrap>.cmp-container {
    max-width: 100%;
    padding: 20px 50px;
}

.importance-mdt-page #two-video-wrap .video-wrap__transcript-block {
    max-width: 376px;
}

.importance-mdt-page #reference-block .references-block__text span {
    display: block;
    padding-bottom: 8px;
}

.importance-mdt-page img.mobile {
    display: none;
}

.importance-mdt-page img.desktop {
    display: block;
}

.importance-mdt-page #keypoints .key-points__item {
    max-width: 1038px;
    width: 100%;
}
.importance-mdt-page .key-points__head {
     justify-content: flex-start;   
}
.importance-mdt-page #two-video-wrap .video-wrap__transcript-block {
    margin-top: -15px;   
}



@media screen and (max-width: 991px) {
    .importance-mdt-page img.mobile {
        display: block;
    }

    .importance-mdt-page img.desktop {
        display: none;
    }

    .importance-mdt-page .two-col__textImage .two-col-text {
        padding: 25px;
    }

    .importance-mdt-page .two-col__textImage {
        flex-direction: column;
    }

    .importance-mdt-page .two-col__textImage .two-col-Image {
        top: 0px;
        left: 0px;
        margin-bottom: 20px;
    }

    .importance-mdt-page .two-col__textImage .two-col-Image img {
        max-width: 280px;
    }

    .importance-mdt-page .content-section {
        padding: 19px 29px;
    }

    .importance-mdt-page .heading .heading__bg .heading__wrapper .heading__text {
        line-height: 22px;
        font-size: 20px;
    }

    .importance-mdt-page .content-section__full .content-full .content-card-full__wrap .chart-image-wrap {
        padding: 0px;
    }

    .importance-mdt-page .content-section__full .content-full .content-card-full__wrap .chart-image-wrap img.mobile {
        max-width: 332px;
    }

    .importance-mdt-page #two-video-wrap .video-wrap:first-child {
        margin-bottom: 15px;
    }

    .importance-mdt-page .switch-page .switch-page__label {
        max-width: 97px;
    }

    .importance-mdt-page .content-section__full .content-full .content-card-full__wrap .para-box {
        margin: 20px auto 30px;
    }

    .importance-mdt-page .content-section__full .content-full .content-card-full__wrap .foot-note {
        margin: 20px auto 6px;
    }

    .importance-mdt-page .key-points {
        padding: 10px 0 30px;
    }

    .importance-mdt-page .content-section .key-points {
        padding-top: 0px;
    }

    .importance-mdt-page .subnav,
    .importance-mdt-page .heading,
    .importance-mdt-page .content-section,
    .importance-mdt-page .video-wrap,
    .importance-mdt-page .key-points,
    .importance-mdt-page .switch-page,
    .importance-mdt-page .references-block,
    .importance-mdt-page .content-section>.cmp-container,
    .importance-mdt-page .references-block,
    .importance-mdt-page .references-block__text,
    .importance-mdt-page .content-section__callout,
    .importance-mdt-page .video-wrap>.cmp-container,
    .importance-mdt-page .key-points__list,
    .importance-mdt-page .switch-page {
        max-width: 100%;
        width: 100%;
    }

    .importance-mdt-page #two-video-wrap .video-wrap {
        max-width: 100%;
    }

    .importance-mdt-page .video-wrap .cmp-youtubevideo__player,
    .importance-mdt-page .video-wrap__transcript-block,
    .importance-mdt-page .youtubevideo img.cmp-youtubevideo__thumbnail,
    .importance-mdt-page .content-section__headline,
    .importance-mdt-page #two-video-wrap .video-wrap__transcript-toggle,
    .importance-mdt-page #two-video-wrap .video-wrap__transcript-block {
        /*width: 100%;*/
        /*max-width: 100%;*/
        max-width: 228px;
    }
    .importance-mdt-page  .content-section__callout {
        padding: 21px 19px 12px;
    }
    .importance-mdt-page #Impact-on-Survival .content-section__headline{
        padding-right: 20px;
    }
    .importance-mdt-page .section-two .content-section__headline {
        margin: 8px 0 17px;
    }
    .importance-mdt-page .youtubevideo img.cmp-youtubevideo__thumbnail {
        width: 100%;
        height: 100%;
    }

    .importance-mdt-page .subnav .jump-link {
        /*left: 90px;*/
    }

    .importance-mdt-page .subnav .jump-links {
        gap: 90px;
        overflow: auto;
        justify-content: flex-start;
    }
    .importance-mdt-page .subnav .jump-links::before {
        min-width: 600px;
    }

    .importance-mdt-page .heading .heading__bg .heading__wrapper {
        padding: 25px 30px;
    }

    .importance-mdt-page .content-section__full .content-full .content-card-full__wrap .para-box p {
        padding: 20px;
    }
    .importance-mdt-page .switch-page{ padding: 40px 0;}
    .importance-mdt-page #reference-block{padding: 0px;}
    .importance-mdt-page .section-divider.nccn .section-divider__label{
        padding: 10px 15px;
    }
    .importance-mdt-page .switch-page__link--previous .switch-page__arrow {
        top: 0;
    }
    
    .importance-mdt-page .content-section__full .content-full .content-card-full__wrap .chart-image-wrap img {
        border-radius: 20px;
    }
    
    .importance-mdt-page .two-col__textImage .two-col-text .title {
        margin-bottom: 12px;
    }
    
    .importance-mdt-page .switch-page .switch-page__label {
        max-width: 70px;
    }
    
    .importance-mdt-page #Impact-on-Survival .content-section{
        padding-bottom: 27px;
    }
    .cmp-video.dyamic-embed {
        width: 228px;
        height: 128px !important;
    }
    .video .cmp-video__player {
        height: 135px !important;
    }
    .importance-mdt-page #two-video-wrap #container-3bc930e3af .video-wrap__transcript-block {
    margin-top: -8px;
}
}


@media screen and (max-width: 767px) {
    .importance-mdt-page #two-video-wrap {
        flex-direction: column;
    }


    .importance-mdt-page .video-wrap .youtubevideo {
        width: auto;
        margin: 0 auto;
    }

    .importance-mdt-page .video-wrap .cmp-youtubevideo__video {
        height: auto;
    }
    .importance-mdt-page .video-wrap__transcript-block{
    max-width: 228px!important;
}

    .importance-mdt-page .container.responsivegrid.subnav {
        height: auto;
    }
    
    .importance-mdt-page p.sub-nav {
        display: flex;
        padding-block: 7px;
    }
    
    .importance-mdt-page .subnav .jump-links, .importance-mdt-page .subnav .jump-links p.sub-nav:last-child {
        padding-inline: 15px 15px;
    }
    
    .importance-mdt-page .subnav .jump-links p.sub-nav:last-child .jump-link::after {
        right: -19px;
    }
    
    .importance-mdt-page .subnav .jump-links p.sub-nav:last-child .jump-link::before {
        left: -19px;
    }

}

@media screen and (max-width: 450px) {
    .importance-mdt-page .heading .heading__bg .heading__wrapper {
        padding: 15px 60px 15px 30px;
    }
    .importance-mdt-page .section-divider.nccn {
       height: 5px;
    }
}
@media screen and (min-width: 992px) {
    .importance-mdt-page .subnav .jump-links {
        gap: 365px;   
    }
    
}

@media screen and (min-width: 1300px) {
    .importance-mdt-page .heading .heading__bg,
    .heading .heading__bg,
    #optimizing-crt .os-banner--section {
        height: 11vw;
    }
}
@media screen and (min-width: 390px) and (max-width:566px){
     .importance-mdt-page .subnav .jump-links::before {
         min-width: auto;
        left: 20px;
        max-width: 348px;
  }
}
@media screen and (min-width: 567px) and (max-width:767px){
     .importance-mdt-page .subnav .jump-links::before {
         min-width: auto;
        left: 70px;
        max-width: 525px;
  }
}
@media screen and (min-width: 768px) and (max-width:991px){
    .importance-mdt-page .subnav .jump-links::before {
        min-width: auto;
        left: 70px;
        width: 495px;   
    }

}

@media only screen and (min-width: 400px) and (max-width: 450px) {
    .importance-mdt-page .heading .heading__bg .heading__wrapper {
        padding-top: 7%;        
    }
}
@media only screen and (min-width: 451px) and (max-width: 676px){
    .importance-mdt-page .heading .heading__bg .heading__wrapper {
        padding-top: 9%;        
    }
}
@media only screen and (min-width: 677px) and (max-width: 991px){
    .importance-mdt-page .heading .heading__bg .heading__wrapper {
        padding-top: 6%;        
}
}

@media screen and (min-width: 768px) and (max-width: 1189px) {
    
     .importance-mdt-page br.md-v {
        display: block;
    }
    
    .importance-mdt-page .container.responsivegrid.subnav {
        height: auto;
    }
    
    .importance-mdt-page p.sub-nav {
        display: flex;
        align-items: center;
        padding-block: 7px;
        justify-content: center;
        text-align: center;
    }
    
    .importance-mdt-page .subnav .jump-links {
        justify-content: space-around;
    }
}