.copd-style-h1 {
  font-size: clamp(27px, 4vw, 45px);
  line-height: 45px;
}

.copd-style-h3 {
  font-size: clamp(18px, 4vw, 24px);
  line-height: 29px;
  letter-spacing: .24px;
}

.copd-style-h6 {
  font-size: clamp(16px, 4vw, 18px);
  letter-spacing: .09px;
}

#copd-flare-ups .copd-style-p {
  font-size: clamp(14px, 4vw, 17px);
  line-height: clamp(1.3125rem, 1.1805rem + 0.5634vw, 1.6875rem);
  letter-spacing: .17px;
  max-width: 900px;
}

#copd-flare-ups ul.coug {
  padding-left: 35px;
  padding-bottom: 20px;
} 
      
      /* FONT CLAMPS ends */
      
      /* 1 BANNER SECTION starts*/
      
#copd-flare-ups .copd-banner-content {
  position: relative;
  width: 100%;
  margin: 0 auto;
  margin-top: 0px;
  padding-top: 163px;
  max-width: 1160px;
}

#copd-flare-ups h4.banner-title {
  margin-bottom: 15px;
}

.copd-eyebrow {
  width: 70%;
  color: #373A37;
}

#copd-flare-ups p.copd-style-p.not-equal {
  margin-top: 40px;
}

#copd-flare-ups .yellow-square {
  margin-top: 75px;
}

#copd-flare-ups .copd-eyebrow {
  font-size: 18px;
  font-family: 'Gotham-Bold';
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 24px;
}

#copd-flare-ups h1.gotham-bold.copd-style-h2 {
  font-size: 45px;
  margin-top: 10px;
  margin-bottom: 20px;
}

#copd-flare-ups h2.gotham-bold.copd-style-h2 {
  font-size: 45px;
  margin-top: 10px;
  margin-bottom: 20px;
}

#copd-flare-ups .copd-style-h3 {
  font-size: clamp(24px, 4vw, 21px);
  margin-top: 8px;
}

#copd-flare-ups .flareup-space {
  margin-bottom: 20px;
}
      
      /* #copd-flare-ups .copd-style-h3:nth-child(1){margin-top: 10px;}
      
      #copd-flare-ups .copd-style-h3:nth-child(2){    margin-top: 25px;} */
      
.question-2-container .copd-question-1-text {
  padding-top: 16px;
}
      
      /* .copd-question-1-text .copd-style-h3{} */
      
#copd-flare-ups .copd-cta-button a {
  padding-top: 0px;
  padding-bottom: 0px;
}

#copd-flare-ups p.ansr-1-text.copd-style-p {
  padding-bottom: 15px;
}

#copd-flare-ups .ansr-2-container {
  margin-top: -8px;
  margin-left: 7.6%;
}

.yellow-square {
  height: 13px;
  width: 13px;
  background: #F0B323;
  display: inline-block;
  margin-right: 10px;
}

.copd-eyebrow h3 {
  margin-bottom: 10px;
  line-height: 30px;
}

.copd-banner-content h1 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.banner-body.gotham-book {
  max-width: 68%;
  margin-top: -10px;
}

h6 {
  margin-top: 15px;
  font-weight: normal;
  color: #333333;
  margin-bottom: 30px;
}

.whats-copd {
  margin-bottom: 1%;
}

.not-equal {
  top: 1%;
}

.copd-types-boxes {
  width: 75%;
  display: flex;
  justify-content: left;
  gap: 40px;
}

.copd-type-number {
  max-width: 43px;
  margin-top: -10px;
}

.copd-type-number img {
  max-width: 43px!important;
  position: relative;
  display: flex;
}

.copd-type-name {
  position: relative;
}

.copd-type {
  min-height: 100px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin-top: 26px;
  align-items: flex-start;
  width: 33.33%;
}

.copd-type-name p {
  width: 95%;
  line-height: 24px;
}

.copd-type-desc-1 {
  max-width: 198px;
}

.copd-type-desc-2 {
  max-width: 246px;
}

.copd-type-desc-3 {
  max-width: 230px;
}
      
      
       
      /* 1 BANNER SECTION ends*/
      
      /* 2 QUESTIONS SECTION starts */
      
.copd-qa-section {
  width: 100%;
  margin: 0 auto;
  margin-top: 2%;
  max-width: 1160px;
        /*margin-left: 10%;*/
  ;
}

img.copd-qa-section {
  max-width: 75px;
}

.question-1-container, .question-2-container {
  position: relative;
  display: flex;
  flex-direction: row;
  top: 12px;
}

.copd-question-1-text {
  margin-top: 15px;
}

.gotham-bold.copd-question-1-text.copd-style-h3, .gotham-bold.copd-question-2-text.copd-style-h3 {
  margin-left: 20px;
}

.question-2-container img {
  margin-top: 2%;
}

.ansr-1-container, .ansr-2-container {
  margin-left: 8.4%;
}

.ansr-1-container li {
  padding-left: 2%;
}

.ansr-1-text .copd-style-p, .ansr-2-text .copd-style-p {
  line-height: 30px;
}

#main-copd-banner-container .copd-cta-button {
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

#copd-banner-container .cmp-text ul li {
  padding: 5px;
  margin: 0;
  margin-right: 15px;
  list-style-position: initial;
  padding-left: 0;
  font-family: 'Gotham-Book';
        /* margin-left: 36px; */
  ;
}
      
      /* 2 QUESTIONS SECTION ends */
      
      /* CTA SECTION starts */
#copd-cta-section, .copd-cta-button {
  position: relative;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  margin-top: 2%;
  margin-bottom: 1%;
}

#copd-flare-ups #copd-cta-section {
  margin-bottom: 2%;
}

.copd-cta-text.gotham-bold {
  margin-top: 3%;
  margin-bottom: 5%;
}

.copd-cta-text {
  text-align: center;
}

button.button-class.copd-button-text a:after {
  content: "\f054";
  font-family: "FontAwesome6Free-Solid";
  color: #333333;
  font-size: 16px;
  padding-left: 5px;
}

button.button-class.copd-button-text {
  font-size: 16px;
  border-radius: 22px;
  width: 240px;
  height: 44px;
  background: #F0B323;
}
      /* CTA SECTION ends */
      
      /* ISI SECTION starts*/
.footer-desclaimer {
  letter-spacing: 0;
}
      /* ISI SECTION ends*/
      
      /*While cause start*/
#whileCause {
  margin: 45px 0 40px;
}

#whileCause h4 {
  color: #333;
  letter-spacing: 0.17px;
  font-size: clamp(0.875rem, 0.809rem + 0.2817vw, 1.0625rem);
  line-height: clamp(1.3125rem, 1.2465rem + 0.2817vw, 1.5rem);
  font-family: 'Gotham-Bold';
  margin: 0 0 15px;
  max-width: 1020px;
}

#whileCauseBlockCon {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  max-width: 900px;
}

.whileCauseBlocks {
  display: flex;
  align-items: center;
}

.whileCauseText {
  font: normal 17px/24px 'Gotham-Book';
  margin: 0 0 0 16px;
  color: #333;
}

#whileCause .whileCauseBlocks:nth-child(1) .whileCauseText {
  max-width: 140px;
}

#whileCause .whileCauseBlocks:nth-child(2) .whileCauseText {
  max-width: 168px;
}

#whileCause .whileCauseBlocks:nth-child(3) .whileCauseText {
  max-width: 256px;
}

#whileCause .whileCauseBlocks:nth-child(4) .whileCauseText {
  max-width: 223px;
}

.whileCauseImg img {
  max-width: fit-content;
}

.whileCauseBlocks-infections {
  display: none;
}
/*While cause end*/

/* USBW3-13528 Breztri DTC Website - Campaign Update TV Spot Style Srt here*/

 
.copd-flareup-banner .breztri-banner .line-break {
  display: inline-block;
}
#copd-flare-ups .copd-banner-content{
  padding-top: 0;
}
#copd-flare-ups h2.gotham-bold.copd-style-h2 {
  font-size: 45px;
  margin-top: 10px;
  margin-bottom: 20px;
}
#copd-flare-ups .copd-style-h3.copd-flarehd{
  margin-top: 40px;
  margin-bottom: 10px;
}
.banner-body.gotham-book {
  max-width: 100%;
  margin-top: 0;
}
#copd-flare-ups .banner-body.gotham-book p:nth-child(1) {
  max-width: 890px;
}
#copd-flare-ups .banner-body.gotham-book p:nth-child(2) {
  max-width: 890px;
}
#copd-flare-ups p.copd-style-p.not-equal {
  margin-top: 1px;
}
.copd-cta-text.gotham-bold{
  margin-bottom: 15px;
}
#whileCause h4{
  max-width: 950px;
}

/* USBW3-13528 Breztri DTC Website - Campaign Update TV Spot Style End here*/
      
      
      
/* MEDIA QUERIES SECTION starts*/

@media screen and (min-width: 991px) {
  #copd-flare-ups div#main-copd-banner-container{
    background: none;
  }
   #copd-flare-ups .breztri-banner-bg {
    background-image: url( /content/dam/intelligentcontent/brands/breztri-dtc/us/en/images/phase4/desktop/what-is-copd/copd-flareup-bg.jpg);
  }

}
      
@media screen and (max-width: 1920px) {
}

@media screen and (max-width: 1440px) {
}

@media screen and (max-width: 1300px) {
  .copd-qa-section {
    padding-left: 15px;
    padding-right: 15px;
  }

  .copd-type {
    gap: 0px;
    width: 100%;
  }

  .copd-type-name {
    padding-left: 15px;
  }

  .ansr-1-container, .ansr-2-container {
    margin-left: 101px;
  }
}

@media screen and (max-width: 1240px) {
  .copd-banner-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 1100px) {
  .copd-style-p {
    max-width: 563px;
  }
}

@media screen and (max-width: 1024px) {
          
  .copd-banner-content {
    width: 100%;
  }

  #copd-flare-ups .copd-style-p {
    max-width: 586px;
  }
}
 
@media screen and (max-width: 991px) {
  #copd-flare-ups .breztri-banner-bg {
    background-image: url(/content/dam/intelligentcontent/brands/breztri-dtc/us/en/images/phase4/mobile/what-is-copd/copd-flareup-bg.jpg);
  background-position: 50% 50%;
}
          
  #whileCause {
    margin: 40px 0 0px 0;
  }

  #whileCause h4 {
    margin: 0 0 30px;
    font-size: 14px;
    line-height: 21px;
    font-family: 'Gotham-Bold';
  }

  #whileCauseBlockCon {
    flex-wrap: wrap;
  }

  .whileCauseBlocks {
     width: 100%;
     margin: 0 0 16px 0;
  }

  .copd-type-number {
    margin-top: 0;
  }

  .ansr-1-container, .ansr-2-container {
    margin-left: 13.4%;
  }

  .copd-type-desc-1 {
    max-width: 100%;
  }

  .copd-type-desc-2 {
    max-width: 100%;
  }

  .copd-type-desc-3 {
    max-width: 100%;
  }

  .copd-qa-section {
    width: 100%;
    padding-left: 35px;
    padding-right: 35px;
  }

  #copd-flare-ups .yellow-square {
    margin-top: 138px;
  }

  #copd-flare-ups .copd-banner-content {
    padding-top: 147px;
  }

  #copd-flare-ups .copd-style-h3 {
    font-size: clamp(18px, 4vw, 21px);
    margin-top: 30px;
    line-height: 24px;
  }

  .copd-style-p {
    line-height: 21px;
  }

  #copd-banner-container .cmp-text ul li {
    padding: 5px;
    margin: 0;
    list-style-position: inside;
    padding-left: 0;
    font-family: 'Gotham-Book';
  }

  #copd-banner-container .copd-cta-button {
    flex-direction: initial;
  }

  #copd-flare-ups .cmp-container__backgroundImage--enabled {
    background-image: url(/content/dam/intelligentcontent/brands/breztri-dtc/us/en/images/mobile-images/mob-banner/what-is-copd-mobile-banner.jpg) !important;
    background-position: top right;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }

  #copd-flare-ups h1.gotham-bold.copd-style-h2 {
    font-size: 35px;
  }

  #copd-flare-ups h1.gotham-bold.copd-style-h2 {
          /* margin-top: 90px; */
    font-size: 27px;
  }

  #copd-flare-ups h1.gotham-bold.copd-style-h2 {
    font-size: 27px;
    line-height: 32px;
    margin-top: 0;
  }

  #copd-flare-ups h2.gotham-bold.copd-style-h2 {
    font-size: 27px;
    line-height: 32px;
  }

  .copd-banner-content h1 {
    margin-top: 8%;
  }

  .copd-types-boxes {
    flex-direction: column;
    width: 100%;
    margin-top: 25px;
    gap: 0;
  }

  .copd-type {
    gap: 0;
    margin-top: 10px;
    min-height: auto;
  }

  .copd-type-name {
    padding-left: 24px;
  }

  .question-2-container img {
    margin-top: 0;
  }

  .question-1-container img {
    margin-top: 2%;
    margin-left: -5px;
  }
  
    /*.question-1-container {*/
    /*  margin-top: -7%;*/
    /*  margin-bottom: 5%;*/
    /*}*/
  
  .ansr-1-container, .ansr-2-container {
    margin-left: -2px;
    margin-top: 3%;
    margin-bottom: 2%;
  }

  .copd-type-name p {
    line-height: 24px;
  }

  #copd-flare-ups p.ansr-1-text.copd-style-p {
    padding-bottom: 10px;
    padding-top: 10px;
  }

  p.ansr-2-text {
    padding-top: 35px;
  }

  .question-1-container .copd-question-1-text {
    padding-top: 14px;
  }

  .question-2-container .copd-question-1-text {
    padding-top: 10px;
  }

  #copd-flare-ups .ansr-2-container {
    margin-left: 0;
  }

  #copd-flare-ups h4.banner-title {
    padding: 0;
    margin: 25px 0 15px 0;
  }

  #copd-flare-ups p.copd-style-p.not-equal {
    margin-top: 20px;
  }

  #copd-flare-ups h2.gotham-bold.copd-style-h2 {
    font-size: 27px;
    line-height: 32px;
    margin-top: 0;
  }
  #copd-flare-ups .copd-banner-content {
    padding-top: 0;
  }
  #copd-flare-ups .copd-style-h3.copd-flarehd{
    margin-top: 40px;
  }
  .copd-flareup-banner .breztri-banner .line-break {
    display: block;
  }
    

}

@media screen and (max-width: 989px) {
  #copd-flare-ups h4.banner-title, #copd-flare-ups h1.gotham-bold.copd-style-h2 {
    max-width: 50%;
  }
}

@media screen and (max-width: 767px) {
      
  .banner-body.gotham-book {
    margin-top: 3%;
  }

  .copd-type-desc-1, .copd-type-desc-2, .copd-type-desc-3 {
    max-width: 100%;
    width: 100%;
  }

  .copd-qa-section {
    padding-left: 23px;
    padding-right: 25px;
  }

  #copd-flare-ups #copd-cta-section {
    margin-bottom: 5%;
  }
}
@media screen and (max-width: 667px) {
    #copd-flare-ups .breztri-banner-bg { background-position: right bottom;}
}
@media screen and (max-width: 600px) {
  #whileCauseBlockCon {
    gap: 0;
  }

  .whileCauseBlocks {
    width: 100%;
    margin: 0 0 16px 0;
  }

  .whileCauseImg img {
    width: 40px;
  }

  #whileCause .whileCauseBlocks:nth-child(2) .whileCauseText {
    max-width: initial;
  }

  #whileCause {
    margin: 40px 0 0px 0;
  }

  .copd-type-number {
    margin-bottom: 7%;
  }

  .copd-cta-text.gotham-bold {
    max-width: 320px;
  }

  .copd-type-name p {
    width: 100%;
  }

  .copd-style-p {
    font-size: clamp(14px, 0vw, 17px);
  }

  .copd-type {
    gap: 0%;
  }

  .copd-type-name {
    padding-left: 15px;
  }

  .banner-body.gotham-book {
    max-width: 100%;
  }

  #copd-flare-ups .copd-style-p {
    font-size: 14px;
  }

  #copd-flare-ups h1.gotham-bold.copd-style-h2 {
    max-width: 140px;
  }

  #copd-flare-ups .question-2-container .copd-style-h3 {
    margin-top: 5px;
  }
}

@media screen and (max-width: 480px) {
      
  .copd-banner-content h1 {
    margin-top: 12%;
  }

  h1.gotham-bold.copd-style-h2 {
    margin-top: 15%;
  }

  h2.gotham-bold.copd-style-h2 {
    margin-top: 15%;
  }

  #copd-banner-container ul.coug li {
    text-indent: -22px;
  }

  #copd-flare-ups ul.coug {
    padding-left: 35px;
  }
}

@media screen and (max-width: 414px) {
  #copd-flare-ups .banner-body.gotham-book p:nth-child(1) {
    max-width: 340px;
  }
  #copd-flare-ups .banner-body.gotham-book p:nth-child(2) {
    max-width: 340px;
  }
}

@media screen and (max-width: 375px) {
           
  .copd-banner-content h1 {
    margin-top: 15%;
  }

  .gotham-bold.copd-question-1-text.copd-style-h3, .gotham-bold.copd-question-2-text.copd-style-h3 {
    margin-left: 5%;
  }

  .copd-type-name {
    width: 260px;
  }

  .copd-type-desc-1, .copd-type-desc-2, .copd-type-desc-3 {
    max-width: 100%;
  }

  .copd-cta-text.gotham-bold {
    max-width: 314px;
  }
}