@media (min-width: 400px) {
  .t-cell-lymphomas .tcl-hero-section .mobile-bg {
    padding-bottom: 80vw;
  }
}

@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }

  .t-cell-lymphomas .tcl-hero-section .mobile-bg {
    background: center bottom / 100% transparent;
    padding-bottom: 0;
  }

  .t-cell-lymphomas .science-steps-group .science-step .science-step-copy {
    width: 310px;
  }

  .t-cell-lymphomas .science-steps-group .science-step .science-step-image {
    width: 284px;
  }

  .pair-of-content-boxes .grouping .item:first-child:not(.standard-padding) {
    padding-right: 60px;
  }

  .pair-of-content-boxes .grouping .item:last-child:not(.standard-padding) {
    padding-right: 24px;
  }

  .pair-of-content-boxes .grouping .item.standard-padding {
    padding: 44px 40px;
  }

  .pair-of-content-boxes .grouping .item.extra-padding {
    padding: 72px;
  }

  .cta-banner.study-results .copy {
    max-width: 490px;
    margin-right: 60px;
  }

  #what-to-expect-page .cta-banner.callout .copy {
    padding: 0 20px 0 40px;
  }
  .hero-section.what-to-expect-hero .photo-caption {
    bottom: calc(100% - 550px);
  }
  #why-adcetris-page .science-steps-group .science-step .science-step-image {
    width: 284px;  
  }
}

@media (max-width: 576px) {
  .what-to-expect-hero {
    background-position: 0 calc(100% - 0px);
  }
  .chl-tab-slider
    .result-section
    .result-container
    .result-col
    .result-content {
    padding: 30px 16px;
  }
  .cta-banner.callout .copy {
    padding: 32px 0 0;
  }
  .cta-banner.callout .grouping .image-div {
    padding-left: 0;
    padding-right: 0;
  }

  .treatment-considerations section.hero-section.chl-section-hero {
    background-position: 0 calc(100% + 0px);
  }

  .t-cell-lymphomas .tab-main-container {
    border-left: transparent;
    border-right: transparent;
    border-bottom: transparent;
  }

  .tcl-hero-section .cta-btn-blue {
    max-width: unset;
  }

  .chl-tab-slider .deep-component-container {
    border: none;
    border-top: 1px solid hsla(0, 0%, 56%, 0.5);
  }
 
  /* Homepage css */
  #cyf-group .cyf-btn {
    font-size: 15px;
    padding-top: 9px;
    padding-bottom: 9px;
  }

  #cyf-group .hero-bar .callout-cell p {
    max-width: -moz-fit-content;
    max-width: fit-content;
  }

  #cyf-group .indicate-btn-group {
    margin-bottom: 22px;
  }

  #cyf-group .indicate-btn-group .indicate-btn {
    max-width: 422.4px;
    padding: 20px 0 8px 21.2px;
    margin-bottom: 20px;
  }

  #cyf-group .drop-shadow {
    box-shadow: none;
  }

  #cyf-group .hero-bar .title-group {
    max-width: 520px;
    margin: 0 auto;
  }

  #cyf-group .hero-bar .title-group img.people-group {
    max-width: 520px;
  }

  #cyf-group .hero-bar .callout-cell a {
    max-width: 520px;
  }

  .hero-section.resources-hero .hero-copy {
    margin-top: 20px;
  }

  /* cost and resources */
  #resources-page .cta-banner.callout .grouping .image-div {
    padding-left: 0;
    padding-right: 0;
  }

  #resources-page .cta-banner.callout .grouping .image-div img {
    max-width: 100%;
    height: auto;
  }
}
  
@media (min-width: 576px) {
  .science-steps-group .science-step .science-step-copy,
  .science-steps-group .science-step .science-step-image {
    width: 270px;
  }
   #why-adcetris-page .science-steps-group .science-step {
    padding-top: 32px;
  }
  #cyf-group .hero-bar .photo-line p {
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}

@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px;
  }

  section .restrict-width-in-desktop {
    max-width: 68%;
  }

  /* Homepage CSS  */
  #cyf-group .hero-bar .row .pushed {
    padding-left: 100px;
  }

  #cyf-group .hero-bar .container .title-group img.people-group {
    max-width: 800px;
    right: 16px;
  }

  #cyf-group .hero-bar div.photo-line {
    right: 32px;
  }

  #cyf-group .hero-bar .callout-cell {
    left: 304px;
  }

  #cyf-group .indicate-btn-group {
    margin-top: 28px;
    margin-bottom: 28px;
  }

  #cyf-group section.indicate-btn-group .indicate-btn {
    max-width: calc(25% - 22px);
    padding-left: 32px;
  }

  #cyf-group section.indicate-btn-group .indicate-btn .arr {
    right: 24px;
  }

  #cyf-group .indicate-btn-group .indicate-btn.lavendar,
  #cyf-group section.indicate-btn-group .indicate-btn.teal {
    padding-left: 68px;
  }

  #cyf-group .indicate-btn-group .indicate-btn.lavendar .arr,
  #cyf-group section.indicate-btn-group .indicate-btn.teal .arr {
    right: 56px;
  }

  #cyf-group .doctor-bar .picture {
    width: 270px;
  }

  #cyf-group .doctor-bar .message {
    width: calc(100% - 270px);
    padding: 18px 96px 24px 32px;
  }
}

/* diffuse-large-b-cell-lymphoma page */

@media screen and (max-width: 768px) {
  .bcl-study-results .Effects-Col,
  #tabAnchor .Effects-Col {
    padding: 48px 16px 24px;
    margin-bottom: 24px;
    height: auto;
  }

  #tabAnchor .content-1 .Effects-Col .Effects-Icon {
    margin-bottom: 42px;
  }

  #tabAnchor .content-1 .Effects-Col .Effects-Title {
    padding-bottom: 24px;
  }

  #tabAnchor .content-1 .Effects-Col .body-paragraph {
    padding-bottom: 24px;
    margin-bottom: 0;
  }

  #tabAnchor .content-1 .Effects-Col .body-paragraph.no-pad {
    padding-bottom: 0;
  }

  #tabAnchor .content-3 .Effects-Col .Effects-Title {
    padding-bottom: 24px;
  }

  #tabAnchor .content-3 .Effects-Col.long-bottom .body-paragraph,
  #tabAnchor .content-3 .Effects-Col.long-bottom .Effects-Title,
  #tabAnchor .content-3 .Effects-Col.long-bottom .body-paragraph {
    padding-bottom: 10px;
  }
  .CHLSideEffects.Effects-Section .Effects-Col.long-bottom .Effects-Title,
  .CHLSideEffects.Effects-Section .Effects-Col.long-bottom p {
    margin-left: 0;
  }
  #tabAnchor .Effects-Col .body-paragraph {
    margin-bottom: 24px;
  }
  #tabAnchor .Effects-Col .Effects-Title {
    padding-bottom: 24px;
  }
  #tabAnchor .content-3 .Effects-Col .Effects-Icon {
    margin-bottom: 42px;
  }

  #tabAnchor .content-3 .Effects-Col .body-paragraph {
    margin-bottom: 24px;
  }

  .PTCLTab3StudyResults .result-callout-container .result-callout-graph {
    margin-bottom: 24px;
    width: 100%;
  }

  .PTCLTab1StudyResults
    .result-callout-container.untreated
    .white-container
    .results-percent-img-box {
    margin: 5px auto 0;
  }

  .PTCLTab1StudyResults
    .result-callout-container.untreated
    .white-container
    .results-percent-img-box
    .results-percent-img.mobile,
  .PTCLTab3StudyResults .result-callout-container .result-callout-graph.mobile,
  .content-2 .result-study-img.mobile {
    display: block;
  }

  .PTCLTab1StudyResults
    .result-callout-container.untreated
    .white-container
    .results-percent-img-box
    .results-percent-img.desktop,
  .PTCLTab3StudyResults
    .result-callout-container
    .result-callout-graph.desktop {
    display: none;
  }

  .PTCLTab1StudyResults
    .result-callout-container.untreated
    .white-container
    li {
    padding-bottom: 4px;
  }

  .PTCLTab1StudyResults .result-title,
  .content-2 .result-title,
  .content-3 .result-title {
    padding-bottom: 18px;
  }

  .PTCLTab3StudyResults .result-callout-container {
    padding: 30px 15px;
  }

  #tabAnchor .Effects-Col .ml-32 {
    margin-left: 0;
  }

  #tabAnchor .Effects-Col ul {
    padding-bottom: 24px;
  }

  .PTCLTab1StudyResults ul li {
    font-family: var(--font-roboto_sans);
    padding-bottom: 8px;
  }

  .PTCLTab1StudyResults
    .result-callout-container.untreated
    .white-container:first-of-type {
    margin-top: 24px;
  }

  .PTCLTab1StudyResults .result-callout-container.untreated .white-container {
    padding: 24px 16px;
  }

  .PTCLTab1StudyResults ul {
    padding: 0 0 24px 15px;
    margin: 0;
    list-style: none;
  }

  #tabAnchor .Effects-Col.long-bottom {
    flex-direction: column;
    margin-top: 0;
    padding: 45px 16px 0;
  }

  #tabAnchor .Effects-Col.long-bottom .Effects-Icon {
    margin-bottom: 24px;
  }

  #tabAnchor .Effects-Col.long-bottom .Effects-Title,
  #tabAnchor .Effects-Col.long-bottom .body-paragraph {
    margin-left: 0;
  }

  #tabAnchor .Effects-Col .ml-18,
  #tabAnchor .Effects-Col .ml-40 {
    margin-left: 0;
    padding-left: 20px;
  }

  .PTCLTab1content ul {
    padding: 0 0 18px 15px;
    margin: 0;
    list-style: none;
  }
  .PTCLTab1content ul li {
    font-family: var(--font-roboto_sans);
    padding-bottom: 8px;
  }

  .PTCLTab1content ul li:before {
    content: "•";
    color: var(--cyf-teal-dark);
    font-weight: 700;
    display: inline-block;
    width: 16px;
    margin-left: -16px;
  }

  .PTCLTab1content .result-callout-container {
    background: var(--app-light-gray);
    border-radius: 10px;
    padding: 48px 15px;
  }

  .PTCLTab1content .result-callout-container h4 {
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 24px;
    padding-bottom: 8px;
    letter-spacing: 1px;
  }
  #tabAnchor .Effects-Col .Effects-Icon {
    margin-bottom: 24px;
  }
  .PTCLTab1content .result-callout-container.less-top-bottom {
    padding: 24px 15px 10px;
  }

  .PTCLTab1content .result-callout-container ul {
    padding-left: 15px;
    padding-top: 12px;
    margin-left: 0;
  }

  .result-study-img.desktop {
    display: none;
  }

  .result-study-img.mobile {
    margin: 0 0 40px;
  }

  .PTCLTab1content .result-callout-container h4.underline {
    border-bottom: 1px solid var(--bs-teal-anchor);
  }

  .bcl-study-results .Effects-Col.long-bottom .Effects-Icon,
  .bcl-study-results .Effects-Col .Effects-Icon,
  .bcl-study-results .Effects-Col .body-paragraph,
  .PTCLSideEffects.Effects-Section .Effects-Col.long-bottom .Effects-Icon {
    margin-bottom: 24px;
  }

  .bcl-study-results .Effects-Col .Effects-Title {
    padding-bottom: 24px;
  }

  #tabAnchor .Effects-Col .Effects-Icon {
    margin-bottom: 42px;
  }

  .PTCLSideEffects.Effects-Section .Effects-Col.long-bottom .Effects-Title,
  .PTCLSideEffects.Effects-Section .Effects-Col.long-bottom .body-paragraph {
    margin-left: 0;
  }

  .bcl-study-results .Effects-Section .Effects-Col ul {
    padding: 0 28px 32px 16px;
    margin: 0;
    list-style: none;
  }

  .PTCLSideEffects.Effects-Section .Effects-Col.long-bottom {
    flex-direction: column;
    margin-top: 0;
    padding: 45px 16px 0;
  }

  .bcl-study-results .Effects-Col ul {
    padding-bottom: 24px;
  }

  .bcl-study-results .Effects-Col.long-bottom {
    flex-direction: column;
    margin-top: 0;
    padding: 45px 16px 0;
  }

  .bcl-study-results .Effects-Col.long-bottom .Effects-Title,
  .bcl-study-results .Effects-Col.long-bottom .body-paragraph {
    margin-left: 0;
  }

  .bcl-study-results .Effects-Col .ml-18,
  .bcl-study-results .Effects-Col .ml-40 {
    margin-left: 0;
    padding-left: 20px;
  }

  .PTCLTab1StudyResults.result-section-ptcl
    .result-callout-container.untreated {
    padding: 0 15px 20px;
  }

  .PTCLTab1StudyResults.result-section-ptcl
    .result-callout-container.untreated
    .white-container
    li {
    padding-bottom: 4px;
  }

  .diffuse-large-b-cell-lymphoma .PTCLTab1StudyResults.result-section-ptcl ul {
    padding: 0 0 24px 15px;
    margin: 0;
    list-style: none;
  }

  .diffuse-large-b-cell-lymphoma .bcl-study-results .Effects-Col .ml-18,
  .diffuse-large-b-cell-lymphoma .bcl-study-results .Effects-Col .ml-40 {
    margin-left: 0;
    padding-left: 20px;
  }

  .diffuse-large-b-cell-lymphoma
    .PTCLSideEffects.Effects-Section
    .Effects-Col
    .Effects-Icon {
    margin-bottom: 42px;
  }

  .diffuse-large-b-cell-lymphoma
    .PTCLSideEffects.Effects-Section
    .Effects-Col.long-bottom
    .Effects-Icon {
    margin-bottom: 24px;
  }

  body ul.teal2-bullets {
    padding-left: 24px;
    padding-right: 10px;
  }

  .PTCLTab1StudyResults.result-section-ptcl ul li {
    padding-bottom: 8px;
  }

  .PTCLTab1StudyResults.result-section-ptcl
    .result-callout-container.untreated
    .white-container:first-of-type {
    margin-top: 24px;
  }

  .PTCLTab1StudyResults.result-section-ptcl
    .result-callout-container.untreated
    .white-container {
    padding: 24px 16px;
  }
}

@media (min-width: 1200px) {
  .bcl-cta-banner-home .grouping {
    align-items: center;
    padding: 48px;
  }

  .tcl-cta-banner1 .copy {
    padding-left: 40px;
    padding-right: 40px;
  }

  .bcl-cta-banner-home .teal2 br {
    display: inline-block;
  }

  .bcl-cta-banner-home .grouping .item:first-child {
    padding-right: 60px;
  }

  .bcl-hero-section .copy p {
    margin-left: 20px;
    margin-right: 16px;
  }

  .bcl-hero-section .mobile-bg {
    background: center bottom / 100% transparent;
  }

  .science-steps-group-BCL .science-step .science-step-image {
    width: 284px;
  }

  .science-steps-group-BCL .science-step .science-step-copy {
    width: 310px;
  }

  .bcl-cta-banner2 .copy {
    padding-right: 60px;
  }
  .cta-banner.callout .copy {
    padding: 0 20px 0 40px;
  }

  .bcl-cta-banner1 .copy {
    padding-left: 40px;
    padding-right: 40px;
  }

  .care-apps-group .care-app-item .app-download,
  .care-apps-group .care-app-item .app-information {
    padding-left: 15px;
    padding-right: 15px;
  }

  .care-apps-group .care-app-item:first-of-type .app-download,
  .care-apps-group .care-app-item:first-of-type .app-information {
    padding-left: 0;
    padding-right: 30px;
  }

  .care-apps-group .care-app-item:last-of-type .app-download,
  .care-apps-group .care-app-item:last-of-type .app-information {
    padding-left: 30px;
    padding-right: 0;
  }

  .bcl-helpful-links-group .card-grouping {
    max-width: 1140px;
  }

  .bcl-triple-icon-and-copy-group .grouping {
    max-width: 1140px;
  }

  .bcl-triple-icon-and-copy-group .grouping .item {
    padding: 0 0 80px;
  }

  .resources-triple-icon-and-copy-group .grouping {
    max-width: 1140px;
  }

  /* Homepage css */
  #cyf-group .hero-bar .pushed {
    padding-left: 50px;
  }

  #cyf-group .hero-bar .title-group img.people-group {
    max-width: 710px;
    right: 0;
  }

  #cyf-group .hero-bar .photo-line {
    right: 16px;
    bottom: 16px;
  }

  #cyf-group .hero-bar .photo-line p {
    font-size: 16px;
    line-height: 1.31;
  }

  #cyf-group .hero-bar .callout-cell {
    left: 256px;
  }

  #cyf-group .indicate-btn-group .indicate-btn {
    font-size: 20px;
    line-height: 26px;
    padding: 23px 8px 24px 18px;
    position: relative;
  }

  #cyf-group .indicate-btn-group .indicate-btn.lavendar,
  #cyf-group .indicate-btn-group .indicate-btn.teal {
    padding-top: 23px;
    padding-left: 52px;
  }

  #cyf-group .indicate-btn-group .indicate-btn.lavendar .arr,
  #cyf-group .indicate-btn-group .indicate-btn.teal .arr {
    right: 48px;
    bottom: -2px;
  }

  #cyf-group .indicate-btn-group .indicate-btn.blue .arr {
    bottom: -4px;
  }

  #cyf-group .indicate-btn-group .indicate-btn .arr {
    position: absolute;
    right: 4px;
    bottom: -2px;
  }

  #cyf-group .indicate-btn-group .indicate-btn .text br.conditional {
    display: block !important;
    /* conditional display on responsive mode */
  }
}

@media (min-width: 1400px) {
  .bcl-cta-banner-home .grouping {
    padding: 48px 60px;
  }

  .bcl-cta-banner-home .grouping .item:first-child {
    padding-right: 80px;
  }

  .bcl-hero-section .copy p {
    margin-left: 40px;
    margin-right: 32px;
  }

  .science-steps-group-BCL .subheading {
    max-width: 70%;
  }

  .bcl-cta-banner2 .copy {
    padding-right: 100px;
  }

  .bcl-cta-banner1 .copy {
    padding-left: 60px;
    padding-right: 60px;
  }

  .bcl-care-apps-group > .container {
    max-width: 1140px;
  }

  .bcl-helpful-links-group .card-grouping {
    max-width: 1320px;
  }

  .bcl-hero-section .montserrat > br:nth-of-type(2) {
    display: block;
  }

  .bcl-cta-banner-home .body-paragraph {
    padding-right: 48px;
  }

  .care-apps-group > .container {
    max-width: 1140px;
  }
}

@media (min-width: 1200px) {
  .hero-section.longer-text h1 {
    margin-top: 38px;
  }

  /* pediatric-classical-hodgkin-lymphoma page*/
  #why-adcetris-page .science-steps-group .science-step .science-step-copy {
    width: 310px;
  }

  .peds-study-results .peds-result-section .chl-pu-group-1 {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 768px) {
  .peds-study-results .Effects-Section .Effects-Col {
    padding: 26px 16px 24px;
    margin-bottom: 40px;
    height: auto;
  }
  #tabAnchor .Effects-Col.long-bottom .Effects-Title,
  #tabAnchor .Effects-Col.long-bottom .body-paragraph,
  #tabAnchor .content-2 .Effects-Col.long-bottom .Effects-Title,
  #tabAnchor .content-2 .Effects-Col.long-bottom .body-paragraph,
  #tabAnchor .content-3 .Effects-Col.long-bottom .Effects-Title,
  #tabAnchor .content-3 .Effects-Col.long-bottom .body-paragraph {
    margin-left: 0;
  }

  .t-cell-lymphomas .content-2 ul.pd-8 li {
    font-family: var(--font-roboto_sans);
    padding-bottom: 8px;
  }

  #tabAnchor .content-1 .Effects-Col .body-paragraph,
  #tabAnchor .content-2 .Effects-Col .body-paragraph {
    margin-bottom: 24px;
  }

  #tabAnchor .content-2 .Effects-Col .Effects-Title {
    padding-bottom: 24px;
  }

  #tabAnchor .content-1 .Effects-Col.long-bottom .Effects-Title,
  #tabAnchor .content-1 .Effects-Col.long-bottom .body-paragraph {
    margin-left: 0;
  }

  .peds-study-results .Effects-Section .Effects-Col .Effects-Icon,
  .peds-study-results .Effects-Section .Effects-Col.long-bottom .Effects-Icon {
    margin-bottom: 24px;
  }

  .peds-study-results .Effects-Section .Effects-Col .body-paragraph {
    padding-bottom: 10px;
  }

  .peds-study-results .Effects-Section .Effects-Col ul {
    padding-bottom: 24px;
  }

  body.pediatric-classical-hodgkin-lymphoma ul.teal2-bullets {
    padding: 0 28px 0 16px;
  }
  .CHLSideEffects.Effects-Section .effects-glossary-container {
    padding: 40px 15px;
  }
  #tabAnchor .CHLSideEffects .Effects-Col.long-bottom {
    flex-direction: column;
  }
  .CHLSideEffects.Effects-Section .effects-glossary-container p {
    padding-bottom: 8px;
  }
}

@media (max-width: 767px) {
  /* cost and resources page css */
  #resources-page .hero-section.resources-hero .photo-caption {
    bottom: -150px !important;
  }

  #resources-page .seagen-secure-brief h2 {
    text-align: left;
  }

  #resources-page .split-evenly-pair .half ul {
    margin-left: 10px;
  }

  #resources-page h2 {
    font-size: 22px;
  }

  #resources-page .chl-care-apps-group .care-app-item .app-copy ul {
    margin-bottom: 31px;
  }

  #resources-page .cta-banner.callout .copy {
    padding-top: 20px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero-section.chl-section-hero .photo-caption img {
    max-width: 375px;
  }
}

@media (min-width: 1200px) {
  .peds-helpful-links-group .card-grouping {
    max-width: 1140px;
  }

  .peds-card-container .card .icon {
    padding-right: 0;
  }

  .hero-section.mobile-order-reverse.model-note .mobile-bg:after {
    bottom: 20px;
    right: 20px;
  }

  .pediatric-classical-hodgkin-lymphoma
    .resources-triple-icon-and-copy-group
    .grouping
    .item {
    padding: 0 0 80px;
  }
}

@media (min-width: 1400px) {
  .peds-helpful-links-group .card-grouping {
    max-width: 1320px;
  }
}

/* Defaul Header */

@media screen and (min-width: 768px) {
  header .splitter-mobile-navbar-toggle,
  header .splitter-mobile-nav-collapse.active {
    display: none;
  }
}

/* Header variations */
@media screen and (max-width: 991px) {
  .footer-shell:not(.sticky) #isi-sticky-panel {
    padding-left: 0;
    padding-right: 0;
  }

  body.menu-open .primary-nav nav.navbar {
    align-items: flex-start;
    height: calc(100vh - 1px);
    overflow: auto;
    padding-bottom: 0;
    z-index: 9;
  }

  .ptcl-tab-slider .tab-column {
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }

  .ptcl-tab-slider .tab-column {
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }

  .peds-card-container {
    padding-right: 20px;
    padding-left: 20px;
  }

  .peds-card-container .card {
    margin-bottom: 40px;
    margin-right: 0px;
    padding: 30px 20px;
  }

  .peds-card-container .card:last-child {
    margin-bottom: 0px;
  }

  body.menu-open .primary-nav nav.navbar .navbar-collapse.show {
    display: block;
    z-index: 9;
    height: 100%;
  }

  body:not(.menu-open) .primary-nav nav.navbar .navbar-collapse.show {
    display: none;
  }

  .primary-nav nav.navbar.theme-red .navbar-nav .nav-item.extra-link:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 19px;
    right: 21px;
    height: 1px;
    background-color: var(--cyf-light-gray);
  }

  #cyf-group .hero-bar .title-group {
    max-width: 520px;
    margin: 0 auto;
  }

  #cyf-group .hero-bar .callout-cell a {
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
  }

  #cyf-group .small-print {
    margin-left: 18px;
  }

  #what-to-expect-page .cta-banner .grouping .col {
    padding-right: 15px;
    padding-left: 15px;
  }

  .hero-section.resources-hero .hero-copy {
    margin-top: 12px;
  }

  #resources-page .hero-section.chl-section-hero {
    max-height: 600px;
    height: auto;
    background-size: cover;
    padding-bottom: 84vw;
    background-position: 0 calc(100% + 157px);
  }
}

@media screen and (max-width: 576px) {
    /* cost and resources */
  #resources-page .cta-banner.callout .grouping .image-div {
    padding-left: 0;
    padding-right: 0
  }

  #resources-page .cta-banner.callout .grouping .image-div img {
    max-width: 100%;
    height: auto
  }

  .hero-section.resources-hero .hero-copy {
    margin-top: 20px
  }
}

@media screen and (min-width: 1200px) {
  .primary-nav nav.navbar.theme-red .navbar-nav .nav-item {
    width: 103px;
  }

  .resources-triple-icon-and-copy-group .grouping .item {
    padding: 0 0 80px;
  }

  #tabAnchor .content-2 .Effects-Col.long-bottom .Effects-Title,
  #tabAnchor .content-2 .Effects-Col.long-bottom .body-paragraph,
  #tabAnchor .content-3 .Effects-Col.long-bottom .Effects-Title,
  #tabAnchor .content-3 .Effects-Col.long-bottom .body-paragraph {
    margin-left: 32px;
  }

  .primary-nav nav.navbar.theme-red .navbar-nav .nav-item:not(:first-of-type) {
    margin-left: 38px;
  }

  .primary-nav nav.navbar.theme-blue .navbar-nav .nav-item,
  .primary-nav nav.navbar.theme-spa .navbar-nav .nav-item {
    width: 102px;
  }

  .primary-nav nav.navbar.theme-blue.teal2 .navbar-nav .nav-item .nav-link {
    font-size: 16px;
  }

  .primary-nav
    nav.navbar.theme-blue.teal2
    .navbar-nav
    .nav-item:nth-of-type(6) {
    width: 180px;
    margin-left: 30px;
  }

  .primary-nav nav.navbar.theme-spa .navbar-nav .nav-item:nth-of-type(6),
  .primary-nav nav.navbar.theme-blue .navbar-nav .nav-item:nth-of-type(6) {
    margin-left: 30px;
  }
}

/* t-cell-lymphomas page */
@media (min-width: 1200px) {
  .tcl-helpful-links-group .card-grouping {
    max-width: 1140px;
  }

  .tcl-cta-banner2 .copy {
    padding-right: 60px;
  }

  .tcl-hero-section .mobile-bg::after {
    bottom: 20px;
    right: 20px;
  }

  body .model-note::after {
    bottom: 20px;
  }

  .tcl-cta-banner-home .teal-boxed-message {
    padding-right: 54px;
    padding-left: 54px;
  }

  .resources-triple-icon-and-copy-group .grouping {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  body main {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }

  .tcl-helpful-links-group .card-grouping {
    max-width: 1320px;
  }

  .tcl-cta-banner2 .copy {
    padding-right: 100px;
  }

  .tcl-cta-banner1 .copy {
    padding-left: 60px;
    padding-right: 60px;
  }
}