/* Global French CSS */

/*html[lang="fr"] #breztri-main .ic-header .cmp-navigation>ul.cmp-navigation__group .cmp-navigation__item--active ul.cmp-navigation__group {gap: 6px;}*/
html[lang="fr"]  #breztri-main div[role="page-container"] .card-title a {width: 180px;}
html[lang="fr"] #breztri-home #breztri-main div[role="page-container"] h3.cmp-title__text.cmp-title__text--h3 { text-align: center;}
html[lang="fr"]  #disease-burden .disease-burden-wrapper .copd-wrapper .copd-btn {width: 378px;}
html[lang="fr"] #breztri-main .teaser .cmp-teaser__action-link {width: 180px;}
html[lang="fr"] .outcome-box a {max-width: 210px;     width: 210px;}
html[lang="fr"] #breztri-dosage .learn-more { max-width: 200px;}
html[lang="fr"] #breztri-dosage #breztri-main div[role="page-container"] ul.cmp-imagelist li.cmp-imagelist__item.instruction-thumb h3.cmp-imagelist__title {margin: 25px auto 64px;}
html[lang="fr"] .fasenra-reg-wrap a.btn-white {padding: 15px;line-height: 20px;}
html[lang="fr"] #fasenra-home .cmp-teaser__title p {line-height: 60px;}
html[lang="fr"] #breztri-dosage #breztri-main div[role="page-container"] ul.cmp-imagelist li.cmp-imagelist__item.col-2 img { max-height: 222px;}
html[lang="fr"]  #breztri-main h5.cmp-teaser__subtitle .banner-copy {max-width: 472px;}

html[lang="fr"] #disease-burden .disease-burden-wrapper .copd-wrapper .moderate-wrapper {align-items: self-start;}

@media (min-width: 1024px) and (max-width: 1600px) {
    html[lang="fr"] #breztri-main .footer-list.mob-hide {margin-top: -35px;}
    html[lang="fr"] #breztri-main #back-to-top,html[lang="fr"] #breztri-home #breztri-main #back-to-top {right: 75px;bottom: 80px ;}
}

@media screen and (min-width: 1084px) {
    /*html[lang="fr"] #breztri-main #home-container .imagelist + .imagelist .card-title a { margin-top: 64px;}*/
    /*html[lang="fr"]  #breztri-main div[role="page-container"] .card-title a.efficacy-cta {margin-top: 34px;}*/
}
    
@media screen and (max-width: 479px) {
    html[lang="fr"] #breztri-home #breztri-main p.banner-cta {
        padding-top: 14px;
    }
    html[lang="fr"] #breztri-home #breztri-main #HomePageBanner h1.cmp-teaser__title img {
        max-width: 229px;
    }
        html[lang="fr"] #breztri-home #breztri-main #HomePageBanner p.banner-title, #breztri-home #breztri-main #HomePageBanner p.banner-title span {
        font-size: 28px;
        line-height: 38px;
        
    }
    html[lang="fr"] #breztri-home #breztri-main h5.cmp-teaser__subtitle .banner-copy {
        font-size: 20px;
        line-height: 28px;
        max-width: 200px;
    }
    html[lang="fr"] #breztri-main h5.cmp-teaser__subtitle .banner-copy {
        font-size: 22px;
        line-height: 28px;
       
    }
    html[lang="fr"] #breztri-main p.banner-cta a {
        font-size: 10px;
        line-height: 16px;
       
    }
    html[lang="fr"] #breztri-main p.banner-cta {
        gap: 10px;
    }
    html[lang="fr"] #breztri-main h2.cmp-title__text.cmp-title__text--h2 span {
        font-size: 24px;
        line-height: 34px;
    }
       html[lang="fr"] #breztri-main h3.cmp-title__text.cmp-title__text--h3 span {
        font-size: 26px;
        line-height: 32px;
    }
    html[lang="fr"] #breztri-moa .green-container h2, html[lang="fr"] #breztri-moa .green-container h2 b {font-size: 32px;line-height: 44px;}
    html[lang="fr"] #breztri-moa .outcome-box {padding: 30px;}
    html[lang="fr"] #breztri-dosage #breztri-main div[role="page-container"] ul.cmp-imagelist li.cmp-imagelist__item.col-2 img {max-height: 222px;height: auto;}
}

/*18102024*/

html[lang="fr"] #symbicort-safety .table-outer-wrapper {
    margin: 0 auto 80px;
    border-bottom: none;
}
html[lang="fr"] #symbicort-safety #table-section .table-head {
    border-bottom: 2px solid #F0B323;
}
html[lang="fr"] #symbicort-safety #table-section .table-content.table-copy p {
    background: #EFEFEF;
    text-align: center;
    font-family: 'Inter-Bold';
}
html[lang="fr"] #symbicort-safety #table-section .table-content:last-child p {
    padding: 30px 20px !important;
}
html[lang="fr"] #symbicort-safety #table-section .table-content:last-child p {
    background: #ffffff;
}
html[lang="fr"] #symbicort-safety #table-section .table-content p:last-child {
    border-left: 0.5px solid #1C1C1C;
}
html[lang="fr"] #symbicort-safety #breztri-main div[role="page-container"] #footnote-wrapper .footnote {
    margin-bottom: 60px;
}



@media screen and (min-width: 1024px) {
    
    html[lang="fr"] #breztri-main div[role="page-container"] .card-title a.efficacy-cta {margin-top: 64px;}
    html[lang="fr"] #breztri-main div[role="page-container"] h5.card-copy {min-height: 68px;}
    
}
    

@media screen and (max-width: 767px) {
    html[lang="fr"] #symbicort-safety #breztri-main div[role="page-container"] #table-section .table-head p {padding: 10px 28px 10px 28px;}
    html[lang="fr"] #symbicort-safety #breztri-main div[role="page-container"] #table-section .table-copy p:first-child {padding: 10px 20px;}
    html[lang="fr"] #disease-burden .disease-burden-wrapper .copd-wrapper .copd-btn {width: 100%;max-width: 378px;padding: 22px 30px 22px 10px;}
    html[lang="fr"] #disease-burden .disease-burden-wrapper .copd-wrapper .copd-btn:after {top: calc(50% - 6px);right: 15px;}
    html[lang="fr"] #breztri-main h2.cmp-title__text.cmp-title__text--h2 span {font-size: 34px;line-height: 44px;}
    html[lang="fr"] #breztri-efficacy #breztri-main div[role="page-container"] .callout-wrapper {padding: 40px 20px 40px 20px;}
    html[lang="fr"] #breztri-efficacy  #breztri-main div[role="page-container"] .red-para span {display: contents;}
    html[lang="fr"] #fasenra-home .cmp-teaser__title p {line-height: 48px;}
    html[lang="fr"] #breztri-moa .green-container h2 b ,html[lang="fr"] #breztri-moa #breztri h2{font-size: 45px;}
    html[lang="fr"] #breztri-home #breztri-main #back-to-top, #breztri-main #back-to-top {line-height: 14px; left: 0;right: 0;margin: auto;}
    html[lang="fr"] #breztri-dosage div#inhalations-mob-img {margin-bottom: 42px;}
    html[lang="fr"] #breztri-dosage #breztri-main div[role="page-container"] h3.cmp-title__text.cmp-title__text--h3 {line-height: 34px;}
    html[lang="fr"] #disease-burden .disease-burden-wrapper .copd-wrapper .moderate-wrapper {align-items: center;}
    html[lang="fr"] #safety-information #breztri-main #HomePageBanner .teaser .cmp-teaser__image .cmp-image__image {max-height: 378px;}
}

/*21102024*/

html[lang="fr"] #safety-information .teaser {padding: 0;position: relative;overflow: hidden;}
html[lang="fr"] #safety-information .teaser .cmp-teaser {
        display: block;
    }
    
html[lang="fr"] #safety-information #breztri-main #HomePageBanner .teaser .cmp-teaser__image .cmp-image__image {
        min-height: 378px;
        height: auto;
    display: block;
    width: 100%;
    }
    html[lang="fr"] #safety-information #breztri-main .teaser .cmp-teaser__content {
    max-width: 1242px;
    width: 100%;
    margin: auto;
    background-color: transparent;
    color: var(--textColor-body-2);
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    padding: 20px 16px;
    transform: translate(-50%, -50%);
    text-align: left;
    gap: 16px;
}
@media screen and (min-width: 992px) and (max-width: 1023px){
    html[lang="fr"] #breztri-moa #breztri-main div[role="page-container"] {
        margin: 100px auto 100px;
    }
    html[lang="fr"] #resource-container .teaser .cmp-teaser__content .cmp-teaser__description p {font-size: 16px;}
    html[lang="fr"] #resource-container .teaser .cmp-teaser__content h4 p, #resource-container .teaser .cmp-teaser__content h4 p span { font-size: 32px;}
    
}
@media screen and (min-device-width: 360px) and (max-device-width: 649px) and (orientation : landscape){
    html[lang="fr"] #breztri-main h5.cmp-teaser__subtitle .banner-copy {max-width: 420px;}
}

    
@media screen and (min-width: 768px) and (max-width: 1280px) {
    html[lang="fr"] #safety-information .teaser--home-hero .cmp-teaser__image .cmp-image__image {
    min-height: 378px;
}
   html[lang="fr"] #moa-wrapper .table-head, .table-head span {
        min-height: 35px;
        padding: 8px;
        font-size: 12px !important;
    }
       html[lang="fr"] #breztri-main div[role="page-container"] li.cmp-imagelist__item .cmp-imagelist__image { min-height: 180px;}
       html[lang="fr"] #breztri-main h5.cmp-teaser__subtitle .banner-copy {max-width: 412px;}
}

@media screen and (min-width: 768px) and (max-width: 991px){
     html[lang="fr"] #disease-burden .disease-burden-wrapper .copd-wrapper .moderate-wrapper .left-content p:nth-child(2) {margin-top: 25px;}
     html[lang="fr"] #disease-burden .disease-burden-wrapper .copd-wrapper .moderate-wrapper .right-content p:nth-child(2) {margin-top: 20px;}
     /*html[lang="fr"] #disease-burden .disease-burden-wrapper .copd-wrapper .moderate-wrapper .right-content img {margin-top: -30px;}*/
     html[lang="fr"] #breztri-moa .reference-section {padding: 32px 60px 100px 25px;}
}

/*@media screen and (min-width: 768px) and (max-width: 1990px) {*/
/*     html[lang="fr"] #breztri-main div[role="page-container"] h5.card-copy {*/
/*        min-height: 68px;*/
/*    }*/
     
/*}*/
@media screen and (max-width: 479px) {
    html[lang="fr"] #breztri-moa .green-container h2 b, html[lang="fr"] #breztri-moa #breztri h2 {
        font-size: 28px;
        line-height: 40px;
    }
    html[lang="fr"] #breztri-home #breztri-main h2.cmp-title__text.cmp-title__text--h2 span, #breztri-main h2.cmp-title__text.cmp-title__text--h2 span{font-size: 25px;
        line-height: 20px;
    }
    html[lang="fr"]  #breztri-main div[role="page-container"] h2 {line-height: 36px;}
     html[lang="fr"] #breztri-main #HomePageBanner p.banner-subtitle, #breztri-main #HomePageBanner p.banner-subtitle span {
        font-size: 38px;
        line-height: 45px;
    }
    html[lang="fr"]  #breztri-main div[role="page-container"] h4.cmp-title__text.cmp-title__text--h4, html[lang="fr"]  #breztri-main div[role="page-container"] h4.cmp-title__text.cmp-title__text--h4 span {font-size: 26px; line-height: 40px;}
}
@media screen and (min-width: 992px) and (max-width: 1280px) {
    html[lang="fr"] #breztri-dosage #breztri-main div[role="page-container"] ul.cmp-imagelist li.cmp-imagelist__item.col-2 h3.cmp-imagelist__title {margin: 25px auto 62px;} 
    html[lang="fr"] #symbicort-resources-patient #breztri-main #resource-container .teaser .cmp-teaser__content .cmp-teaser__description p {font-size: 1.4vw;line-height: 2vw;}
    html[lang="fr"] #symbicort-resources-patient #breztri-main #resource-container .teaser .cmp-teaser__content h4 p {font-size: 2.5vw;line-height: 2.9vw;}

}

@media screen and (min-width: 1083px) and (max-width: 1280px) {
        html[lang="fr"] #breztri-main div[role="page-container"] h5.card-copy, #breztri-main div[role="page-container"] h5.card-copy span {font-size: 22px;         min-height: 68px;}
}