/* /content/dam/intelligentcontent/unbranded/dualcopdburden-microsite/us/en/css/compability.css */

@media only screen and (max-width: 389px) {
  /* home section start */
#home #campaign-container #campaign-third-container .campaign-text-2 span.text-nowrap {
        white-space: break-spaces;
    }
  #home #section-two #section-two-box #second-div .button .cmp-button {
    padding: 18px 10px;
    width: 100%;
    max-width: 100%;
    display: block;
  }

  #home #section-two #section-two-box #second-div .button {
    max-width: 100%;
    width: 100%;
  }

  #home #hero-content .button .cmp-button:after {
    display: inline-block;
    position: relative;
    right: 0;
    top: 2px;
  }

      #home #section-two #section-two-box #second-div .button .cmp-button__text {
        font-size: 14px;
        width: 100%;
        max-width: 208px;
        display: inline-block;
    }

  #home
    #CTA-background
    #CTA-section
    #cta-button-container
    .cmp-button__text:after {
    display: inline-block;
    position: relative;
    top: 0;
    right: 0;
  }

  #home #CTA-background #CTA-section #cta-button-container .cmp-button__text {
    display: flex;
    align-items: center;
  }

  #home #CTA-background #CTA-section #cta-button-container #cta-button-one,
  #home #CTA-background #CTA-section #cta-button-container .button,
  #home #CTA-background #CTA-section #cta-button-container #cta-button-two {
    padding: 15px 20px;
    max-width: 500px;
    width: 100%;
    display: flex;
    justify-content: center;
  }

  #home #CTA-background #CTA-section #cta-button-container .button {
    padding: 0;
  }

  #home #CTA-background #CTA-section #cta-button-container {
    gap: 50px;
  }

  #il33-duality .arrow-box {
    width: 100%;
  }

  #il33-duality #reduced-accordion .cmp-accordion__header {
    flex: 0 0 83px;
    width: 83px;
  }

  #il33-duality #reduced-accordion .cmp-accordion__header:has(.right-arrow) {
    flex: 0 0 87px;
    width: 87px;
  }

  #il33-duality #reduced-accordion .accordion-title {
    font-size: 12px;
    text-align: center;
  }

  #il33-duality .tooltip {
    left: 94%;
  }

  #il33-duality .full-arrow::after {
    width: 94px;
    top: -29px;
    left: -27%;
  }

  #il33-duality .small-arrow::after {
    left: 51%;
    width: 11px;
  }

  #il33-duality .green-borders.green-background::after {
    top: -36px;
    right: -8.1%;
    width: 107px;
  }

  #il33-duality .text-video {
    font-size: 18px;
  }

  /* global section start */
  #il33-exacerbations #global-accordion ol li {
    word-wrap: break-word;
  }
  #tozo-navigation-block .navigation-overlay.show {
            top: 93px;
    width: 100%;
    max-width: 67%;
  }
  #global-buttons #image-and-text-container {
    flex: 0 0 85%;
  }

  #global-buttons #image-and-text-container p {
    flex: 0 0 60%;
  }

  #global-buttons .button-text {
    font-size: 16px;
  }

  #il33-exacerbations #common-symptoms-container {
    align-items: flex-start;
  }

  #il33-exacerbations #common-symptoms-container {
    padding: 20px 19px 100px;
  }

  #il33-resources #buttons-pdfs-container .button-pdf-text,
  #il33-resources #buttons-pdfs-container .button-pdf-text.less-space {
    flex: 0 0 52%;
  }
  #il33-resources
    #signup
    #tozo-content-container
    #signup-tozo-flex-container
    .tozo-form.cmp-dynamicform-v2
    .cmp-dynamicform__generated-form
    .cmp-dynamicform__form-group:nth-child(6) {
    margin: 0;
  }

  #il33-symptoms #common-symptoms-container #left-item {
    padding: 20px 20px 38px;
  }

  #il33-symptoms .big-text-container .first-one {
    font-size: 39px;
  }

  #il33-symptoms #mucus-plugs-container #green-lungs-image,
  #il33-symptoms #mucus-plugs-container #green-mark-image {
    width: 76px;
  }
#il33-symptoms .big-text-container .item-2 .first-one {
        min-width: 105px;
    }
     #il33-symptoms #global-accordion ol a{
    word-break:break-all;
  }
  #il33-symptoms #mucus-plugs-container .text-title.purple-color {
    font-size: 17px;
  }

  #il33-symptoms #mucus-plugs-container .big-text-container .purple-big-text,
  #il33-symptoms #mucus-plugs-container .purple-big-text.two-texts .second-one {
    font-size: 38px;
  }

  #il33-symptoms .big-text-container .item-1,
  #il33-symptoms .big-text-container .item-2 {
    gap: 25px;
  }

  #il33-symptoms #dysfunction-container .text-title {
    font-size: 19px;
  }

  #il33-symptoms #global-buttons #image-and-text-container p {
    flex: 0 0 64.4%;
  }

  #tozo-navigation-block #tozo-stay-informed-container #mobile-topnav-stay {
    padding: 9px 1.514vw;
  }
  #tozo-navigation-block .ic-hamburger .hamburger-wrapper {
    top: 50px;
  }
  #tozo-shadow-header::after {
    left: -2px;
  }

  #tozo-header-global #tozo-shadow-header {
    height: 101px;
  }

  #tozo-shadow-header::after {
    bottom: -15%;
  }

  #instructs-for-use-new .grey-information {
    width: 100%;
  }

  /* tozo global section end */
  #il33-duality #ed-container #colourArrows #txt-arrow-container .arrow-container .path-right-arrow {
    margin-left: 6.862vw;
}

#il33-duality #duality-section #duality-box-2,
  #il33-duality #duality-section #duality-box1{
width:100%;
  max-width: 126px;
          min-height: 256px;
        justify-content: flex-start;
}

  #il33-duality #ed-container #colourArrows #txt-arrow-container .arrow-container .path-right-arrow .abs-text p {
    max-width: 80%;
    width: 100%;
}
    a.exit-ramp-continue.skip-exit-ramp, .exit-ramp-cancel.close-exit-ramp {
        max-width: 242px;
        width: 100%;
    }
}

@media only screen and (min-width: 391px) and (max-width: 991.5px) {
  /* home section start */
  #home #hero-content #hero-text p {
    padding-bottom: 10px;
}
#home .cmp-container__backgroundImage--enabled {
    height: 89.59vw;
}
 #home #cycle-content #campaign-sec-container .image .cmp-image{
      max-width: 99%;
      margin: 0 auto;
}
  #home #campaign-container{
    max-width:90%;
    padding: 0 0px 30px;
  }
  #home #section-two #section-two-box #second-div .button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
  }

  #home #section-two #section-two-box #second-div .button .cmp-button {
            max-width: 314.5px;
    padding-right: 48px;
  }

  #home
    #CTA-background
    #CTA-section
    #cta-button-container
    .cmp-button__text:after {
    position: relative;
    display: inline-block;
    top: 4px;
    width: 23px;
    height: 22px;
  }

  #home #CTA-background #CTA-section #cta-button-container #cta-button-one,
  #home #CTA-background #CTA-section #cta-button-container #cta-button-two {
    padding: 15px 0;
    width: 100%;
    max-width: 358px;
  }

  #home #CTA-background #CTA-section #cta-button-container .cmp-button__text {
    margin-bottom: 5px;
  }

  #home #CTA-background #CTA-section #cta-button-container .button {
    width: 100%;
    max-width: 358px;
  }

  #il33-duality #images-container .image {
    display: flex;
    justify-content: center;
  }

  #il33-symptoms #body-wrapper {
    margin-top: 84px;
  }

  #il33-symptoms #mucus-plugs-container #flex-container {
    justify-content: flex-start;
  }
#il33-symptoms #mucus-plugs-container .big-text-container .item-2 .purple-big-text {
    width: 122px;
}
  #il33-symptoms #big-h2 h2 span br.mobile-only{
    display:none;
  }
    #il33-resources #frequently-asked-questions-container > div:nth-child(3) .cmp-accordion__title br.mobile-only,
    #il33-resources #frequently-asked-questions-container > div:last-child .cmp-accordion__title br.mobile-only{
    display:none;
  }
  #il33-resources
    #signup
    #tozo-content-container
    #signup-tozo-flex-container
    .tozo-form.cmp-dynamicform-v2
    .cmp-dynamicform__generated-form
    .cmp-dynamicform__form-group:nth-child(7) {
    width: 100%;
    max-width: 100%;
  }

  #il33-resources #background-border,
  #il33-resources #background-border-right-item {
    justify-content: center;
    flex-direction: column;
  }
  #il33-resources #three-video-container{
    flex-wrap:nowrap;
    flex-direction:column;
    max-width: max-content;
  }
  #il33-resources .text-title.il-33-video-text{
        padding: 0 15px;
        margin: 30px 0 0;
  }
  #il33-duality #duality-section,
  #il33-duality #ed-container #colourArrows #txt-arrow-container .arrow-container{
  justify-content:center;
}
#il33-duality #ed-container #colourArrows #txt-arrow-container .arrow-container .path-right-arrow .abs-text {min-width: 24.167vw;margin-top: 2px;}

#il33-duality #ed-container #colourArrows #txt-arrow-container .arrow-container .path-right-arrow {
    margin-left: 4.722vw;
}

#il33-duality #ed-container #colourArrows #txt-arrow-container .arrow-container .path-left-arrow {
    margin-left: 3.819vw;
}
}

@media screen and (min-width: 761px) and (max-width: 991px) {
  #il33-exacerbations #common-symptoms-container #old-women-image img {
    width: 250px;
    height: 201px;
  }

  #tozo-navigation-block #tozo-stay-informed-container #mobile-topnav-stay {
    left: 61.114vw;
  }
      #home .cmp-container__backgroundImage--enabled {
        height: 78.59vw;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1439px) {
  /* home section start */
  #home #cycle-content {
    height: fit-content;
}
      #home #banner-botton-content {
        max-width: 87.361vw;
        margin: 0;
        /* padding-left: 3.611vw; */
        padding-left: 70px;
                top: -67px;
    }
      #home .cmp-container__backgroundImage--enabled {
        min-height: 49.514vw;
        margin-left: 4.861vw;
        margin-top: 4.722vw;
    }
      #home #campaign-container {
        padding: 0px 0px 4.444vw 0;
        max-width: 61.389vw;
        margin: 4.167vw auto 27.292vw;
    }
     #home #section-two #section-two-box {
        padding: 3.472vw !important;
        max-width:61.389vw !important;
        top: -27.292vw !important;
        gap: 3.472vw !important;
    }
    #home #CTA-background #CTA-section {
        padding-top: 14.806vw !important;
    }
      #home #hero-content {
        max-width: 87.5vw;
        padding: 11.111vw 0 0 1.389vw;
    }
      #home #banner-botton-content .title h2 {
        font-size: 36px;
        line-height: 100%;
        text-align: left;
        padding-top: 0px;
        padding-bottom: 0px;
        max-width: 80%;
        margin: 0;
    }
  #home #section-two #section-two-box #second-div .button .cmp-button:after {
    top: 17px;
    right: 11px;
}
  #home #CTA-section #cta-greybox {
    gap: 129px;
  }
  #home #CTA-background #CTA-section {
    padding-top: 11.111vw;
  }

  #home #section-two #section-two-box #second-div p {
    font-size: clamp(0.9375rem, 0.2478rem + 1.1136vw, 1.25rem);
    padding-bottom: 1.25vw;
  }

  #home #section-two #section-two-box #second-div #lung-one-sub h2,
  #home #section-two #section-two-box #second-div #lung-two-sub h2 {
    font-size: clamp(1.0625rem, 0.0969rem + 1.559vw, 1.5rem);
    line-height: clamp(1.375rem, -0.2803rem + 2.6726vw, 2.125rem);
  }

  #home #section-two #section-two-box {
    padding: 3.125vw 3.472vw;
    gap: 2.083vw;
    margin: 0 1.042vw;
    max-width: 62.361vw;
    top: 78%;
  }

  #home #hero-content #hero-title {
    padding-top: 0px;
    padding-bottom: 1.736vw;
  }

  #home #hero-content #hero-title h1 {
    font-size: clamp(2.5rem, -1.3625rem + 6.2361vw, 4.25rem);
  }

  #home #hero-content #hero-text p {
    font-size: clamp(1rem, 0.7241rem + 0.4454vw, 1.125rem);
    padding-bottom: 10.417vw;
  }

  #home #hero-content .button #hero-button {
    font-size: clamp(0.9375rem, 0.5237rem + 0.6682vw, 1.125rem);
    padding: 1.25vw 3.125vw 1.25vw 1.736vw;
  }

  #home #section-two .section-two-text {
    font-size: clamp(1.25rem, -0.4053rem + 2.6726vw, 2rem);
  }

  #home #arrow-down {
    margin-left: 9.375vw;
    margin-bottom: 5px;
  }

  #home #hero-content .button .cmp-button:after {
    top: 1.667vw;
    right: 1.36vw;
  }

  #home #section-two #section-two-box #second-div .button .cmp-button__text {
    font-size: clamp(0.875rem, 0.3232rem + 0.8909vw, 1.125rem);
  }

  #home #section-two #section-two-box #second-div .button .cmp-button {
    padding: 1.25vw 1.736vw;
    padding-right: 3.403vw;
  }

  #home #section-two .button .cmp-button:after {
    top: 1.458vw;
  }

  #home #section-two #epithelium-icon {
    margin-left: 6.25vw;
    width: 8.611vw;
  }

  #home #section-two #section-two-box #first-div #lung-one:after {
    width: 9.444vw;
    height: 7.986vw;
    background-size: contain;
  }

  #home
    #CTA-background
    #CTA-section
    #cta-button-container
    .cmp-button__text:after {
    display: inline-block;
    position: relative;
    top: 0;
    right: 0;
  }

  #home #CTA-background #CTA-section #cta-button-container .cmp-button__text {
    display: flex;
    align-items: center;
  }

  #home #CTA-background #CTA-section #cta-button-container #cta-button-one,
  #home #CTA-background #CTA-section #cta-button-container .button,
  #home #CTA-background #CTA-section #cta-button-container #cta-button-two {
    padding: 1.25vw 1.25vw;
    max-width: 500px;
    width: 100%;
    display: flex;
    justify-content: center;
  }
  #cycle-content #campaign-sec-container .image .cmp-image{
      max-width: 49.514vw;
    margin: 0 auto;
}
#il33-symptoms #common-symptoms-container > div.title:first-child,
   #il33-symptoms #common-symptoms-container > div.text:last-child{
flex: 0 0 100%;
}  
#il33-symptoms #common-symptoms-container > div:nth-child(2) {
          flex: 0 0 25.5%;
                  margin-right: 30px;
        margin-left: 9px;
}
    #il33-symptoms #common-symptoms-container > div:nth-child(3) {
                flex: 0 0 69.4%;
}
#il33-resources #buttons-pdfs-container .title{
  flex: 0 0 100%;
}
#il33-resources #buttons-pdfs-container > div:nth-child(2),
  #il33-resources #buttons-pdfs-container > div:nth-child(3){
  flex: 0 0 48.27%;
}
#il33-resources #more-information-container{
    flex-direction:column;
    align-items: flex-start;
}
#il33-resources #more-information-container div:last-child{
          flex: 0 0 100%;
}
#il33-resources #buttons-pdfs-container .green-background {
gap:22px;
}
}

@media screen and (min-width: 992px) and (max-width: 1300px) {
        #home #CTA-background #CTA-section {
        padding-top: 20.806vw !important;
    }
  /* duality section start */
#home #section-two #section-two-box {
        top: 81%;
    }
    #home #section-two #arrow-down {
        top: 66.5%;
    }
  #il33-duality #reduced-il-section {
    padding: 0 15px;
  }

  #il33-duality #more-information-container {
    padding: 40px 15px;
  }

  #il33-duality #title-section {
    padding: 88px 15px 58px;
  }

  #il33-duality #reduced-il-section .container.responsivegrid:has(#left-item),
  #il33-duality #reduced-il-section .container.responsivegrid:has(#right-item) {
    flex: 0 0 37.8%;
  }

  #il33-duality #body-wrapper > div:nth-child(3) {
    padding: 0 15px;
  }

  #il33-duality #dysregulation-container {
    margin: 0 15px;
  }

  #il33-duality
    #reduced-accordion
    .cmp-accordion__item:has(#orange-accordion-content),
  #il33-duality
    #reduced-accordion
    .cmp-accordion__item:has(#green-accordion-content) {
    flex: 0 0 35%;
    width: 35%;
  }

  #il33-duality #reduced-accordion .cmp-accordion__item:has(.right-arrow) {
    flex: 0 0 23%;
    width: 23%;
  }

  #il33-duality #reduced-accordion .cmp-accordion__header {
    flex: 0 0 100%;
    width: 100%;
  }

  #il33-duality #reduced-accordion .cmp-accordion__header:has(.right-arrow) {
    width: 100%;
  }

  #il33-duality .right-arrow::after {
    width: 100%;
  }

  #il33-duality .full-arrow::after {
    left: 35%;
  }

  #il33-duality .green-borders.green-background::after {
    left: 40%;
  }

  #il33-duality .tooltip {
    left: 79%;
  }

  #il33-duality .grey-link {
    max-width: 240px;
    margin: 0 auto;
  }

  #global-targeting {
    padding: 0 15px;
  }

  #global-section #global-buttons {
    padding: 60px 15px 40px;
  }

  #global-buttons #image-and-text-container p {
    flex: 0 0 70%;
  }

  #global-footnotes {
    padding: 0 15px 60px;
  }

  #global-buttons .button-text {
    font-size: clamp(1.25rem, 0.6982rem + 0.8909vw, 1.5rem);
  }

  #il33-exacerbations #title-section {
    padding: 88px 15px 58px;
  }

  #il33-exacerbations #common-symptoms-container {
    margin: 0 15px 60px;
    padding: 46px 40px 40px;
  }

  #il33-exacerbations
    #common-symptoms-container
    .container.responsivegrid:has(#left-item) {
    flex: 0 0 32.4%;
  }

  #il33-exacerbations #mucus-plugs-container {
    margin: 18px auto 58px;
    max-width: 90%;
  }

  #il33-exacerbations #purple-container {
    margin: 58px 15px 61px;
  }

  #il33-exacerbations #dysfunction-container {
    margin: 0 15px 70px;
  }

  #il33-exacerbations #global-section #global-buttons {
    margin: 0 15px;
  }

  #global-buttons #image-and-text-container p {
    flex: 0 0 69%;
  }

  #il33-exacerbations
    #global-section
    #global-buttons
    .text:has(.left-button-container),
  #il33-exacerbations
    #global-section
    #global-buttons
    .text:has(.right-button-container) {
    flex: 0 0 48%;
  }

  #il33-resources #buttons-pdfs-container,
  #il33-resources #frequently-asked-questions-container,
  #il33-resources #frequently-asked-questions-container h2 {
    padding: 0 15px;
  }

  #il33-resources #title-section {
    padding: 88px 15px 27px;
  }

  #il33-resources
    #buttons-pdfs-container
    .container.responsivegrid:has(#left-item),
  #il33-resources
    #buttons-pdfs-container
    .container.responsivegrid:has(#right-item) {
    flex: 0 0 48.27%;
  }

  #il33-resources #buttons-pdfs-container .button-pdf-text,
  #il33-resources #buttons-pdfs-container .button-pdf-text.less-space {
    flex: 0 0 70%;
  }

  #il33-resources #background-border,
  #il33-resources #background-border-right-item {
    margin: 0 15px 30px;
  }

  #il33-resources
    #global-buttons
    .left-button-container
    #image-and-text-container
    img {
    flex: 0 0 18%;
  }

  #il33-resources #signup {
    padding: 10px 15px 37px;
  }

  #il33-resources
    #signup
    #tozo-content-container
    #signup-tozo-flex-container
    .tozo-form.cmp-dynamicform-v2
    .cmp-dynamicform__generated-form
    .cmp-dynamicform__form-group:nth-child(7) {
    flex: 0 0 33%;
  }

  #il33-resources #social-media-container {
    margin: 0 15px 32px;
  }

  #il33-symptoms #title-section {
    padding: 88px 15px 58px;
  }

  #il33-symptoms #common-symptoms-container {
    margin: 0 15px;
  }

  #il33-symptoms #mucus-plugs-container {
    margin: 0 15px 65px;
  }

  #il33-symptoms
    #common-symptoms-container
    .container.responsivegrid:has(#left-item) {
    flex: 0 0 25.5%;
  }

  #il33-symptoms #common-symptoms-container #left-item {
    padding: 37px 33px 37px 38px;
  }

  #il33-symptoms sup {
    white-space: nowrap;
  }

  #il33-symptoms
    #associated-container
    #first-element
    .container.responsivegrid:has(.title),
  #il33-symptoms
    #associated-container
    #second-element
    .container.responsivegrid:has(.title),
  #il33-symptoms
    #associated-container
    #third-element
    .container.responsivegrid:has(.title) {
    flex: 0 0 80%;
  }

  #il33-symptoms
    #mucus-plugs-container
    .container.responsivegrid:has(#left-item) {
    margin-right: 6.944vw;
  }

  #il33-symptoms #mucus-plugs-container #flex-container {
    min-height: 137px;
  }

  #il33-symptoms #mucus-plugs-container .text-title.purple-color {
    font-size: clamp(1.4375rem, 1.2996rem + 0.2227vw, 1.5rem);
  }

  #global-buttons #image-and-text-container {
    padding: 30px 0;
  }

  #il33-symptoms #global-buttons #image-and-text-container p {
    flex: 0 0 69%;
  }

  #global-buttons .left-button-container,
  #global-buttons .right-button-container {
    width: 100%;
    max-width: 614px;
    min-height: 135px;
    max-height: 169.4px;
    height: 100%;
  }

  #tozo-header-global #tozo-navigation-block {
    padding: 0 15px;
  }
  #tozo-navigation-block #tozo-global-main-navigation.cmp-navigation {
    justify-content: flex-end;
  }
  #tozo-header-global
    #tozo-navigation-block
    > div
    > div.image.aem-GridColumn.aem-GridColumn--default--12 {
    width: 36.458vw;
  }
  #tozo-shadow-header::after {
    left: -2px;
    width: 26.389vw;
  }

  #tozo-shadow-header::before {
    left: 0;
    bottom: -25px;
    width: 28%;
  }
  #il33-duality #tozo-shadow-header::before {
    bottom: -29px;
  }
  #tozo-navigation-block #tozo-global-main-navigation.cmp-navigation {
    padding-right: 16px;
  }

  #tozo-navigation-block #tozo-global-main-navigation .cmp-navigation__group {
    gap: 4.167vw;
  }
  #il33-resources #more-information-container,
  #il33-resources #videos-about-il,
  #il33-resources .text-title.il-33-video-text{
  padding:0 15px;
}
  #il33-resources #more-information-container #background-border{
    margin:0 0 30px;
  }

  #il33-resources #three-video-container{
    flex-wrap: wrap;
    margin: 0 15px;
  }
  #il33-symptoms #purple-container{
  margin: 58px 15px 66px;
}
  #il33-symptoms #global-section #global-buttons{
        margin: 0 15px;
  }
  #il33-duality #ed-container,
  #il33-duality #key-role-section,
  #il33-duality #more-information-container{
  margin:0 15px;
}
#il33-duality #duality-section{
  justify-content: center;
  padding: 0;
}

#il33-duality #ed-container #colourArrows #txt-arrow-container .arrow-container .path-right-arrow .abs-text{
  min-width: 27.778vw;
  margin-top: 1.528vw;
}

#il33-duality #key-role-section #responsive-flex #flex-left{
  padding-right:3.472vw;
  gap: 2.083vw;
}
    #il33-duality #key-role-section #responsive-flex #flex-right {
        padding-left: 3.472vw;
      gap: 2.083vw;
    }
#il33-duality #key-role-section #responsive-flex .image {
        width: 100%;
        max-width: 115px;
    }
    #il33-duality #ed-container #colourArrows #txt-arrow-container .arrow-container .path-left-arrow {
        margin-left: 5.639vw;
    }

    #il33-duality #duality-section #duality-box1, #il33-duality #duality-section #duality-box-2{
    width: 390px;
    gap: 10px;
    padding: 29px 15px;
    }
  #Reduced-green-box,
  #Reduced-red-box{
    width:390px;
  }
  #il33-duality #downstream-cell-types{
        justify-content: center;
        margin-left: 45px;
}
}
@media only screen and (min-width: 1450px) and (max-width: 3651px) {
    #home #CTA-background #CTA-section #cta-sub h2 {
        margin: 30px auto 0;
    }
  #tozo-header-global #tozo-shadow-header {
    height: 118px;
  }
  #tozo-navigation-block #tozo-global-main-navigation .cmp-navigation__group {
    padding: 35px 0 0 0;
  }
  #tozo-shadow-header::after {
    width: 380px;
  }
  #tozo-shadow-header::before {
    width: 380px;
  }
  #sitemap #purple-background {
    max-width: 1350px;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 1700px) and (max-width: 3651px) {
  #home #section-two #section-two-box #second-div #lung-one-sub h2,
  #home #section-two #section-two-box #second-div #lung-two-sub h2 {
    font-size: 30px;
    line-height: 100%;
  }

  #home #section-two #section-two-box #second-div p {
    font-size: 23px;
  }

  #home #section-two #section-two-box {
    max-width: 1100px;
    width: 100%;
    left: 24.57%;
  }
}

@media only screen and (min-width: 1700px) {
  #error-page-403 #body-wrapper,
  #error-page-404 #body-wrapper,
  #error-page-500 #body-wrapper {
    margin-top: -27px !important;
  }
}

@media only screen and (min-width: 1450px) {
    #home #cycle-content {
    height: fit-content;
}
#il33-symptoms #common-symptoms-container > div.title:first-child,
   #il33-symptoms #common-symptoms-container > div.text:last-child{
flex: 0 0 100%;
}  
#il33-symptoms #common-symptoms-container > div:nth-child(2) {
          flex: 0 0 25.5%;
                  margin-right: 30px;
        margin-left: 9px;
}
    #il33-symptoms #common-symptoms-container > div:nth-child(3) {
                flex: 0 0 69.4%;
}
#il33-resources #buttons-pdfs-container .title{
  flex: 0 0 100%;
}
#il33-resources #buttons-pdfs-container > div:nth-child(2),
  #il33-resources #buttons-pdfs-container > div:nth-child(3){
  flex: 0 0 48.27%;
}
#il33-resources #more-information-container{
    flex-direction:column;
    align-items: flex-start;
}
#il33-resources #more-information-container div:last-child{
          flex: 0 0 100%;
}
#il33-resources #buttons-pdfs-container .green-background {
gap:22px;
}
  #home #hero-content {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    left: 0;
  }

  #home #hero-content > * {
    max-width: 1260px;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
  }

  #home #section-two #section-two-box {
    left: 28%;
    max-width: 886px;
    width: 100%;
  }

  #home #section-two #arrow-down {
    top: 44.5%;
  }

#home .cmp-container__backgroundImage--enabled {
  height: auto !important;
min-height: 49.514vw !important;
}
  #home #hero-content{
            padding: 160px 0 0 0px;
  }
  #home #section-two #arrow-down {
    top: 9% !important;
  }
  #home #section-two #section-two-box{
    top: 43%;
  }
  #home #hero-content #hero-title {
    padding-bottom: 90px;
  }
  #home .linear-grad .desktop-only {
    max-width: 2200px;
    margin: 0 auto;
    background-size: 69% 100%, 47% 100%;
        background-position: bottom left, bottom right;
  }
  #home #banner-botton-content {
         max-width: 1260px;
        width: 100%;
      margin:0 auto;
    }
     #home #section-two #section-two-box {
        left: 50% !important;
        transform: translateX(-50%);
        margin: 0 auto;
        max-width: 1258px;
        position: absolute;
        top: -393px !important;
        display: flex;
        flex-direction: column;
        gap: 50px;
    }

}

@media only screen and (min-width: 2000px) {
  #home .cmp-container__backgroundImage--enabled {
           height: auto !important;
  }
}

@media only screen and (min-width: 3000px) {
  #home .cmp-container__backgroundImage--enabled {
            height: auto !important;
                    min-height: 47.514vw !important;
  }
}
@media screen and (min-width: 992px) and (max-width: 1095px) {
    #il33-duality .right-arrow::after {
        width: 100%;
        background-size: contain;
    }
}
@media only screen and (min-width: 319px) and (max-width: 335px) {
#il33-duality #ed-container #colourArrows #txt-arrow-container .arrow-container .path-right-arrow .abs-text {
    margin-left: 23px;
    width: 100%;
    min-width: unset;
    max-width: 100%;
    line-height: inherit;
    font-size: 9.5px;
}
#il33-duality #ed-container #colourArrows #txt-arrow-container .arrow-container .path-right-arrow .abs-text p {
        max-width: 100%;
        width: 100%;
    }
}
@supports (-webkit-touch-callout: none) {
  @media only screen and (min-width: 391px) and (max-width: 991px) {
  html {
  -webkit-text-size-adjust: 100%;
}
   }
 
}