/* Global French CSS */

/* Header */
/*html[lang="fr"] .cmp-experiencefragment--Header .cmp-navigation__item.cmp-navigation__item--level-0:nth-child(3),*/
/*html[lang="fr"] .cmp-experiencefragment--Header .navigation-mobile.open .cmp-navigation__item--level-0:nth-child(3){display: block !important;order: 5;text-transform: capitalize; } */
/*html[lang="fr"] .cmp-experiencefragment--Header .cmp-navigation__item.cmp-navigation__item--level-0:nth-child(4),*/
/*html[lang="fr"] .cmp-experiencefragment--Header .navigation-mobile.open .cmp-navigation__item--level-0:nth-child(4) {order: 1;text-transform: initial;}*/
/*html[lang="fr"] .cmp-experiencefragment--Header .cmp-navigation__item.cmp-navigation__item--level-0:nth-child(5),*/
/*html[lang="fr"] .cmp-experiencefragment--Header .navigation-mobile.open .cmp-navigation__item--level-0:nth-child(5) {order: 2;}*/
/*html[lang="fr"] .cmp-experiencefragment--Header .cmp-navigation__item.cmp-navigation__item--level-0:nth-child(6),*/
/*html[lang="fr"] .cmp-experiencefragment--Header .navigation-mobile.open .cmp-navigation__item--level-0:nth-child(6) {order: 3;}*/
/*html[lang="fr"] .cmp-experiencefragment--Header .cmp-navigation__item.cmp-navigation__item--level-0:nth-child(7),*/
/*html[lang="fr"] .cmp-experiencefragment--Header .navigation-mobile.open .cmp-navigation__item--level-0:nth-child(7) {order: 4;}*/

/* Home pages */
html[lang="fr"] #home-physician .dwld-container h3,.dwld-container h3 span,.dwld-container h3 i{font-size: 32px;line-height: 46px;}
html[lang="fr"] #home-physician .card-title a {width: 180px;}
html[lang="fr"] #symbicort-dosage #symbicort-main #back-to-top, html[lang="fr"] #symbicort-efficacy #symbicort-main #back-to-top, 
html[lang="fr"] #symbicort-moa #symbicort-main #back-to-top, html[lang="fr"] #home-physician #back-to-top, html[lang="fr"] #symbicort-safety-information #symbicort-main #back-to-top, 
html[lang="fr"] #symbicort-main #back-to-top{width: 120px;} 
html[lang="fr"] #home-physician .cards-top-text h3{max-width: 1300px;margin: auto;}
html[lang="fr"] #home-physician .dwn-btn {width: 180px;}
html[lang="fr"] #home-physician .para-sec { max-width: 650px; }
html[lang="fr"] #symbicort-moa #moa-container .grey-wrapper ul li:before {content: "" !important; display:block !important; position: absolute;width: 6px;height: 6px;left: -15px;top: 10px;background: #000000;border-radius: 100%;}
html[lang="fr"] #symbicort-dosage #symbicort-main div[role="page-container"] ul.cmp-imagelist li.cmp-imagelist__item.col-2 h3.cmp-imagelist__title {min-height: 70px;}
html[lang="fr"] #symbicort-dosage div[role="page-container"] ul.cmp-imagelist li.cmp-imagelist__item.col-2 .cmp-imagelist__image {width: 100%; max-height: 222px;}
html[lang="fr"] #symbicort-main div[role="page-container"] .icons {min-height: 190px;}
/*@media screen and (min-width: 1400px){ */
/*}*/


@media screen and (max-width: 990px) {
    #home-physician .teaser--home-hero .cmp-teaser__image .cmp-image__image {min-height: 400px;}
} 

@media screen and (max-width: 767px){
    html[lang="fr"] #home-physician .cmp-teaser__pretitle .content-para1 {font-size: 42px;}
    html[lang="fr"] #home-physician .left-text, html[lang="fr"] #home-physician .sym-below-text1 {font-size: 38px;line-height: 51.2px;}
    html[lang="fr"] #home-physician .ilhaler-container {padding: 0px 25px;}  
    html[lang="fr"] #home-physician .left-content img { padding: 4px 0px;}
    html[lang="fr"] #home-physician .cmp-teaser__pretitle .content-para{font-size: 44px;line-height: 54px;}
    html[lang="fr"] #home-physician .para-sec span{display: inline;}
    html[lang="fr"] #symbicort-main #HomePageBanner p.banner-subtitle span{font-size: 44px;line-height: 54px;}
    html[lang="fr"] #symbicort-main div[role="page-container"] h2.cmp-title__text.cmp-title__text--h2 span {font-size: 42px;line-height: 52px;}
}

@media screen and (max-width: 479px){
    html[lang="fr"] #home-physician .cmp-teaser__pretitle .content-para1,
    html[lang="fr"] #home-physician .cmp-teaser__pretitle .content-para {font-size: 28px;line-height: 34px;}
    html[lang="fr"] #home-physician .para-sec1, html[lang="fr"] #home-physician .para-sec, html[lang="fr"] #home-physician .para-sec1 span{font-size: 20px;line-height: 28px;} 
    html[lang="fr"] #home-physician img.logo-image { width: 90px;} 
        html[lang="fr"] #home-physician img.logo-image {
        padding-top: 7px !important;
    }
    html[lang="fr"] #symbicort-main div[role="page-container"] p.callout-head span, #symbicort-main div[role="page-container"] p.callout-head span a, #symbicort-main div[role="page-container"] p.callout-head span i {
    font-size: 18px;
    line-height: 32px;
}
    html[lang="fr"] #home-physician .buttons a {
        padding: 2px 2px;
        text-align: center;
    }
    html[lang="fr"] #symbicort-main #HomePageBanner p.banner-subtitle span{font-size: 28px;line-height: 40px;}
    html[lang="fr"] #symbicort-main #HomePageBanner p.banner-subtitle, #symbicort-main #HomePageBanner p.banner-subtitle span {
        font-size: 28px;
        line-height: 40px;
    }
    html[lang="fr"] #home-physician .buttons {
    display: flex;
    gap: 12px;
}
    html[lang="fr"] #home-physician .buttons a {
        font-size: 10px;line-height: 16px;
    }
    html[lang="fr"] #symbicort-main div[role="page-container"] h2.cmp-title__text.cmp-title__text--h2 span {font-size: 36px;line-height: 42px;}
}


@media screen and (min-width: 1200px) and (max-width: 1280px) { 
    html[lang="fr"] #symbicort-dosage #symbicort-main div[role="page-container"] ul.cmp-imagelist li.cmp-imagelist__item.col-2 {width: calc(50% - 15px);}
}

@media screen and (min-width: 768px) and (max-width: 1438px) {
    html[lang="fr"] #home-physician .para-sec { line-height: 24px;}
}
@media screen and (min-width: 991px) and (max-width: 1366px) {    
    html[lang="FR"] #fasenra-home .cmp-experiencefragment.cmp-experiencefragment--Header, html[lang="FR"] #fasenra-efficacy-profile .cmp-experiencefragment.cmp-experiencefragment--Header, 
    html[lang="FR"] #fasenra-about .cmp-experiencefragment.cmp-experiencefragment--Header, html[lang="FR"] #fasenra-dosage .cmp-experiencefragment.cmp-experiencefragment--Header, 
    html[lang="FR"] #fasenra-resources .cmp-experiencefragment.cmp-experiencefragment--Header, html[lang="FR"] #tezspire-navigator-study .cmp-experiencefragment.cmp-experiencefragment--Header, 
    html[lang="FR"] #tezspire-pathway-study .cmp-experiencefragment.cmp-experiencefragment--Header, html[lang="FR"] #fasenra1-safety-information .cmp-experiencefragment.cmp-experiencefragment--Header {margin-bottom: 0px;} 
}

/*@media screen and (min-width: 1280px) and (max-width: 1850px) {*/
@media screen and (min-width: 1367px) and (max-width: 1740px) {
    html[lang="fr"] .cmp-experiencefragment--Header{/*margin-bottom: 120px;*/}
}
@media screen and (min-width: 1367px) and (max-width: 1850px) { 
    html[lang="fr"] .ic-header .cmp-navigation>ul.cmp-navigation__group .cmp-navigation__item--active ul.cmp-navigation__group:before {height: 112px;height: 56px;}
    html[lang="fr"] .ic-header .cmp-navigation>ul.cmp-navigation__group .cmp-navigation__item--active:nth-child(7) ul.cmp-navigation__group:before{height: 56px;}
    html[lang="FR"] #fasenra-home .cmp-experiencefragment.cmp-experiencefragment--Header, html[lang="FR"] #fasenra-efficacy-profile .cmp-experiencefragment.cmp-experiencefragment--Header, 
    html[lang="FR"] #fasenra-about .cmp-experiencefragment.cmp-experiencefragment--Header, html[lang="FR"] #fasenra-dosage .cmp-experiencefragment.cmp-experiencefragment--Header, 
    html[lang="FR"] #fasenra-resources .cmp-experiencefragment.cmp-experiencefragment--Header, html[lang="FR"] #tezspire-navigator-study .cmp-experiencefragment.cmp-experiencefragment--Header, 
    html[lang="FR"] #tezspire-pathway-study .cmp-experiencefragment.cmp-experiencefragment--Header, html[lang="FR"] #fasenra1-safety-information .cmp-experiencefragment.cmp-experiencefragment--Header {margin-bottom: 0px;/*margin-bottom: 56px;*/} 
}
 
@media screen and (min-width: 991px) and (max-width: 1700px) {
    html[lang="fr"] #home-physician .teaser--home-hero .cmp-teaser__image .cmp-image__image {min-height: 400px;} 
    html[lang="fr"] #home-physician .para-sec { line-height: 24px;}
} 

@media screen and (min-width: 991px) and (max-width: 1280px) {
    html[lang="fr"] #resource-container .teaser .cmp-teaser__content .cmp-teaser__description {margin: 10px 0px 15px;}
    html[lang="fr"] #symbicort-main #resource-container .teaser .cmp-teaser__content h4 p {font-size: 28px;line-height: 38px;}  
}

@media screen and (min-width: 1280px) and (max-width: 1440px) {  
    html[lang="fr"] #home-physician .para-sec {max-width: 550px;}
    html[lang="fr"] #home-physician .cmp-teaser__pretitle .content-para {font-size: 38px;line-height: 44px;}
    html[lang="fr"] #home-physician img.logo-image {max-width: 130px;}
}

@media screen and (min-width: 1441px) and (max-width: 1700px) {  
    html[lang="fr"] #home-physician .para-sec {max-width: 650px;}
    html[lang="fr"] #home-physician .cmp-teaser__pretitle .content-para {font-size: 38px;line-height: 44px;}
    html[lang="fr"] #home-physician img.logo-image {max-width: 130px;}
}

@media screen and (min-width: 1367px) and (max-width: 1919px) {  
    /*html[lang="fr"] .ic-header .cmp-navigation>ul.cmp-navigation__group .cmp-navigation__item--active.cmp-navigation__item--level-0:nth-child(4) ul.cmp-navigation__group a.cmp-navigation__item-link,*/
    /*html[lang="fr"] .ic-header .cmp-navigation>ul.cmp-navigation__group .cmp-navigation__item--active.cmp-navigation__item--level-0:nth-child(6) ul.cmp-navigation__group a.cmp-navigation__item-link{font-size: 16px;}*/
}

@media screen and (min-width: 768px) and (max-width: 845px){
 html[lang="fr"] #home-physician .left-text {padding-top: 19px;}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    html[lang="fr"] #symbicort-main div[role="page-container"] .icons {width: 360px;text-align: center;margin-bottom: 60px;}
    html[lang="fr"] #symbicort-main div[role="page-container"] #title-1-content p b:nth-child(2) {display: contents;}
    html[lang="fr"] #symbicort-safety-information .first-container p {font-size: 17px;}
    html[lang="fr"] #home-physician .teaser--home-hero .cmp-teaser__image .cmp-image__image {min-height: auto;}
}
@media screen and (min-width: 992px) and (max-width: 1535px) {
    html[lang="fr"] #home-physician .cmp-teaser__pretitle .content-para1 {font-size: 4vw;line-height: 4.8vw;} 
    html[lang="fr"] #home-physician img.logo-image {max-width: 9vw;}
}