/******Mandarin Style*******/
@media screen and (min-width:992px) {
    /* Header starts */

    html[lang="zh"] #banner-navigation>.container.responsivegrid:has(#header-logo) {
        max-width: 114px;
        width: 100%;
    }

    html[lang="zh"] div#banner-navigation {
        justify-content: space-between;
    }

    html[lang="zh"] #banner-navigation>.container.responsivegrid:has(#main-navigation) {
        width: 100%;
    }

    html[lang="zh"] #desktop-navigation ul.cmp-navigation__group {
        justify-content: flex-end;
        column-gap: 20px;
        padding-right: 20px;
    }

    /* Header ends */
    /* indication-trails */
    html[lang="zh"] #indication-trails .content-section {
        min-height: 350px;
    }
    html[lang="zh"] .desktop-wrap{
        white-space: nowrap;
    }
    html[lang="zh"] .text:has(#inner-menu)  {
        max-width: 1110px;
        width: 100%;
    }
    html[lang="zh"] .br-none-zh{
        display: none;
    }

   html[lang="zh"]  #main-section .right-sub-section {
        scroll-margin-top: 34px;
    }
}

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

    html[lang="zh"] #main-section {
        padding-top: 192px;
    }

    html[lang="zh"] #utility-nav .cmp-topnavigation li:first-child {
        flex-basis: 100%;
    }

    html[lang="zh"] #utility-nav .cmp-topnavigation li {
        flex-basis: auto;
    }

    html[lang="zh"] #utility-nav .cmp-topnavigation li a {
        width: fit-content;
    }

    html[lang="zh"] #utility-nav:has(#language-dropdown) .cmp-topnavigation li:last-child {
        flex-basis: 100%;
    }

    html[lang="zh"] #utility-nav .country-lang {
        margin-left: 126px;
    }

    html[lang="zh"] #isi-section #mobile-isi-2 .cmp-highlightinfo .container.isi-sticky-container {
        top: 35px !important;
    }

    html[lang="zh"] #isi-section #mobile-isi-2 .cmp-highlightinfo.expanded .container.isi-sticky-container {
        top: 0 !important;
    }
    html[lang="zh"] .mobile-wrap{
        white-space: nowrap;
    }
    html[lang="zh"] .wrapping-text{
        white-space: nowrap;
        display: block;
    }
    html[lang="zh"] .br-none-zh{
        display: none;
    }
    html[lang="zh"] ul.cmp-languagenavigation__group {
        width: 97px;
        margin: 0 auto 0 126px;
    }
  html[lang="zh"]   #main-section .right-sub-section {
    scroll-margin-top: 250px;
}
}

/* compatabilty CSS */
@media screen and (min-width: 426px) and (max-width: 500px) {
    html[lang="zh"] #utility-nav:has(#language-dropdown) {
        max-width: 352px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {

    html[lang="zh"] .blue-wrapper .content-section,
    html[lang="zh"] .pink-wrapper .content-section {
        min-height: 350px;
    }

    html[lang="zh"] .purple-wrapper .content-section,
    html[lang="zh"] .yellow-wrapper .content-section {
        min-height: 265px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1300px) {
    html[lang="zh"] #indication-trails .yellow-wrapper .content-section {
        min-height: auto;
    }

    html[lang="zh"] #desktop-navigation ul.cmp-navigation__group>li a[title="Clinical Trials Experience"]::after {
        left: 90px !important;
        top: 35px !important;
    }

    html[lang="zh"] #desktop-navigation ul.cmp-navigation__group>li>a.cmp-navigation__item-link:after {

        top: 49%;
        left: 101px;
    }

    html[lang="zh"] #desktop-navigation ul.cmp-navigation__group>li a[title="Report Side Effects"]::after {
        /* margin-left: 0px; */
        left: 80px;
        top: 30px;
    }

    html[lang="zh"] #desktop-navigation ul.cmp-navigation__group>li>a[title="Prescribing Information"]::after {

        left: 64px;
        top: 30px;
    }
    html[lang="zh"] #desktop-navigation ul.cmp-navigation__group>li>a[target="_blank"]:after,  html[lang="zh"] #desktop-navigation ul.cmp-navigation__group>li>a[target="_blank"]:hover:after {
        margin-left: 8px;
    }
}

@media screen and (min-width: 1184px) {
    html[lang="zh"] .tab-list-inner .tab-list {

        overflow-x: auto;

    }

}
@media screen and (min-width: 500px) and (max-width: 991px){
    html[lang="zh"] #utility-nav .cmp-topnavigation li:first-child {
        flex-basis: auto;
    }
    html[lang="zh"] #utility-nav:has(#language-dropdown) .cmp-topnavigation li:nth-child(3) {
        padding-top: 0px;
    }

}
@media screen and (min-width: 501px) and (max-width: 610px) {
    html[lang="zh"] #main-section {
        /* updated when alignment changed for top navigtion */
        /* padding-top: 203px; */
        padding-top: 163px;

    }
}
 /* updated when alignment changed for top navigtion */
 @media screen and (min-width: 611px) and (max-width: 991px) {
    html[lang="zh"] #main-section {

        padding-top: 163px;
    }
} 

@media screen and (min-width: 400px) and (max-width: 425px) {
    html[lang="zh"]   #indication-trails #main-section {
        padding-top: 195px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1272px) {
    html[lang="zh"] .br-none-zh{
        display: block;
    }
}
@media screen and (min-width: 320px) and (max-width: 350px) {
    html[lang="zh"] .br-none-zh{
        display: block;
    }
}
@media screen and (min-width: 388px) and (max-width: 991px) {
    html[lang="zh"] .span-wrap-zh{
       white-space: nowrap;
    }
}

/******Chinese update  with lanuage node updated 0n 14-03-24*****/

@media screen and (max-width: 991px) {
    html[lang="zh"] #main-section {
        padding-top: 195px;
    }
}

@media screen and (min-width: 501px) and (max-width: 669px) {
    html[lang="zh"] #main-section {
        padding-top: 163px;
    }
}

@media screen and (min-width: 670px) and (max-width: 991px) {
    html[lang="zh"] #main-section {
        padding-top: 124px;
    }
}

/******Chinese update  with lanuage node updated 0n 14-03-24*****/


/******Code for single navigation *****/
 @media screen and (min-width:670px) and (max-width: 991px) {
    html[lang="zh"] #utility-nav .country-lang {
        margin-left: 565px;
    }
    html[lang="zh"] #utility-nav:has(#language-dropdown) .cmp-topnavigation li:last-child {
        padding-top: 0px;
    }
    html[lang="zh"] #utility-nav .cmp-topnavigation ul {
       flex-wrap: nowrap;
    }
	 html[lang="zh"] ul.cmp-languagenavigation__group {
        width: 97px;
        margin: 0 auto 0 565px;
    }
      
} 
/******Code for single navigation *****/


/*96572 update*/
 @media screen and (min-width:992px) and (max-width: 1100px) {
    html[lang="zh"] #indication-trails #flex-section-indi, .three-column-flex, #indication-trails #patient-support-and-resources {
        padding-left:20px;
        padding-right:20px;
    } 
 }
 /*96572 update*/