#take-a-copd-quiz .benifits-header p {
  max-width: 74%;
}

#take-a-copd-quiz .copd-quiz-header h6 {
  max-width: 74%;
}

h4.banner-title {
}

#take-a-copd-quiz .benifits-container h1 {
  font-size: 45px;
  margin-top: 20px;
  margin-bottom: 0px;
  color: #373A37;
}

  /* UBP3-74 : Breztri DTC Website: Q3 2024 Integration of New Campaign Style Starts here*/
#take-a-copd-quiz .text-container {
  padding-top: 10px;
}

#take-a-copd-quiz .benifits-header .text-container p {
  margin-bottom: 10px;
}

#take-a-copd-quiz .benifits-header .text-container p.chronic-head {
  margin-bottom: 5px;
}

#take-a-copd-quiz .copd-quiz-button a {
  padding: 12px;
  padding-left: 62px;
  padding-right: 62px;
}

#take-a-copd-quiz .copd-quiz-button a:after {
  padding-left: 8px;
}

  /* UBP3-74 : Breztri DTC Website: Q3 2024 Integration of New Campaign Style End here*/

/*Quiz style starts here*/
body .quiz.cmp-modal--defaultStyle .modal-box {
  border-radius: 12px;
  min-height: auto;
}

body .quiz.cmp-modal--defaultStyle .modal {
  border-radius: 12px;
}

body .quiz.modal-box .modal__close:hover {
  color: #373A37;
}

body .quiz.cmp-modal__modalbox.modal-xl.modal--overflow {
  padding-top: 2vh;
  padding-bottom: 5vh;
}

body .quiz.cmp-modal__modalbox.modal-xl .modal__close {
  color: #373A37;
  left: 0;
  right: 0;
  top: 24px;
}

body .quiz.cmp-modal--defaultStyle .modal__close {
  max-width: 100%;
}

iframe#surveyanywhere {
  width: 100%;
}

.theme-layout-centered .card-actions button.button.next:after {
  content: "\f054";
}
/*Quiz style ends here*/

@media screen and (max-width: 1040px) {
  .theme-layout-centered .card-actions {
    bottom: 30px;
  }
}

@media screen and (max-width: 1300px) {
	 
  body .quiz.cmp-modal__modalbox.modal--overflow {
    padding-top: 2vh;
    padding-bottom: 5vh;
  }

  body .quiz.cmp-modal__modalbox.modal-xl .modal-box {
    width: 95%;
    max-width: 95%;
    min-height: auto;
    margin: 0 auto;
  }
}

@media screen and (max-width: 991px) {
  #take-a-copd-quiz .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;
    margin: 0;
    padding: 0;
    background-position: top right;
    background-size: 100% auto;
    background-repeat: no-repeat;
    min-height: auto;
    height: auto;
  }

  iframe#surveyanywhere {
    width: 90%;
    height: 940px;
    overflow-y: hidden;
  }

  #take-a-copd-quiz .benifits-header.copd-quiz-header {
    padding-top: 0;
  }

  #take-a-copd-quiz .benifits-container h1 {
    font-size: 27px;
    line-height: 32px;
  }

  #take-a-copd-quiz .benifits-container h2 {
    font-size: 27px;
    line-height: 32px;
  }

  #take-a-copd-quiz .benifits-header .mobile-only {
    margin-top: 35px;
  }

  #take-a-copd-quiz .image-text-container img {
    width: 225px;
  }

  .copd-banner-content.content-container.benifits-container.copd-quiz {
    margin-top: 0px;
  }

  .quiz-header {
    width: 85%;
  }

  #take-a-copd-quiz .flareup-text a {
    font-size: 14px;
    padding: 15px 39px;
  }

  #take-a-copd-quiz .copd-quiz-header h6 {
    font-size: 18px;
    line-height: 24px;
    max-width: 90%;
  }

  #take-a-copd-quiz .benifits-header p {
    max-width: 83%;
  }

  #take-a-copd-quiz h4.banner-title {
    max-width: 180px;
    padding-bottom: 9%;
  }

  #take-a-copd-quiz .benifits-container h2 {
    font-size: 27px;
    line-height: 32px;
  }

  #take-a-copd-quiz .benifits-container h1 {
    font-size: 27px;
    line-height: 32px;
  }

  #take-a-copd-quiz .copd-quiz .flareup-text {
    text-align: center;
  }	 

      /* UBP3-74 : Breztri DTC Website: Q3 2024 Integration of New Campaign Style Starts here*/
  #take-a-copd-quiz .text-container {
    padding-top: 0;
  }

  #take-a-copd-quiz .benifits-header p.ability {
    margin-bottom: 8px;
  }

  /* UBP3-74 : Breztri DTC Website: Q3 2024 Integration of New Campaign Style End here*/;
}

@media screen and (max-width: 767px) {
  #take-a-copd-quiz .benifits-header p {
    max-width: 84%;
  }


  

  #take-a-copd-quiz h4.banner-title {
    max-width: 180px;
    padding-bottom: 7%;
  }
}

@media screen and (max-width: 600px) {
  #take-a-copd-quiz .benifits-header p {
    max-width: 84%;
  }
}

@media screen and (min-width:440px) and (max-width:484px) {
  iframe#surveyanywhere {
    height: 1067px;
  }
}

@media screen and (max-width:414px) {
  iframe#surveyanywhere {
    height: 1000px;
  }
}

@media screen and (max-width: 375px) {
  iframe#surveyanywhere {
    height: 1040px;
    overflow-y: auto;
  }

  #take-a-copd-quiz .image-text-container img {
    width: 275px;
  }

  #take-a-copd-quiz .flareup-text a {
    padding: 19px 24px;
  }

  #take-a-copd-quiz .benifits-header p {
    max-width: 99%;
  }
}


/* UBP3-74 : Breztri DTC Website: Q3 2024 Integration of New Campaign Style Srt here*/

.copd-quiz-header h4.banner-title {
  margin-top: 60px;
}

#take-a-copd-quiz .copd-quiz-header {
  max-width: 620px;
}

#take-a-copd-quiz .benifits-header p {
  max-width: 100%;
}

#take-a-copd-quiz .benifits-container h1 {
  font-size: 45px;
  margin-top: 20px;
  margin-bottom: 0px;
  color: #373A37;
  max-width: 430px;
  line-height: 45px;
}

#take-a-copd-quiz .copd-quiz-header h6 {
  max-width: 583px;
  font-size: 24px;
  line-height: 28px;
}

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

 
.copd-quiz-banner .breztri-banner .line-break {
  display: inline-block;
}
#take-a-copd-quiz .benifits-container h2 {
  font-size: 45px;
  margin-top: 20px;
  margin-bottom: 0px;
  color: #373A37;
  max-width: 430px;
  line-height: 45px;
}
#take-a-copd-quiz .copd-quiz-header {
  max-width: 882px;
  margin-left: auto;
  margin-right: auto;
}
.quiz-header {
  text-align: center;
}
#take-a-copd-quiz .benifits-container h2 {
  font-size: 45px;
  margin-top: 35px;
  margin-bottom: 0px;
  color: #373A37;
  max-width: 100%;
  line-height: 45px;
}
#take-a-copd-quiz .copd-quiz-header h6 {
  max-width: 100%;
  font-size: 24px;
  line-height: 28px;
}
.copdquiz-img-block {
  margin-bottom: 10px;
}
.copdquiz-cta-block {
  text-align: center;
}
#take-a-copd-quiz .benifits-header .text-container p.chronic-head{
  max-width: 700px;
}

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


@media screen and (min-width:991px) {
  div#main-copd-banner-container {
    background: url(/content/dam/intelligentcontent/brands/breztri-dtc/us/en/images/phase2-q3/desktop/take-a-copd-quiz/copd-quiz-banner.png);
    background-repeat: no-repeat;
    background-size: 47%;
    background-position: top right;
  }
  #take-a-copd-quiz div#main-copd-banner-container {
    background: none;
  }

   #take-a-copd-quiz .breztri-banner-bg {
    background-image: url( /content/dam/intelligentcontent/brands/breztri-dtc/us/en/images/phase4/desktop/what-is-copd/copd-flareup-bg.jpg);
    border-radius: 0;
    background-size: cover;
    min-height: 270px;
    background-repeat: no-repeat;
    background-position: right center;
  }

}

@media screen and (min-width:1600px) {
  div#main-copd-banner-container {
    max-width: 1303px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width:991px) {
  div#main-copd-banner-container .global-banner {
    position: relative;
  }

  div#main-copd-banner-container .global-banner::after {
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top right;
    position: absolute;
    right: 0;
    top: 145px;
    width: 250px;
    height: 100%;    
  }

  #take-a-copd-quiz h4.banner-title {
    margin-top: 0;
    padding-top: 25px;
    padding-bottom: 15px;
  }

  #take-a-copd-quiz .benifits-container h1 {
    font-size: 27px;
    margin-top: 0;
    margin-bottom: 0px;
    color: #373A37;
    max-width: 250px;
    line-height: 32px;
  }

  #take-a-copd-quiz .copd-quiz-header h6 {
    font-size: 18px;
    line-height: 24px;
    margin-top: 10px;
    max-width: 340px;
  }

  #take-a-copd-quiz .benifits-header p {
    font-size: 14px;
    line-height: 21px;
  }

  #take-a-copd-quiz .image-text-container img {
    width: 225px;
    margin-bottom: 20px;
  }

  #take-a-copd-quiz .copd-quiz .flareup-text {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  #take-a-copd-quiz .flareup-text a {
    font-size: 14px;
    padding: 15px 39px;
    max-width: 302px;
    width: 100%;
    display: block;
    margin: 0 auto;
  }

  #take-a-copd-quiz .benifits-header p.footnote {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 5px;
  }

  div#main-copd-banner-container .global-banner {
    margin-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }

  .global-banner-inner {
    background: url(/content/dam/intelligentcontent/brands/breztri-dtc/us/en/images/phase2-q3/mobile/take-a-copd-quiz/copd-quiz-banner.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: right top;
    padding: 0 15px;
  }

  #take-a-copd-quiz .copd-quiz-header {
    max-width: 55%;
  }

  #take-a-copd-quiz .global-banner-inner {
    background: none;
    padding: 0 15px;
  }
  
  #take-a-copd-quiz .benifits-container h2 {
    font-size: 27px;
    line-height: 32px;
    max-width: 250px;    
  }
  .copd-quiz-banner .breztri-banner h1{
    max-width: 135px;
  }
  .quiz-header {
    text-align: left;
    width: 100%;
  }
  #take-a-copd-quiz .benifits-header p.footnote{
    text-align: left;
  }
  #take-a-copd-quiz .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%;
}
  .copd-quiz-banner .breztri-banner{
    min-height: 200px;
  }
  #take-a-copd-quiz div.global-banner { padding-top: 0;}
    #take-a-copd-quiz .copd-quiz .text-container p.text-bold {
    max-width: 235px;
  }
   #take-a-copd-quiz .image-text-container img
  {
    width: 94px;
  }
}

@media screen and (max-width:677px) {
  div#main-copd-banner-container .global-banner::after {
    width: 200px;
  }

  .global-banner-inner {
    background-size: 40%;
  }

  #take-a-copd-quiz .copd-quiz-header {
    max-width: 100%;
  }
  #take-a-copd-quiz .breztri-banner-bg
  {
       background-size: cover;
      background-position: right bottom;
  }

   #take-a-copd-quiz .copd-quiz .text-container p.text-bold {
    max-width: 233px;
  }
   #take-a-copd-quiz .image-text-container img
  {
    width: 80px;
  }
 
}

@media screen and (max-width:414px) {
  div#main-copd-banner-container .global-banner::after {
    width: 142px;
  }
}

@media screen and (max-width:360px) {
  #take-a-copd-quiz h4.banner-title {
    font-size: 12px;
  }

  #take-a-copd-quiz .benifits-container h1 {
    font-size: 22px;
    max-width: 170px;
    line-height: 27px;
  }

  #take-a-copd-quiz .benifits-container h2 {
    font-size: 22px;
    max-width: 170px;
    line-height: 27px;
  }
}

/* UBP3-74 : Breztri DTC Website: Q3 2024 Integration of New Campaign Style End here*/