#resources_for_u {
  max-width: 1440px;
  margin: auto;
  padding-top: 101px;
}

#resources_for_u .cmp-text {
  padding: 0px;
}

#resources_for_u img {
  width: 100%;
}

.cmp-experiencefragment--footer-hcp #back_to_top_innercontainer.extraheight {
  height: 675px;
}

#back_to_top_innercontainer #onlyfor-tools-text {
  padding: 15px 0;
}

#resources_for_u #resource_main #container_CTA #btn_list .button:last-child {
  display: none;
}

#resources_for_u .cmp-experiencefragment--footer-hcp #footer_reference_inner #footer_copyright span.all-page-vpn {
  /*display: none;*/;
}

#resources_for_u .cmp-experiencefragment--footer-hcp #footer_reference_inner #footer_copyright span.reso-page-vpn {
  display: none;
}
/*1399px screen*/
@media screen and (max-width:1399px) {
  #resources_for_u {
    padding-top: 7.013888888888889vw;
  }
}

/*resource for u*/
/*Banner Section*/

#resources_for_u #resource_main .cmp-container__backgroundImage--enabled {
  margin: 0px;
  height: 644px;
  background-position: top -119px right -143px;
  background-repeat: no-repeat;
  background-size: 135%;
}

#resources_for_u #resource_main #resources_tab_inner {
}

#resources_for_u #resource_main #resources_tab_inner .resource-banner-content {
}

#resources_for_u #resource_main #resources_tab_inner #banner_head {
  margin-left: 140px;
  margin-top: 107px;
  width: 40%;
  height: 100%;
}

#resources_for_u #resource_main #resources_tab_inner #banner_head p {
  font-family: "Roboto", sans-serif;
  font-size: 62px;
  font-weight: 700;
  line-height: 63px;
  text-align: left;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
}

#resources_for_u #resource_main #resources_tab_inner #banner_subhead {
  margin-left: 140px;
  margin-top: 30px;
  width: 480px;
}

#resources_for_u #resource_main #resources_tab_inner #banner_subhead p {
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 29px;
  text-align: left;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
}

#resources_for_u #resource_main  #resources_tab_inner .cmp-container__backgroundImage--enabled {
  background-position: center;
  background-size: 100%;
  background-position: top -200% center;
  min-height: 130px;
  height: 210px;
  background-repeat: no-repeat;
}

#resources_for_u #resource_main  #container_CTA {
  background: #104859;
    /*padding: 0 140px;*/
  margin-top: -1px;
}

#resources_for_u #resource_main  #container_CTA #filtertitle {
  margin-bottom: 40px;
}

#resources_for_u #resource_main  #container_CTA #filtertitle p {
  font-family: "Roboto", sans-serif;
  font-size: 29px;
  font-weight: 700;
  line-height: 39px;
  text-align: left;
  letter-spacing: 0.87px;
  color: #FFFFFF;
  opacity: 1;
}

#resources_for_u #resource_main  #container_CTA #btn_list {
  display: flex;
  flex-wrap: wrap;
}

#resources_for_u #resource_main  #container_CTA #btn_list .button {
    /* background: red; */
  padding-bottom: 21px;
}

#resources_for_u #resource_main  #container_CTA #btn_list .button .cmp-button {
    /* background: red; */
  background: #104859;
  border: 4px solid #CADC32;
  border-radius: 42.88px;
  opacity: 1;
  margin-right: 32px;
  cursor: pointer;
  height: 67px;
}

#resources_for_u #resource_main  #container_CTA #btn_list .button .cmp-button:hover,
#resources_for_u #resource_main  #container_CTA #btn_list .button .cmp-button.active {
    /* background: red; */
  background: #CADC32;
}

#resources_for_u #resource_main  #container_CTA #btn_list .button .cmp-button:hover .cmp-button__text,
#resources_for_u #resource_main  #container_CTA #btn_list .button .active .cmp-button__text {
  color: #263F52;
}

#resources_for_u #resource_main  #container_CTA #btn_list .button .cmp-button__text {
  font-family: "Roboto", sans-serif;
  font-size: 29px;
  font-weight: 700;
  line-height: 39px;
  text-align: left;
  color: #C9DC30;
  padding: 5px 35px;
  display: block;
    /* margin-right: 32px; */
  ;
}

#resources_for_u #resource_main  #container_CTA #btn_list .button:nth-child(2) .cmp-button__text {
  padding: 5px 47px;
}

#resources_for_u #resource_main  #container_CTA #btn_list .button:nth-child(3) .cmp-button__text {
  padding: 5px 47px;
}

#resources_for_u #resource_main  #container_CTA #btn_SeeAll {
}

#resources_for_u #resource_main  #container_CTA #btn_Videos {
}

#resources_for_u #resource_main  #container_CTA #btn_Downloads {
}

#resources_for_u #resource_main  #container_CTA #btn_Links {
}

#resources_for_u #resource_main  #container_CTA #btn_Tools {
}

#resources_for_u #resource_main  #container_CTA #container_filterresult {
  display: flex;
  gap: 26px 34px;
  flex-wrap: wrap;
  margin-top: 41px;
  padding-bottom: 130px;
  margin-bottom: -1px;
}

#resources_for_u #resource_main  #container_CTA #container_filterresult .container {
}

#resources_for_u #resource_main  #container_CTA #container_filterresult .container .cmp-container {
  width: 563px;
  min-height: 500px;
     /* For browsers that do not support gradients */
  background: white;
  background: #fff repeat-y;
  background-size: 50% auto;
  background: linear-gradient(180deg, #2EB8C9 55px, #FFFF 0%);
}

#resources_for_u #resource_main #container_CTA #container_filterresult .container:nth-child(11) .cmp-container {
  /* min-height: 532px; */;
}

#resources_for_u #resource_main  #container_CTA #container_filterresult .container:nth-child(9) .cmp-container,
#resources_for_u #resource_main  #container_CTA #container_filterresult .container:nth-child(10) .cmp-container {
  /* min-height: 532px; */;
}

#resources_for_u #resource_main  #container_CTA #container_filterresult #videoicon {
  width: 75px;
  margin-left: 100px;
  padding-top: 32px;
}

#resources_for_u #resource_main  #container_CTA #container_filterresult #downloadicon {
  width: 52px;
  margin-left: 97px;
  padding-top: 32px;
}

#resources_for_u #resource_main  #container_CTA #container_filterresult #linkicon {
  width: 63px;
  margin-left: 97px;
  padding-top: 32px;
}

#resources_for_u #resource_main  #container_CTA #container_filterresult #filter_head {
  margin-left: 98px;
  margin-right: 103px;
  margin-top: 30px;
}

#resources_for_u #resource_main  #container_CTA #container_filterresult #filter_head p {
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 29px;
}

#resources_for_u #resource_main  #container_CTA #container_filterresult #filter_copy {
  margin-left: 98px;
  margin-right: 89px;
  margin-top: 10px;
}

#resources_for_u #resource_main  #container_CTA #container_filterresult #filter_copy p {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  text-align: left;
  letter-spacing: 0.45px;
  color: #03232A;
  opacity: 1;
}

#resources_for_u #resource_main  #container_CTA #container_filterresult .container:nth-child(1) #filter_copy p,
#resources_for_u #resource_main  #container_CTA #container_filterresult .container:nth-child(2) #filter_copy p {
  letter-spacing: 0.54px;
}

#resources_for_u #resource_main  #container_CTA #container_filterresult .container:nth-child(3) #filter_copy p,
#resources_for_u #resource_main  #container_CTA #container_filterresult .container:nth-child(4) #filter_copy p {
  letter-spacing: 0;
}

#resources_for_u #resource_main  #container_CTA #container_filterresult #btn_Watch span {
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 29px;
  text-align: left;
  text-align: center;
  letter-spacing: 0.22px;
  color: #03464F;
  opacity: 1;
    /* padding: 16px 10px; */
    /* display: block; */
  ;
}

#resources_for_u #resource_main  #container_CTA #container_filterresult #btn_Watch:hover {
  transform: scale(1.1);
}

#resources_for_u #resource_main  #container_CTA #container_filterresult .button {
  display: flex;
}

#resources_for_u #resource_main  #container_CTA #container_filterresult #btn_Watch {
  background: #CADC32 0% 0% no-repeat padding-box;
  opacity: 1;
  border-radius: 22px;
  margin-left: 99px;
  margin-top: 20px;
  width: 113px;
  height: 44px;
  margin-bottom: 40px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: transform .2s;
}

#resources_for_u  #container_CTA #inner_container_CTA {
  max-width: 1160px;
  margin: auto;
  width: 90%;
}

@media screen and (min-width: 1161px) and (max-width:1300px) {
  
  #resources_for_u #resource_main  #container_CTA #container_filterresult .container .cmp-container {
    width: 43vw;
    min-height: 545px;
    /*width: 563px;*/
    /*min-height: 520px;*/
    ;
  }
}
/* for desktop width993 to 1160 */
@media screen and (min-width: 993px) and (max-width:1160px) {
  #resources_for_u #resource_main #resources_tab_inner .cmp-container__backgroundImage--enabled {
    height: 170px;
  }

  #resources_for_u #resource_main #resources_tab_inner #banner_head, 
#resources_for_u #resource_main #resources_tab_inner #banner_subhead {
    margin-left: 5vw;
  }

  #resources_for_u #resource_main .cmp-container__backgroundImage--enabled {
    background-size: 155%;
  }

  #resources_for_u  #container_CTA #inner_container_CTA  .text {
    max-width: 1160px;
    margin: auto;
  /*padding-left:30px;*/
  /*padding-right:40px;*/
    ;
  }

  #resources_for_u  #container_CTA #inner_container_CTA  #btn_list {
    max-width: 1160px;
    margin: auto;
  /*padding-left:40px;*/
  /*padding-right:40px;*/
    ;
  }

  #resources_for_u  #container_CTA #inner_container_CTA  #container_filterresult {
    max-width: 1160px;
    margin: auto;
  /*padding-left:40px;*/
  /*padding-right:40px;*/
    ;
  }

  #resources_for_u #resource_main  #container_CTA #container_filterresult {
    gap: 8px 12px;
  }

  #resources_for_u #resource_main  #container_CTA #container_filterresult .container .cmp-container {
    width: 44vw;
    min-height: 495px;
    /*width: 563px;*/
    /*min-height: 520px;*/
    ;
  }

  #resources_for_u #resource_main  #container_CTA #container_filterresult #filter_head {
    /*margin-left: 98px;*/
    /*margin-right: 103px;*/
    margin-left: 10px;
    margin-right: 70px;
    margin-top: 30px;
    padding-left: 30px;
    padding-right: 40px;
  }

  #resources_for_u #resource_main  #container_CTA #container_filterresult #filter_copy {
    margin-left: 10px;
    margin-right: 30px;
    margin-top: 10px;
    padding-left: 30px;
    padding-right: 40px;
  }

  #resources_for_u #resource_main  #container_CTA #container_filterresult #videoicon {
    width: 75px;
    margin-left: 35px;
    padding-top: 32px;
  }

  #resources_for_u #resource_main  #container_CTA #container_filterresult #downloadicon {
    width: 52px;
    margin-left: 35px;
    padding-top: 32px;
  }

  #resources_for_u #resource_main  #container_CTA #container_filterresult #linkicon {
    width: 63px;
    margin-left: 35px;
    padding-top: 32px;
  }

  #resources_for_u #resource_main  #container_CTA #container_filterresult #btn_Watch {
    margin-left: 35px;
    /* margin-left: 99px; */
    ;
  }

  #resources_for_u #resource_main  #container_CTA #container_filterresult .container:nth-child(10) .cmp-container {
    min-height: 555px;
  }
/*lat 2 boxes height*/
  #resources_for_u #resource_main #container_CTA #container_filterresult .container:nth-child(9) .cmp-container, #resources_for_u #resource_main #container_CTA #container_filterresult .container:nth-child(10) .cmp-container {
    min-height: 590px !important;
  }

  #resources_for_u #resource_main  #container_CTA #container_filterresult .container:nth-child(10) .cmp-container {
    min-height: 555px;
  }
}

/*Mobile view*/
@media only screen and (max-width: 992px) {
  #resources_for_u #container_CTA #inner_container_CTA {
    margin: auto;
    width: 100%;
  }

  #resources_for_u {
    padding-top: 70px;
  }

  #resources_for_u #resource_main {
  }

  #resources_for_u #resource_main .cmp-container__backgroundImage--enabled {
    margin: 0px;
    height: 576px;
    background-position: top -74px right -162px;
    background-repeat: no-repeat;
    background-size: 1226px;
  }

  #resources_for_u #resource_main #resources_tab_inner {
    height: 576px;
    background: transparent linear-gradient(0deg, #151515 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
  }

  #resources_for_u #resource_main #resources_tab_inner > div {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  #resources_for_u #resource_main #resources_tab_inner > div > div:nth-child(3) {
    margin-top: auto;
  }

  #resources_for_u #resource_main #resources_tab_inner .resource-banner-content {
  }

  #resources_for_u #resource_main #resources_tab_inner #banner_head {
    /* width: 100%; */
    margin: 0px 36px;
    width: auto;
    margin-top: 285px;
    width: 317px;
  }

  #resources_for_u #resource_main #resources_tab_inner #banner_head p {
    font-size: 33px;
    line-height: 36px;
    text-shadow: 0px 0px 250px #5F6D757A;
    font-family: "Roboto Condensed", sans-serif;
  }

  #resources_for_u #resource_main #resources_tab_inner #banner_subhead {
    width: auto;
    margin: 12px 36px;
    width: 317px;
  }

  #resources_for_u #resource_main #resources_tab_inner #banner_subhead p {
    font-size: 18px;
    line-height: 21px;
    opacity: 0.8;
    font-family: "Roboto Condensed", sans-serif;
  }

  #resources_for_u #resource_main  #resources_tab_inner .cmp-container__backgroundImage--enabled {
    height: 30px;
    background-position: top;
    min-height: 20px;
    background-size: cover;
    overflow: hidden;
  }

  #resources_for_u #resource_main  #container_CTA {
    width: 100%;
    padding: 37px 38px 0px 34px;
    /*padding: 37px 30px 0px 34px;*/
    ;
  }

  #resources_for_u #resource_main  #container_CTA #filtertitle {
    margin-bottom: 16px;
    margin-left: 2px;
    padding-top: 00px;
  }

  #resources_for_u #resource_main  #container_CTA #filtertitle p {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0.54px;
  }

  #resources_for_u #resource_main  #container_CTA #btn_list {
    /* flex-direction: column; */
    gap: 8px;
    flex-flow: wrap;
  }

  #resources_for_u #resource_main  #container_CTA #btn_list .button {
    padding-bottom: 9px;
  }

  #resources_for_u #resource_main  #container_CTA #btn_list .button .cmp-button {
    height: 43px;
    border: 2px solid #CADC32;
    padding: 0px;
    margin-right: 0px;
    min-width: 50px;
  }

  #resources_for_u #resource_main  #container_CTA #btn_list .button .cmp-button.active {
  }

  #resources_for_u #resource_main  #container_CTA #btn_list .button .active .cmp-button__text {
  }

  #resources_for_u #resource_main  #container_CTA #btn_list .button .cmp-button__text {
    font-size: 16px;
    padding: 0px 17.5px;
    min-width: 87px;
    display: block;
    text-align: CENTER;
    height: 43px;
  }

  #resources_for_u #resource_main #container_CTA #btn_list .button:nth-child(2) .cmp-button__text,
#resources_for_u #resource_main #container_CTA #btn_list .button:nth-child(3) .cmp-button__text,
#resources_for_u #resource_main #container_CTA #btn_list .button:nth-child(4) .cmp-button__text {
    padding: 0px 17.5px;
  }

  #resources_for_u #resource_main  #container_CTA #btn_SeeAll {
  }

  #resources_for_u #resource_main  #container_CTA #btn_Videos {
  }

  #resources_for_u #resource_main  #container_CTA #btn_Downloads {
  }

  #resources_for_u #resource_main  #container_CTA #btn_Links {
  }

  #resources_for_u #resource_main  #container_CTA #btn_Tools {
  }

  #resources_for_u #resource_main  #container_CTA #container_filterresult {
    margin-top: 24px;
    margin-left: 6px;
    padding-bottom: 94px;
  }

  #resources_for_u #resource_main  #container_CTA #container_filterresult .container {
  }

  #resources_for_u #resource_main  #container_CTA #container_filterresult .container .cmp-container {
    width: auto;
    min-height: 289px;
    background: linear-gradient(180deg, #2EB8C9 43px, #FFFF 0%);
  }

  #resources_for_u #resource_main #container_CTA #container_filterresult .container:nth-child(9) .cmp-container,
#resources_for_u #resource_main #container_CTA #container_filterresult .container:nth-child(10) .cmp-container {
    min-height: 289px;
  }

  #resources_for_u #resource_main #container_CTA #container_filterresult .container:nth-child(11) .cmp-container {
    min-height: 289px;
  }

  #resources_for_u #resource_main #container_CTA #container_filterresult .container .cmp-container {
  }

  #resources_for_u #resource_main  #container_CTA #container_filterresult #videoicon,
#resources_for_u #resource_main  #container_CTA #container_filterresult #downloadicon,
#resources_for_u #resource_main  #container_CTA #container_filterresult #linkicon {
    margin-left: 30px;
    width: 45px;
    padding-top: 26px;
  }

  #resources_for_u #resource_main  #container_CTA #container_filterresult #downloadicon {
    width: 34px;
  }

  #resources_for_u #resource_main  #container_CTA #container_filterresult #linkicon {
    width: 40px;
  }

  #resources_for_u #resource_main  #container_CTA #container_filterresult #filter_head {
    margin-left: 29px;
    margin-right: 39px;
    margin-top: 18px;
  }

  #resources_for_u #resource_main  #container_CTA #container_filterresult #filter_head p {
    font-size: 17px;
    line-height: 20px;
  }

  #resources_for_u #resource_main  #container_CTA #container_filterresult #filter_copy {
    margin-left: 29px;
    margin-right: 24px;
  }

  #resources_for_u .cmp-video__content {
    display: none;
  }

  #resources_for_u #resource_main #container_CTA #container_filterresult .container:nth-child(1) #filter_copy {
    margin-right: 47px;
  }

  #resources_for_u #resource_main #container_CTA #container_filterresult .container:nth-child(5) #filter_copy {
    margin-right: 21px;
  }

  #resources_for_u #resource_main #container_CTA #container_filterresult .container:nth-child(10) #filter_copy {
    margin-right: 18px;
  }

  #resources_for_u #resource_main #container_CTA #container_filterresult .container:nth-child(7) #filter_head ,
#resources_for_u #resource_main #container_CTA #container_filterresult .container:nth-child(9) #filter_head {
    margin-right: 26px;
  }

  #resources_for_u #resource_main  #container_CTA #container_filterresult #filter_copy p {
    font-size: 14px;
    line-height: 15px;
    letter-spacing: 0px;
  }

  #resources_for_u #resource_main #container_CTA #container_filterresult .container:nth-child(1) #filter_copy p, #resources_for_u #resource_main #container_CTA #container_filterresult .container:nth-child(2) #filter_copy p {
    letter-spacing: 0px;
  }

  #resources_for_u #resource_main  #container_CTA #container_filterresult #btn_Watch span {
    font-size: 16px;
    line-height: 39px;
  }

  #resources_for_u #resource_main  #container_CTA #container_filterresult #btn_Watch {
    margin-left: 24px;
    margin-right: 10px;
    margin-top: 15px;
    height: 43px;
    width: 91px;
    margin-bottom: 26px;
  }

  #resources_for_u #resource_main #container_CTA #container_filterresult .container:nth-child(7) {
    width: -webkit-fill-available;
  }
}

#resources_for_u #resources_tab_inner {
   /* margin-top:72px; */
   /* height:650px; */
   /* padding-top: 140px; */
    /*padding for text*/
  ;
}

#resources_for_u  #resources_tab_inner .resource-banner-content h1 {
  max-width: 590px;
  margin-left: 140px;
  font-size: 62px;
  opacity: 1;
  color: #ffffff;
}

#resources_for_u  #resources_tab_inner .resource-banner-content p {
  max-width: 450px;
  margin-left: 140px;
  color: #FFFFFF;
  font-size: 22px;
  opacity: 1;
  color: #ffffff;
}

#resources_for_u #article-section {
  margin-top: -50px;
  height: 700px;
  background-image: url(/content/dam/intelligentcontent/brands/breztri/actoncopd-nl/desktop/bg_rollover.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
/*article cointainer*/
#resources_for_u #article-section #article-heading-text p {
  width: 243px;
  margin-left: 140px;
  margin-top: 80px;
  font-size: 29px;
  text-align: left;
  letter-spacing: 0.87px;
  color: #FFFFFF;
  opacity: 1;
}

@media screen and (max-width:990px) {
  #resources_for_u #resources_tab_inner {
  /* height:650px; */
  /* background-image: url(/content/dam/intelligentcontent/brands/breztri/actoncopd-nl/desktop/resourses_4u_banner.png); */
  /* background-size:100% 100%; */
  /* background-repeat: no-repeat; */
  /* padding-top:290px; */
    /*padding for text*/
    ;
  }

  #resources_for_u  #resources_tab_inner .resource-banner-content h1 {
    max-width: 317px;
    margin-left: 36px;
    font-size: 33px;
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-shadow: 0px 0px 250px #5F6D757A;
    opacity: 1;
  }

  #resources_for_u  #resources_tab_inner .resource-banner-content p {
    max-width: 317px;
    margin-left: 36px;
    color: #FFFFFF;
    font-size: 18px;
    text-align: left;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
  }

  #resources_for_u #article-section #article-heading-text p {
    width: 318px;
    margin-left: 36px;
    text-align: left;
    font-size: 18px;
    letter-spacing: 0.54px;
    color: #FFFFFF;
    opacity: 1;
  }
}

/*1366px screen*/
@media screen and (max-width:1399px) {
}
/*iPad Landscape*/
@media screen and (max-width:1200px) {
}


/*Mobile view*/
@media only screen and (max-width: 992px) {
}

.nowrap {
  white-space: nowrap;
}

bold, ul,li,a {
  font-size: 16px;
  line-height: 19px;
}

sup {
  font-size: .5em;
}

/*.cmp-experiencefragment--footer-hcp #footer_reference_inner #resources_mobile_container {
  display:none;
}*/

.text-nowrap {
  white-space: nowrap;
}

.modal--overflow {
  overflow-y: scroll;
  padding-top: 8vh;
}

.modal--visible {
  visibility: visible!important;
  opacity: 1!important;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000!important;
  display: flex;
  visibility: hidden;
  flex-direction: column;
  align-items: center;
  -webkit-overflow-scrolling: touch;
  background: rgba(0,0,0,0.85)!important;
  opacity: 0;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
}

#resources_for_u .exit-ramp-modal, .exit-ramp-modal {
  background: rgba(0,0,0,0.9)!important;
}

#resources_for_u div.exit-ramp-modal .modal-box,.modal-box {
  position: relative;
  flex-shrink: 0;
  margin-top: auto;
  margin-bottom: auto;
  max-width: 820px;
  width: 100%;
  border-radius: 4px;
  background-color: transparent;
  background-image: url(/content/dam/intelligentcontent/brands/breztri/actoncopd-nl/desktop/bg_rollover.png);
  background-size: cover;
  opacity: 1;
  cursor: auto;
  will-change: transform, opacity;
  margin-top: unset;
  margin-bottom: auto;
}

/*#resources_for_u div.exit-ramp-modal .modal-box{
    max-width:1400px;
}*/
#resources_for_u .modal--visible .modal-box, .modal--visible .modal-box {
  -webkit-animation: scale 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
  animation: scale 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
}

#resources_for_u .modal.cmp-modal__modalbox .modal__close:before {
    content: "\00d7";
    color: #fff;
    font-size: 30px;
}
#resources_for_u .modal__close svg{
  display:none;
}
#resources_for_u .modal__close, .modal__close {
  position: relative;
  top: 9rem;
  right: 1.5rem;
  z-index: 1000;
  padding: 0;
  width: 1rem;
  height: 1rem;
  border: none;
  background-color: transparent;
  color: #fff;
  cursor: pointer;
  margin-top: auto;
  right: 0px;
  left: 402px;
  top: 20px;
}

#resources_for_u .exit-ramp-modal .modal__close .modal__closeIcon:before, .exit-ramp-modal .modal__close .modal__closeIcon:before {
  content: "\00d7";
  color: #fff;
  font-size: 53px;
}

#resources_for_u .modal__close .modal__closeLabel, .modal__close .modal__closeLabel {
  display: none;
}

#resources_for_u .exit-ramp-modal::before, .exit-ramp-modal::before {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

#resources_for_u .exit-ramp-modal .modal-box__content, .exit-ramp-modal .modal-box__content {
  padding: 0;
}

#resources_for_u .exit-ramp-modal .exit-ramp-title, .exit-ramp-modal .exit-ramp-title {
  padding: 60px 80px 30px 30px;
  color: #fff;
  font-size: 33px;
  text-align: left;
}

#resources_for_u .exit-ramp-modal .exit-ramp-title {
  line-height: 33px;
}

#resources_for_u .exit-ramp-modal .exit-ramp-body, .exit-ramp-modal .exit-ramp-body {
  padding: 0 30px;
  color: #ffffff;
  font-size: 13px;
  line-height: 20px;
}

#resources_for_u .exit-ramp-modal .exit-ramp-actions, .exit-ramp-modal .exit-ramp-actions {
  margin-top: 1em;
  padding: 1.5em;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

#resources_for_u .exit-ramp-modal .exit-ramp-continue,.exit-ramp-modal .exit-ramp-cancel, .exit-ramp-modal .exit-ramp-continue, #resources_for_u .exit-ramp-modal .exit-ramp-cancel {
  border-radius: 0;
  min-width: 100px;
}

#resources_for_u .exit-ramp-modal .exit-ramp-continue,#resources_for_u .exit-ramp-modal .exit-ramp-cancel, .exit-ramp-modal .exit-ramp-continue,.exit-ramp-modal .exit-ramp-cancel {
  background-color: transparent;
  border: 1px solid #fff;
  padding: 15px 30px;
  text-shadow: none;
  float: left;
  margin-right: 20px;
  cursor: pointer;
  opacity: 1;
  border: 2px solid #ffffff;
  color: #ffffff;
  font-size: 13px;
  line-height: 20px;
  text-decoration: none;
}

#resources_for_u .exit-ramp-modal .exit-ramp-cancel {
  display: block;
}

#resources_for_u .exit-ramp-modal .exit-ramp-continue:hover, .exit-ramp-modal .exit-ramp-continue:hover {
  color: #2EB8C9;
}

#resources_for_u .exit-ramp-modal .exit-ramp-cancel:hover, .exit-ramp-modal .exit-ramp-cancel:hover {
  color: #2EB8C9;
}

#resources_for_u .exit-ramp-modal .modal__close svg, .exit-ramp-modal .modal__close svg {
  display: none;
}

#resources_for_u .modal.exit-ramp-modal.modal--visible button {
  position: relative;
  /*width: 100%;
    height: 332px;
    margin: 0 auto;
    max-width: 60%;*/
  top: 0%;
  left: 390px;
  right: unset;
}

.modal.exit-ramp-modal.modal--visible button {
  position: relative;
  top: unset;
  left: 380px;
  right: unset;
  margin-top: auto;
}

#resources_for_u .modal.exit-ramp-modal.modal--visible button span.modal__closeIcon,.modal.exit-ramp-modal.modal--visible button span.modal__closeIcon {
  position: absolute;
  right: 0px;
  top: 30px;
  /* border: 0px solid #000000; */
}

#resources_for_u .modal.exit-ramp-modal.modal--visible button span.modal__closeIcon {
  right: 23px;
  /* top: -18px; */
}

#resources_for_u .exit-ramp-modal .exit-ramp-content {
  padding: 0;
    /* color: #000000; */
  ;
}
/*Resources for you page style end*/
@media only screen and (max-width: 767px) {
    
  #resources_for_u .modal.exit-ramp-modal.modal--visible button,.modal.exit-ramp-modal.modal--visible button {
    /* left: 100px; */
  }

  .modal.exit-ramp-modal.modal--visible button span.modal__closeIcon {
    /* position: absolute; */
    /* right: 55px; */
    /* top: -185px!important; */
  }

  #resources_for_u .modal.exit-ramp-modal.modal--visible button span.modal__closeIcon {
    position: absolute;
    right: 0px!important;
    /* top: -108px!important; */
  }

  #resources_for_u .exit-ramp-modal .exit-ramp-title, .exit-ramp-modal .exit-ramp-title {
    font-size: 22px;
  }
}

@media only screen and (max-width: 991px) {
  #back_to_top_innercontainer #onlyfor-tools-text.resource-tools-newlink a {
    width: auto;
    font-size: 18px;
    line-height: 23px;
    margin-top: 25px;
    letter-spacing: 0.04px;
    text-decoration: underline;
    color: #C9DC30;
    font-family: "Roboto", sans-serif;
  }

  html {
    scroll-padding-top: 65px;
  }

  #resources_for_u .modal.exit-ramp-modal.modal--visible button, .modal.exit-ramp-modal.modal--visible button {
    width: 85%;
    left: 0px;
    /* top: 195px; */
    /* right: -170px; */
  }

  #resources_for_u div.exit-ramp-modal .modal-box, .modal-box {
    width: 90%;
  }

  #resources_for_u .modal.exit-ramp-modal.modal--visible button span.modal__closeIcon {
    position: absolute;
    right: 15px;
    /* top: -145px; */
  }

#resources_for_u .modal.cmp-modal__modalbox .modal__close:before{
    position: absolute;
    right: 0px;
    left: 0px;
}
#resources_for_u .modal__close, .modal__close {left: auto;right: 0px;margin-right: 40px;/* display: flex; */margin-left: auto;}
  

  #resources_for_u #resources_tab_outer #resources_tab_inner .tabs .cmp-tabs__tablist li.cmp-tabs__tab--active:first-child {
    top: 1px !important;
    padding-top: 21px !important;
  }

  #resources_for_u #resources_tab_outer #resources_tab_inner .tabs .cmp-tabs__tablist li.cmp-tabs__tab--active:last-child {
    top: 1px !important;
    padding-top: 18px !important;
  }

  #resources_for_u #other_resources_outer_cont .other_resources_content h3 {
    width: auto !important;
  }

  #resources_for_u #other_resources_outer_cont .other_resources_content .other_resources_content_col .video-part-2 a {
    margin: 12px 0px !important;
    margin-left: 20px !important;
  }
}

@media only screen and (min-width: 992px) {
  #back_to_top_innercontainer #onlyfor-tools-text.resource-tools-newlink a {
    font-family: "Roboto", sans-serif;
    font-size: 25.77px;
    font-weight: 400;
    line-height: 34.66px;
    text-align: left;
    letter-spacing: 1.29px;
    text-decoration: underline;
    color: #C9DC30;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1365px) {
}

@media screen and ( device-width: 1024px ) {
}

@media only screen and (min-width: 1445px) {
}

@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation: potrait) {
 
  #resources_for_u #other_resources_outer_cont .other_resources_content h3 {
    width: 75% !important;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
 

  #resources_for_u #other_resources_outer_cont .other_resources_content .other_resources_content_col .video-part-2 a {
    margin-left: 10px !important;
  }

  #resources_for_u #other_resources_outer_cont .other_resources_content h3 {
    width: auto !important;
  }

  #resources_for_u div.exit-ramp-modal .modal-box, .modal-box {
    margin-top: 0px;
  }

  #resources_for_u .modal.exit-ramp-modal.modal--visible button span.modal__closeIcon, .modal.exit-ramp-modal.modal--visible button span.modal__closeIcon {
    top: -178px;
  }

  
}

#resources_for_u #resources_tab_outer #resources_tab_inner .tabs .cmp-tabs__tablist li.cmp-tabs__tab--active:first-child {
  background-image: url(/content/dam/intelligentcontent/brands/breztri/actoncopd-nl/desktop/for-you-button.png);
  position: relative;
  top: 13px;
  background-repeat: no-repeat;
  background-color: transparent !important;
  padding-top: 26px;
  letter-spacing: 1px;
}

#resources_for_u #resources_tab_outer #resources_tab_inner .tabs .cmp-tabs__tablist li.cmp-tabs__tab--active:last-child {
  background-image: url(/content/dam/intelligentcontent/brands/breztri/actoncopd-nl/desktop/for-your-%20pateints-button.png);
  position: relative;
  top: 13px;
  background-repeat: no-repeat;
  background-color: transparent !important;
  padding-top: 26px;
  letter-spacing: 1px;
}

#hcppage_carousel_section2 .cmp-carousel__content {
  padding-top: 0px;
}

#roll_over_section .cmp-tabs__tabpanel--active:before {
  height: 0px;
  display: none;
}
/*
@media only screen and (min-width: 1025px) and (max-width: 1440px){ 
    #landingpage #landingmenu{ height: auto !important;}
}*/

@media only screen and (min-width:500px) {
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #resources_for_u div.exit-ramp-modal .modal-box, .modal-box {
    /* margin-top: 10px; */
  }
}

@media only screen and (width: 1024px) and (height: 768px) {
  #resources_for_u .modal.exit-ramp-modal.modal--visible button span.modal__closeIcon, .modal.exit-ramp-modal.modal--visible button span.modal__closeIcon {
    position: absolute;
    right: 15px;
    top: -94px;
  }
}

@media screen and (min-width: 1400px) {
  #resources_for_u .modal.exit-ramp-modal.modal--visible button span.modal__closeIcon, .modal.exit-ramp-modal.modal--visible button span.modal__closeIcon {
    top: 30px;
  }
}

@media screen and (max-width: 374px) {
  #resources_for_u #resource_main #resources_tab_inner #banner_head,
    #resources_for_u #resource_main #resources_tab_inner #banner_subhead {
    width: auto;
  }
}