#header:has(#head-update) #banner-navigation>div:last-child:has(#search-section) {
  display: none;
}

@media screen and (min-width: 992px) {
    /* #header:has(#head-update) div#banner-navigation {

        justify-content: unse;
        gap: 70px;
    } */

  #header:has(#head-update) #desktop-navigation ul.cmp-navigation__group {
    gap: 114px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1300px) {

  #header:has(#head-update) #desktop-navigation ul.cmp-navigation__group>li a[title="Report Side Effects"],
   #header:has(#head-update) #desktop-navigation ul.cmp-navigation__group>li a[title="Prescribing Information"],
   #header:has(#head-update) #desktop-navigation ul.cmp-navigation__group>li a[title="Managing Select ARs"],
   #header:has(#head-update) #desktop-navigation ul.cmp-navigation__group>li a[title="Clinical Trials Experience"] {
    max-width: 100%;
  }

  #header:has(#head-update) div#banner-navigation {
    gap: unset;
    justify-content: space-between;
    padding: 0 40px 0px 20px;
  }

  #header:has(#head-update) #desktop-navigation ul.cmp-navigation__group>li a[title="Clinical Trials Experience"]::after {
    left: 173px;
  }

  #header:has(#head-update) #desktop-navigation ul.cmp-navigation__group>li>a.cmp-navigation__item-link:after {
    top: 46%;
  }

  #header:has(#head-update) #desktop-navigation ul.cmp-navigation__group>li a[title="Managing Select ARs"]::after {
    margin-left: 55px;
  }

  #header:has(#head-update) #desktop-navigation ul.cmp-navigation__group>li a[title="Prescribing Information"]::after {
    left: 93%;
    top: 42%;
  }

  #header:has(#head-update) #desktop-navigation ul.cmp-navigation__group>li a[title="Report Side Effects"]::after {
    margin-left: -13px;
    left: 103%;
    top: 41%;
  }

  #header:has(#head-update) #desktop-navigation ul.cmp-navigation__group>li:has(a[title="Report Side Effects"]) {
    margin-left: 20px;
  }

  #header:has(#head-update) #desktop-navigation ul.cmp-navigation__group>li>a:hover span:after,
   #header:has(#head-update) #desktop-navigation ul.cmp-navigation__group>li>a:hover:has(~ div ul:hover) span:after,
   #header:has(#head-update) #desktop-navigation div ul.cmp-navigation__group li:has(.cmp-navigation__item--active)>a>span:after {
    width: 90%;
  }
}

@media screen and (max-width: 991px) {
  #header:has(#head-update) ul.cmp-navigation__group {
    top: 11px;
  }
  /* code without lang nav */
  /* html[lang="en"] #main-section {
  padding-top: 175px;
} */
/* code without lang nav */
  html[lang="en"] #main-section {
  /*padding-top: 195px;*/
}
}

@media screen and (min-width: 1230px) and (max-width: 1300px) {
  #header:has(#head-update) #desktop-navigation ul.cmp-navigation__group {
    gap: 80px;
  }
}

@media screen and (min-width: 1100px) and (max-width: 1230px) {
  #header:has(#head-update) #desktop-navigation ul.cmp-navigation__group {
    gap: 45px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1048px) {
  #header:has(#head-update) #desktop-navigation ul.cmp-navigation__group {
    gap: 12px;
  }

  #header:has(#head-update) div#banner-navigation {
    justify-content: unset;
  }
}

@media screen and (min-width: 1048px) and (max-width: 1100px) {
  #header:has(#head-update) #desktop-navigation ul.cmp-navigation__group {
    gap: 31px;
  }
}

/* CSS codefor compatbilty when language node is there  */
/*@media screen and (min-width: 380px) and (max-width: 500px) {
  html[lang="en"]:has(#head-update) #main-section {
    padding-top: 192px;
  }
}

@media screen and (min-width: 320px) and (max-width: 370px) {
  html[lang="en"]:has(#head-update) #main-section {
    padding-top: 192px;
  }
    @media screen and (min-width: 500px) and (max-width: 991px) {
  html[lang="en"]:has(#head-update) #main-section {
    padding-top: 161px;
  }

}*/
/* CSS codefor compatbilty when language node is there  */

/* new CSS code for go-live */

/*   @media screen and (min-width: 320px) and (max-width: 370px) {
    html[lang="en"]:has(#head-update) #main-section {
        padding-top: 178px;
    }
}*/

/*@media screen  and (max-width: 500px) {
    html[lang="en"]:has(#head-update) #main-section {
        padding-top: 175px;
    }
}*/

@media screen and (min-width: 501px) and (max-width: 610px) {
    /* html[lang="en"]:has(#head-update) #main-section {
        padding-top: 154px;
    } */
       html[lang="en"]:has(#head-update) #main-section {
        /*padding-top: 163px;*/
    }
}
/*@media screen and (min-width: 748px) and (max-width: 991px) {
    html[lang="en"] #main-section {
        padding-top: 145px;
    }*/
    @media screen and (min-width: 500px) and (max-width: 991px) {
    /* html[lang="en"] #main-section {
        padding-top: 145px;
    } */
         html[lang="en"] #main-section {
        /*padding-top: 163px;*/
    }
}

/* new CSS code for go-live */
/*accessibilty fix*/
@media screen and (min-width: 992px) {
   
  #desktop-navigation ul.cmp-navigation__group>li.open-focus>a~div ul, #desktop-navigation ul.cmp-navigation__group>li.open-focus>a~div ul, #desktop-navigation ul.cmp-navigation__group>li.open-focus>a~div ul {
    flex-wrap: wrap;
    max-width: 1280px;
    margin: 0 auto;
    row-gap: 16px;
    padding: 31px 0;
  }
    html:has(#head-update) .highlightinformation .cmp-highlightinfo.expanded .cmp-highlightinfo__container h3 a.cmp-highlightinfo__button {
    bottom: calc(100% - 217px);
}

}
/*accessibilty fix*/
/* ISI Updated  */
@media screen and (max-width: 991px) {
  html:has(#head-update) .highlightinformation .cmp-highlightinfo.expanded .cmp-highlightinfo__container h3 a.cmp-highlightinfo__button {
    bottom: calc(100% - 236px);
  }

  html:has(#head-update) #StickyWrapper.cmp-highlightinfo.expanded {
    bottom: calc(0% - 194px);
  }

  html:has(#head-update) #mobile-isi-2 #StickyWrapper.expanded {
    bottom: calc(0% - 240px);
  }

  html:has(#head-update) #mobile-isi-2 .highlightinformation .cmp-highlightinfo.expanded .cmp-highlightinfo__container h3 a.cmp-highlightinfo__button {
    bottom: calc(100% - 283px);
  }


  html:has(#head-update) #StickyWrapper.cmp-highlightinfo.expanded {
    bottom: calc(0% - 163px);
  }

  html:has(#head-update) .highlightinformation .cmp-highlightinfo.expanded .cmp-highlightinfo__container h3 a.cmp-highlightinfo__button {
    bottom: calc(100% - 204px);
  }

  html:has(#head-update) #mobile-isi-2 #StickyWrapper.expanded {
    bottom: calc(0% - 225px);
  }

  html:has(#head-update) #mobile-isi-2 .highlightinformation .cmp-highlightinfo.expanded .cmp-highlightinfo__container h3 a.cmp-highlightinfo__button {
    bottom: calc(100% - 250px);
  }
 html:has(#head-update) #mobile-isi-2>.highlightinformation>#StickyWrapper.expanded span.cmp-highlightinfo__content {
    margin-top: 60px;
}

html:has(#head-update) #mobile-isi-2 #StickyWrapper.expanded {
    bottom: calc(0% - 208px);
}
}

/* ISI Updated  */


/*code for compatbilty when language nav is not there*/
/*@media screen and  (max-width: 991px) {*/
/*    html[lang="en"] #main-section {*/
/*        padding-top: 180px;*/
/*    }*/
/*}*/
@media screen and (min-width: 500px) and (max-width: 991px) {
    html[lang="en"] #main-section {
        padding-top: 165px;
    }
}
/*@media screen and (min-width: 501px) and (max-width: 610px) {*/
/*    html[lang="en"]:has(#head-update) #main-section {*/
/*        padding-top: 156px;*/
/*    }*/
/*}*/
@media screen and (min-width: 1300px) and (max-width: 1370px) {
#header>.container:has(#banner-navigation) {
    background: #004d74;
    padding: 8px 10px 8px;

}
        #utility-nav .cmp-topnavigation {
        padding: 16px 10px;
    }
}