thead#sticky tr th:nth-child(1) {
  width: 24%;
}

thead#sticky tr th:nth-child(2) {
  width: 19%;
}

thead#sticky tr th:nth-child(3) {
  width: 4%;
}

thead#sticky tr th:nth-child(4) {
  width: 4%;
}

thead#sticky tr th:nth-child(5) {
  width: 30%;
}

thead#sticky tr th:nth-child(6) {
  width: 12%;
}

thead#sticky tr th:nth-child(7) {
  width: 6%;
}

@media only screen and (min-width: 1800px) {
  body.path-hpapis .g-recaptcha div iframe {
    margin-left: 33px;
    margin-right: 15px;
  }

  body.page-node-product .g-recaptcha div {
    margin-bottom: 15px !important;
  }
}

@media only screen and (min-width: 1400px) {
  .anti-diabetic {
    max-width: 1320px;
    margin: 0 auto;
  }

  .cphi-na-data {
    max-width: 1320px;
    margin: 0 auto;
  }

  .views-view-grid .clearfix .views-col {
    max-height: 460px;
  }

  body.lang-pt-pt .trendingTopics header a,
  body.lang-pt-pt .download-product-list header a {
    /* top: -16px; */
  }

  .myScroll .scrollItems .textArea p {
    height: 226px;
    padding: 20px 50px;
  }

  body.path-frontpage section.resourceSec .owl-carousel .owl-item::before {
    height: 270px;
  }

  body.page-anti-diabetic .trendingTopics header a {
    left: -40px;
    top: -44px;
  }

  body.page-anti-diabetic.lang-pt-pt .trendingTopics header a,
  body.page-anti-diabetic.lang-pt-pt .download-product-list header a {
    left: -40px;
    top: -44px;
  }

  .innerBlock.block4 {
    width: 210px;
  }

  .peptideGraph ul li:nth-child(7) {
    right: 200px;
  }

  .peptideGraph ul li:last-child {
    right: 188px;
  }

  .peptideGraph ul li:last-child div {
    margin-top: -34px;
  }

  .peptideGraph ul li:nth-child(9) {
    bottom: 115px;
    right: 123px;
  }

  .peptideGraph ul li:nth-child(8) {
    bottom: 4px;
    right: 399px;
  }

  .peptideGraph ul li:nth-child(4) {
    bottom: 88px;
    left: 389px;
  }

  .peptideGraph ul li:nth-child(5) {
    top: 51px;
    left: 455px;
  }

  .peptideGraph ul li:nth-child(6) {
    top: 270px;
    left: 506px;
  }

  .peptideGraph ul li:nth-child(3) {
    bottom: 45px;
    left: 205px;
  }

  .peptideGraph ul li:nth-child(2) {
    bottom: 130px;
    left: 142px;
  }

  .peptideGraph ul li:first-child {
    bottom: 246px;
    left: 162px;
  }

  .peptideGraph ul li div {
    max-width: 180px;
  }
}

@media only screen and (min-width: 1440px) {
  .bannerSec {
    height: auto;
    max-height: 600px;
  }

  #homeBanner .owl-dots {
    top: 70%;
  }

  #homeBanner .item .mycon a.knowMore {
    margin-top: 86px !important;
  }
}

@media only screen and (min-width: 1200px) {
  .anti-diabetic {
    /* max-width: 1140px; */
    margin: 0 auto;
  }

  .cphi-na-data {
    max-width: 1140px;
    margin: 0 auto;
  }

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1320px !important;
  }
}

@media screen and (max-width: 1600px) {
  ul.quicktabs-tabs li a {
    min-width: 180px;
    margin-right: 10px;
  }
}

@media screen and (max-width: 1439px) {
  #homeBanner .item .mycon h2 .CPHLbannerText p.lineOne.barcelona {
    margin: 20px 0 10px 0 !important;
  }

  #homeBanner .item .mycon div.h2 .CPHLbannerText p.lineOne.barcelona {

    margin: 0px 0 10px 0 !important;
  }

  #homeBanner .item .mycon h2 .CPHLbannerText h2.LineTwo.barcelona {
    font-size: 35px !important;
    line-height: 35px !important;
  }

  #homeBanner .item .mycon div.h2 .CPHLbannerText h2.LineTwo.barcelona {
    font-size: 35px !important;
    line-height: 35px !important;
  }

  #homeBanner .item .mycon h2 .CPHLbannerText div.lineThree.barcelona img {
    max-width: 210px;
  }

  #homeBanner .item .mycon div.h2 .CPHLbannerText div.lineThree.barcelona img {
    max-width: 150px;
    height: auto;
    margin: 5px 0px;
  }

  .DcatBannerMid {
    margin-top: 0px !important;
  }

}

@media screen and (max-width: 1399px) {
  /* .owl-carousel .owl-stage-outer {
    max-width: 1118px;
    margin: 0 auto;
  } */

  .newEventSection .owl-carousel .owl-stage-outer {
    max-width: 100%;
    margin: 0 auto;
  }

  #homeBanner .owl-stage-outer {
    max-width: 100%;
    margin: 0 auto;
  }


  .item.achivementBox {
    width: 330px;
  }

  .item.dcatResourcesSecBox {
    width: 330px;
  }

  #landing-form .rc-anchor-normal {
    width: 287px;
  }

  body.page-anti-diabetic .trendingTopics header a {
    left: -34px;
  }

  .bannerSec {
    height: auto;
    overflow-y: hidden;
    overflow-x: hidden;
  }

  .ApiSolutionSection {
    margin-top: -81px;
  }

  #homeBanner .item .mycon {
    top: 30px;
  }

  #fixedHeader .container {
    max-width: 100% !important;
  }

  .aboutTab ul li.nav-item:first-child {
    min-width: 120px;
    background-size: 120px;
  }

  .aboutTab ul li.nav-item:first-child a.nav-link.active::after {
    left: 50px;
    bottom: -18px;
  }

  .aboutTab ul li.nav-item:nth-child(2) {
    min-width: 120px;
    background-size: 120px;
  }

  .aboutTab ul li.nav-item:nth-child(2) a.nav-link.active::after {
    left: 50px;
    bottom: -18px;
  }

  .aboutTab ul li.nav-item:nth-child(3) {
    min-width: 120px;
    background-size: 120px;
  }

  .aboutTab ul li.nav-item:nth-child(3) a.nav-link.active::after {
    left: 50px;
    bottom: -18px;
  }

  .aboutTab ul li.nav-item:nth-child(4) {
    min-width: 120px;
    background-size: 120px;
  }

  .aboutTab ul li.nav-item:nth-child(4) a.nav-link.active::after {
    left: 50px;
    bottom: -18px;
  }

  .aboutTab ul li.nav-item:nth-child(5) {
    min-width: 120px;
    background-size: 120px;
  }

  .aboutTab ul li.nav-item:nth-child(5) a.nav-link.active::after {
    left: 50px;
    bottom: -18px;
  }

  .aboutTab ul li.nav-item:nth-child(6) {
    min-width: 120px;
    background-size: 120px;
  }

  .aboutTab ul li.nav-item:nth-child(6) a.nav-link.active::after {
    left: 50px;
    bottom: -18px;
  }

  .aboutTab ul li.nav-item:nth-child(7) {
    min-width: 120px;
    background-size: 120px;
  }

  .aboutTab ul li.nav-item:nth-child(7) a.nav-link.active::after {
    left: 50px;
    bottom: -18px;
  }

  .aboutTab ul li.nav-item:nth-child(8) {
    min-width: 120px;
    background-size: 120px;
  }

  .aboutTab ul li.nav-item:nth-child(8) a.nav-link.active::after {
    left: 50px;
    bottom: -18px;
  }

  .aboutTab ul li.nav-item a.nav-link.active,
  .aboutTab ul li.nav-item a.nav-link:hover,
  .aboutTab ul li.nav-item a.nav-link:focus {
    font-size: 22px;
  }

  #whitepaperscarousal .item img,
  #articlescarousal .item img,
  #newscarousal .item img,
  #webinarcarousal .item img,
  #eventscarousal .item img,
  #updatescarousal .item img {
    display: block;
    min-width: 344px;
    max-width: 100%;
    min-height: 230px;
  }

  .resourceDescBox {
    min-width: 344px;
    max-width: 100%;
  }

  .mainContent p {
    font-size: 16px;
    line-height: 24px;
  }

  .nav-btn.prev-slide {
    background-size: 30px;
    width: 30px;
    height: 30px;
  }

  .nav-btn.next-slide {
    background-size: 30px;
    width: 30px;
    height: 30px;
  }

  #eventscarousal button.owl-next {
    right: -28px;
  }

  #whitepaperscarousal button.owl-prev {
    left: 20px !important;
  }

  #articlescarousal button.owl-prev {
    left: 20px !important;
  }

  #newscarousal button.owl-prev {
    left: 20px !important;
  }

  #webinarcarousal button.owl-prev {
    left: 20px !important;
  }

  #eventscarousal button.owl-prev {
    left: 20px !important;
  }

  #updatescarousal button.owl-prev {
    left: 20px !important;
  }

  ul.btnTopArea li {
    margin-left: 6px;
    margin-bottom: 6px;
  }

  .trendingTopics header a,
  .download-product-list header a {
    top: 33px;
    left: 10px;
  }

  .expertisePoints ul li {
    max-width: 260px;
  }

  .expertisePoints {
    background-size: 965px;
  }

  .expertisePoints ul:last-child {
    margin-top: -5px;
  }

  .peptideAnalyticalWrapper p:last-child {
    margin-bottom: 0px;
  }

  .peptideGraph ul li p {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 10px;
  }

  .peptideGraph ul li h5 {
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
  }

  .peptideGraph ul li h5 {
    margin-bottom: 5px;
  }

  .peptideGraph {
    min-height: 550px;
    background-size: 650px;
  }

  .peptideGraph ul li div {
    max-width: 150px;
  }

  .peptideGraph ul li:nth-child(7) {
    top: 104px;
    right: 236px;
  }

  .peptideGraph ul li:nth-child(7) div {
    margin-left: 10px;
    margin-top: -20px;
  }

  .peptideGraph ul li:last-child {
    top: 193px;
    right: 222px;
  }

  .peptideGraph ul li:nth-child(5) {
    flex-direction: column;
    top: 56px;
    left: 446px;
  }

  .peptideGraph ul li:nth-child(5) div {
    margin-left: -30px;
    max-width: 190px;
  }

  .peptideGraph ul li:nth-child(6) {
    top: 234px;
    left: 482px;
  }

  .peptideGraph ul li:nth-child(6) div {
    margin-top: 10px;
  }

  .peptideGraph ul li:nth-child(4) {
    bottom: 84px;
    left: 385px;
  }

  .peptideGraph ul li:nth-child(4) div {
    padding-left: 10px;
    max-width: 190px;
  }

  .peptideGraph ul li:nth-child(8) {
    bottom: 0px;
    right: 398px;
  }

  .peptideGraph ul li:nth-child(8) div {
    padding-top: 71px;
    margin-right: -76px;
    max-width: 190px;
  }

  .peptideGraph ul li:nth-child(9) {
    bottom: 94px;
    right: 132px;
  }

  .peptideGraph ul li:nth-child(9) div {
    margin-left: 10px;
    max-width: 190px;
  }

  .peptideGraph ul li:nth-child(3) {
    bottom: 30px;
    left: 227px;
  }

  .peptideGraph ul li:nth-child(2) {
    bottom: 104px;
    left: 182px;
  }

  .peptideGraph ul li:first-child {
    flex-direction: column;
    bottom: 209px;
    left: 198px;
  }

  .peptideGraph ul li span {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }

  .DcatBannerTop {
    margin-top: 0px;
  }

  .DcatBannerTop span.dcat1 {
    font-size: 40px !important;
    width: 100%;
  }

  .DcatBannerTop span.dcat2, .DcatBannerTop span.dcat3 {
    line-height: 23px !important;
    display: block;
    width: 100%;
  }

  .DcatBannerTop span.dcat2, .DcatBannerTop span.dcat3 {
    font-size: 21px !important;
  }

  .DcatBannerTop br {
    display: none;
  }

  .DcatBannerMid span.dcat4 {
    font-size: 18px !important;
    margin-bottom: 8px !important;
  }

  .DcatBannerBottom span {
    font-size: 14px !important;
  }

  /* .disclaimer-text-api {
  top: 446px;
} */

  .expertisePoints {
    background: url(../images/expertise-line-bg.png) no-repeat top 11px right 183px;
  }

  .expertisePoints ul:last-child {
    margin-top: 9px;
  }
}

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

  .newSearchContainer {
    max-width: 1170px;
  }

  .approachHandilingGraph {
    min-height: 446px;
  }

  #homeBanner .item .mycon h2 .CPHLbannerText p.lineOne.barcelona {
    margin: 0px 0 10px 0 !important;
  }

  .lineFour.barcelona:last-child {
    margin-bottom: 20px !important;
  }

  #homeBanner .item .mycon h2 .CPHLbannerText div.lineThree.barcelona img {
    max-width: 183px;
  }

  #homeBanner .item .mycon h2 .CPHLbannerText div.lineFour.barcelona {
    font-size: 14px;
    line-height: 14px !important;
  }

  .footerContact li a {
    font-size: 14px;
  }

  ul.socialFooterIcon li {
    margin-right: 12px;
  }

  .DcatBannerTop.cphiJapan2024.milan2024.india div.dcat2,
  .DcatBannerTop.cphiJapan2024.milan2024.india div.dcat3 {
    font-size: 35px !important;
    line-height: 35px !important;

  }

  .DcatBannerTop.cphiJapan2024.milan2024.india div.dcat3 {
    font-size: 35px !important;
  }

  .DcatBannerTop.cphiJapan2024.milan2024.india div.dcat3 img {
    max-width: 200px;
    height: auto;
  }

  .DcatBannerTop.cphiJapan2024.milan2024.india .dcat2 div {
    font-size: 35px !important;
    line-height: 45px !important;
    max-width: 55% !important;
  }

  .DcatBannerTop.cphiJapan2024.milan2024.india .dcat3 div {
    font-size: 35px !important;
    line-height: 45px !important;
  }

  .DcatBannerTop.cphiJapan2024.milan2024.india div.dcat3 p {
    font-size: 35px !important;
  }

}

@media screen and (max-width: 1366px) {
  #sticky-anchor {
    position: fixed;
    top: 70px;
    display: none;
    width: 82% !important;
  }

  thead#sticky tr th:nth-child(1) {
    width: 26.1% !important;
  }

  .classyslider-vertical-slider>li .slide-widget-caption {
    right: 50px;
  }

  .articleTab .swiper-slide {
    width: 340px !important;
  }

  #news .articleSliderBox.swiper-slide {
    width: 340px !important;
  }

  .contactArticles .swiper-slide {
    width: 340px !important;
  }

  ul.quicktabs-tabs li a {
    min-width: 180px;
    margin-right: 10px;
  }

  #fixedHeader .container {
    max-width: 100% !important;
  }

  div#block-reddy-branding img {
    width: 150px;
  }

  div#block-reddy-branding ul li a {
    font-size: 20px;
  }


  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1260px !important;
  }


}

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

  #cphi-owl-one .owl-nav button.owl-prev,
  #achivements .owl-nav button.owl-prev {
    left: 17px;
  }

  body.page-events-cphi-india-2024 #achivements .owl-nav button.owl-prev {
    left: -14px;
  }


  #cphi-owl-one .owl-nav button.owl-next,
  #achivements .owl-nav button.owl-next {
    right: -20px;
    z-index: 99999;
  }

  body.page-events-cphi-india-2024 #achivements .owl-nav button.owl-next {
    right: -41px;
    z-index: 99999;
  }

  .DcatBannerTop span.dcat1 {
    font-size: 45px !important;
    display: block;
    width: 100%;
  }

  .DcatBannerTop {
    margin-top: 0px;
    line-height: 24px;
  }

  .DcatBannerTop span.dcat2, .DcatBannerTop span.dcat3 {
    font-size: 24px !important;
    line-height: 28px !important;
    display: block;
    width: 100%;
  }

  .DcatBannerMid span.dcat4 {
    font-size: 18px !important;
    margin-bottom: 4px !important;
  }

  .DcatBannerBottom span {
    font-size: 14px !important;
  }

  .knowMore {
    height: 40px;
    /* line-height: 21px; */
  }

  body.page-events-dcat-2024 .bannerBox {
    justify-content: space-around;
  }

  .qContact a,
  .qContact2 a {
    width: 56px;
    font-size: 12px;
    line-height: 14px;

  }
}


@media screen and (max-width: 1260px) {
  .contactFormSection .inner_breadcrumb {
    max-width: 97%;
    margin: 0 auto !important;
  }

  .main_menu {
    display: none !important;
  }

  .col-9.menuArea {
    display: flex;
    align-items: center;
    width: 50%;
  }

  .headerWrapper .col-3 {
    flex: 0 0 auto;
    width: 50%;
  }

  .headerNavSection li:last-child {
    display: block;
  }

  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 100% !important;
  }

  .newHomePage .container {
    max-width: 98% !important;
  }


  .views-view-grid .clearfix .views-col {
    max-height: 450px;
  }

  .peptideGraph {
    display: none;
  }

  .peptideGraph2 {
    display: block;
    margin-bottom: 20px;
  }
}

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

  /*Cphi milan 2024*/
  .cphiMilanLandingPage .container {
    max-width: 94% !important;
    margin: 0 auto;
  }

  body.page-events-cphi-milan-2024 .dcatsustainabilityBox.cphiMilan {
    width: 100% !important;
  }
}

@media screen and (max-width: 1199px) {
  .anti-diabetic {
    max-width: 99%;
    margin: 0 auto;
  }

  .cphi-na-data {
    max-width: 99%;
    margin: 0 auto;
  }

  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 99% !important;
  }

  section.newEventSection .container,
  section.newAwardSection .container {
    max-width: 94% !important;
  }


  .articleTab .swiper-slide {
    width: 290px !important;
    margin-right: 20px;
  }

  #news .articleSliderBox.swiper-slide {
    width: 290px !important;
    margin-right: 20px;
  }

  .contactArticles .swiper-slide {
    width: 290px !important;
    margin-right: 20px;
  }

  .trendingTopics header a {
    left: -17px;
    top: -159px;
  }

  #slide-out {
    display: block;
  }

  .quicktabs-tabs {
    flex-wrap: wrap;
  }

  ul.quicktabs-tabs li {
    margin-bottom: 10px;
  }

  ul.btnTopArea {
    display: flex;
    align-self: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: auto 10px;
  }

  body.page-form-contact-us-product .webform-submission-form .form-select {
    margin-left: 30px !important;
  }

  body.page-form-contact-us-product .js-form-item.form-item.js-form-type-textfield.form-item-mobile-no.js-form-item-mobile-no.form-no-label {
    width: 50% !important;
  }

  body.page-form-contact-us-product .js-form-item.form-item.js-form-type-textfield.form-item-company.js-form-item-company.form-no-label {
    width: 50% !important;
  }

  /*contact page css update */

  body.page-form-contact-us-product input#edit-email {
    margin-left: 30px;
  }

  .keyFocusOne {
    max-width: 134px;
  }

  .keyFocusTwo {
    max-width: 100px;
  }

  .keyFocusThree {
    bottom: -4px;
    right: 48px;
    max-width: 134px;
  }

  .keyFocusFour {
    bottom: -4px;
    left: 89px;
    max-width: 98px;
  }

  .keyFocusFive {
    max-width: 100px;
  }

  .keyFocusSix {
    left: 85px;
    max-width: 100px;
  }

  .expertisePoints ul li {
    max-width: 260px;
  }

  body.page-anti-diabetic .trendingTopics header a {
    left: -24px !important;
    top: -10px !important;
  }
}

@media screen and (max-width: 1190px) {
  .expertisePoints ul li {
    max-width: 252px;
  }

  .DcatBannerTop.cphiJapan2024.milan2024 div.dcat3 {
    font-size: 36px !important;
  }

  .DcatBannerTop.cphiJapan2024.milan2024 div.dcat3 img {
    max-width: 42%;
  }

  .DcatBannerTop.cphiJapan2024.milan2024 .dcat2 div {
    font-size: 36px;
    line-height: 46px;
  }
}

@media screen and (max-width: 1090px) {
  .expertisePoints ul li {
    max-width: 210px;
  }

  .expertisePoints ul li p {
    font-size: 14px;
    line-height: 18px;
  }

  .expertisePoints {
    background-size: 808px;
  }

  .expertisePoints ul:last-child {
    margin-top: 5px;
  }
}

@media screen and (max-width: 1024px) {
  .productMainWrapper .col-md-5 {
    flex: 0 0 auto;
    width: 100%;
    text-align: center;
  }

  .productMainWrapper .col-md-7 {
    flex: 0 0 auto;
    width: 100%;
  }

  ul.btnTopArea {
    margin-top: 15px;
  }

  .g-recaptcha div iframe {
    max-width: 100% !important;
  }

  .innerPageBanner h1 {
    margin-top: 100px;
    font-size: 30px;
    line-height: 32px;
  }

  .rightContactBox {
    padding: 15px;
  }

  .productRightDesc .field {
    width: 49%;
  }

  .hpapiManufacturingWrapper ul li {
    width: 18%;
  }

  .hpapiManufacturingWrapper ul li#hpapi9 div::after {
    height: 190%;
  }

  .keyFocusSix {
    left: 83px;
  }

  .keyFocusFour {
    left: 87px;
  }

  .keyFocusThree {
    right: 47px;
  }

  #homeBanner .item .mycon a.knowMore {
    margin-top: 80px !important;
  }

  body.path-frontpage section.resourceSec .owl-carousel .owl-item::before {
    height: 203px;
  }
}

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

  .footerWrapper .accordion-body {
    text-align: left !important;
  }

  .DcatBannerTop.cphiJapan2024.milan2024 div.dcat3 img {
    max-width: 40% !important;
  }

  .js-form-item.form-item.js-form-type-textfield.form-item-name.js-form-item-name.form-no-label,
  .js-form-item.form-item.js-form-type-email.form-item-email.js-form-item-email.form-no-label,
  .js-form-item.form-item.js-form-type-textfield.form-item-mobile-no.js-form-item-mobile-no.form-no-label,
  .js-form-item.form-item.js-form-type-textfield.form-item-company.js-form-item-company.form-no-label {
    width: 100% !important;
  }

  .path-contact-us .accordion-item h2 {
    margin: 0px !important;
  }

  body.page-cphi-na .header_search_append {
    display: none !important;
  }

  body.page-cphi-na .dcatNavbar .navbar-nav .nav-link {
    color: #fff !important;
    text-align: left;
  }

  body.page-cphi-na .navbar-toggler.collapsed span {
    background: #5f4ba0;
  }

  body.page-cphi-na .navbar-toggler span.snd {
    width: 22px !important;
    margin-left: 8px !important;
  }

  body.page-cphi-na .nav-link.meetUsBtn {
    text-align: center !important;
  }

  body.page-cphi-na .navbar-toggler span.snd {
    width: 22px !important;
    margin-left: 8px !important;
  }

  body.page-cphi-na .navbar-toggler span {
    width: 30px;
    height: 2px;
    background: #5f4ba0;
    display: block;
    margin: 4px 0;
    transition: all 0.5x;
  }

  .navbar-expand-lg .navbar-nav {
    float: left;
    width: 100%;
  }

  .footerWrapper .accordion-button {
    padding: 0px;
    text-align: left;
    border-bottom: 1px solid #6d5ba9;
    font-family: "DRLCircular-Black";
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 31px;
    color: #fff;
    padding: 20px 0px;
  }

  .copyrightInfo {
    margin-top: 10px;
    margin-bottom: 0px;
  }

  .footerWrapper .accordion-button {
    border-color: #6d5ba9;
  }

  .footerWrapper .accordion-button:not(.collapsed) {
    background: none;
    color: #fff;
    border-bottom: 1px solid #c1b1f4;
  }

  .footerWrapper .accordion-body {
    background-color: transparent;
  }

  .footerWrapper .accordion-button::after {
    width: 25px !important;
    height: 25px !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-size: 25px !important;
    content: "+" !important;
    font-size: 40px !important;
    font-weight: normal !important;
    font-family: "DRLCircular-Light" !important;
  }

  .footerWrapper .accordion-button:not(.collapsed)::after {
    width: 25px !important;
    height: 25px !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-size: 25px !important;
    content: "-" !important;
    font-size: 40px !important;
    font-weight: normal !important;
    font-family: "DRLCircular-Light" !important;
  }

  .headerBtnSec .field--name-body a {
    padding-top: 4px !important;
  }

  .headerBtnSec .field--name-body a {
    width: 100%;
    text-align: center;
    background: #502e92;
    border: none;
    font-size: 22px !important;
    height: 50px;
    line-height: 45px;
    border-radius: 25px !important;
  }

  .js-form-item.form-item.js-form-type-textfield.form-item-apisearch.js-form-item-apisearch {
    position: relative;
    margin: 40px 0px 30px;
  }

  #edit-apisearch {
    width: 100%;
    height: 48px;
    border-radius: 25px;
    border: none !important;
    outline: none !important;
    background: #efefef;
    padding-left: 15px;
  }

  .api-search-form #edit-send {
    width: 30px;
    height: 30px;
    background: url(../images/inner-search-icon.svg) no-repeat right center #efefef;
    position: absolute;
    top: 103px;
    right: 48px;
    background-size: 24px;
    font-size: 0px;
  }

  #navbarSupportedContent .mobOff {
    display: none;
  }

  #navbarSupportedContent .mobOn {
    display: block;
  }

  .footerWrapper .mobOff {
    display: none;
  }

  .footerWrapper .mobOn {
    display: block;
  }

  .eDate {
    bottom: 227px;
    right: 0;
  }

  body.page-contact-us .form-textarea {
    width: calc(100% - 44px);
  }

  iframe#anvisa_video {
    width: 100%;
  }

  .container,
  .container-md,
  .container-sm {
    max-width: 99% !important;
  }


  .whoImage {
    position: relative;
    min-height: 100px;
  }

  .whoImage img {
    width: 100px;
    z-index: 99;
  }

  ul.quicktabs-tabs li {
    margin-bottom: 0px;
  }

  .approchPoint {
    max-width: 300px;
  }

  #approch-One {
    right: 94px;
  }

  #approch-two {
    right: -28px;
  }

  #approch-three {
    right: -9px;
  }

  #approch-four {
    left: -2px;
  }

  #approch-five {
    left: -22px;
  }

  .mapHolder,
  .mapItemList {
    min-width: 100%;
    flex: auto;
  }

  .mapHolder {
    padding-top: 50px;
  }

  .mapSection {
    flex-wrap: wrap;
  }

  .container,
  .container-md,
  .container-sm {
    max-width: 100% !important;
  }

  .header_search_append {
    margin: 7px 0 0 0;
  }

  .headerBtnSec {
    padding: 0 25px;
  }

  .headerBtnSec .field--name-body a {
    font-size: 16px !important;
    display: block;
    border-radius: 5px;
  }

  .headerBtnSec .field--name-body,
  .lang-dropdown-form {
    width: 100%;
    margin: 10px 0;
  }

  body.lang-en .lang-dropdown-form .form-select {
    padding: 8px 25px 3px 25px !important;
    border-radius: 5px !important;
    font-size: 16px !important;
    height: 50px;
    border: 1px solid #502e92 !important;
    border-radius: 25px !important;
    color: #502e92 !important;
  }

  .navbar-list .navbar-item .navbar-link {
    position: relative;
    padding: 16px 25px 16px 0px !important;
    font-size: 19px;
    background-size: 17px;
    letter-spacing: 1px;
  }

  .dropdown-menu .navbar-item .navbar-link {
    padding: 15px 0 15px 75px;
    background-size: 8px;
    background-position: 56px center;
  }

  .dropdown-menu .navbar-item {
    border-top: none;
  }

  .navbar-list .navbar-item .navbar-link.dropdown-toggle::after {
    top: 50%;
    transform: translateY(-50%);
  }

  .navbar .show .dropdown-menu {
    height: unset;
    transition: unset;
  }

  .navTitle {
    margin-left: 24px;
    display: none !important;
  }

  .keyFocusOne {
    right: 40px;
  }

  .keyFocusTwo {
    right: 18px;
  }

  .keyFocusThree {
    right: 35px;
  }

  .keyFocusFour {
    left: 77px;
  }

  .keyFocusFive {
    left: 18px;
  }

  .keyFocusSix {
    left: 72px;
  }

  .search-2 {
    width: 100%;
    margin: 24px 0 0 0;
  }

  #homeBanner .item img {
    max-width: 100%;
    height: auto !important;
  }

  #homeBanner .owl-dots {
    top: 85% !important;
  }

  section.resourceSec,
  .myScrollSec {
    padding: 24px 0 !important;
  }

  .re-imagine p {
    margin: 5px 0 12px 0 !important;
  }

  .swiper-wrapper {
    padding: 0 !important;
  }

  #resource {
    margin: 20px 0 3px 0;
  }

  .bannerImageSec {
    margin: 5px 0 0 0 !important;
    padding: 0 !important;
  }

  .cardIamge {
    margin: 24px 0 !important;
  }

  .search-2 input[type="text"] {
    margin-top: 5px !important;
  }

  body.path-frontpage section.resourceSec .owl-carousel .owl-item::before {
    height: 313px;
  }

  .imagCont {
    position: relative;
  }

  .eDate {
    margin: 0;
    right: 0px;
    bottom: 0px;
    font-size: 34px;
    min-width: 90px;
  }

  .lang-dropdown-form .form-select {
    width: auto !important;
    min-width: 52px !important;
    background: url(../images/language-arrow.svg) no-repeat center right 20px #fff;
    background-size: 15px;
    color: #502e92 !important;
  }

  .navbar-list.menu.dropdown-menu .navbar-item .navbar-link {
    font-size: 14px;
    color: #333 !important;
    padding: 0 0 15px 15px !important;
    font-weight: normal !important;
  }

  .navbar-list.menu.dropdown-menu .navbar-item .navbar-link::before {
    content: "";
    width: 6px;
    height: 6px;
    background: #e4e4e4;
    border-radius: 6px;
    position: absolute;
    top: 8px;
    left: 0px;
  }

  a.homeMenu {
    position: absolute;
    top: 20px;
    left: 30px;
    display: block;
  }

  .navbar-item {
    border-top: 1px solid rgba(139, 139, 139, 0.3);
  }

  .navbar-list .navbar-item .navbar-link {
    font-weight: normal !important;
  }

  .navbar-light .navbar-toggler {
    border: none;
  }

  body.page-contact-us .g-recaptcha div iframe {
    max-width: 100% !important;
    margin-top: 10px;
    margin-left: 32px;
    margin-bottom: 15px;
    display: block !important;
  }

  body.page-contact-us .g-recaptcha div iframe {
    max-width: 100% !important;
    margin-top: 10px;
    margin-left: 41px;
    margin-bottom: 15px;
    display: block !important;
  }

  body.page-node-article .g-recaptcha div {
    margin-bottom: 25px;
    margin-top: 0px;
  }

  body.page-form-contact-us-generic-formulation .g-recaptcha div iframe {
    margin-left: 42px;
  }

  body.page-contact-us .contactFormSection .webform-submission-form .js-form-item.form-item.js-form-type-checkbox {
    display: flex;
  }

  body.page-contact-us .textCont .knowMore {
    max-width: 300px !important;
  }

  body.lang-es .navbar-list .navbar-item .navbar-link {
    font-size: 19px;
  }

  body.lang-es .lang-dropdown-form .form-select,
  body.lang-zh-hans .lang-dropdown-form .form-select,
  body.lang-pt-pt .lang-dropdown-form .form-select,
  body.lang-ja .lang-dropdown-form .form-select {
    padding: 8px 25px 3px 25px !important;
    border-radius: 5px !important;
    font-size: 16px !important;
    height: 50px;
    border: 1px solid #502e92 !important;
    border-radius: 25px !important;
    color: #502e92 !important;
  }

  body.page-webinar-peptide-api-development-capabilities .lessOwlSlider .speeakersBox {
    width: 100%;
    vertical-align: top;
    display: inline-flex;
  }

  .lessOwlSlider .speeakersBox {
    width: 100%;
    vertical-align: top;
    display: inline-flex;
  }

  .resourceDescBox {
    max-width: 100%;
  }

  body.page-regulatory #updatescarousal button.owl-prev {
    left: 22px !important;
  }

  body.page-regulatory #updatescarousal button.owl-next {
    right: -20px;
  }

  body.path-webinar .bannerSection .col-md-8 {
    flex: 0 0 auto;
    width: 55%;
  }

  body.path-webinar .bannerSection .col-md-4 {
    flex: 0 0 auto;
    width: 45%;
  }

  body.path-webinar .bannerBottomInfo .col-md-8 {
    flex: 0 0 auto;
    width: 55%;
  }

  body.page-events-cphi-barcelona-2023 .sustainabilityOuter p {
    padding: 0px;
  }

  .footerWrapper #flush-headingOne .accordion-button.collapsed::after {
    width: 25px !important;
    height: 25px !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-size: 25px !important;
    content: "+" !important;
    font-size: 40px !important;
    font-weight: normal !important;
    font-family: "DRLCircular-Light" !important;
  }

}

@media screen and (max-width: 900px) {
  body.page-peptide-capabilities .g-recaptcha div iframe {
    margin-left: 40px;
  }

  body.page-peptide-capabilities .g-recaptcha div {
    margin-bottom: 0px;
  }

  #homeBanner .item .mycon h2 {
    font-size: 34px;
    line-height: 44px;
  }

  #homeBanner .item .mycon h2 span {
    font-size: 30px;
    line-height: normal;
    float: left;
  }

  .col-md-8.mainLeft {
    flex: 0 0 auto;
    width: 55%;
  }

  .col-md-4.mainRight {
    flex: 0 0 auto;
    width: 45%;
  }

  .whoweareSection .whoBox {
    width: 47%;
    text-align: center;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .articleTab .nav-tabs .nav-link {
    min-width: 150px;
    font-size: 18px;
  }

  .product-search-section details {
    margin-bottom: 15px;
  }

  .keyFocusOne {
    right: 10px;
  }

  .keyFocusTwo {
    right: -11px;
  }

  .keyFocusThree {
    right: 5px;
  }

  .keyFocusFour {
    left: 47px;
  }

  .keyFocusFive {
    left: 0px;
  }

  .keyFocusSix {
    left: 41px;
  }

  .antiDiabeticGraphWrapper ul {
    background-image: none;
  }

  .antiDiabeticGraphWrapper ul li:first-child {
    position: relative;
    left: inherit;
    top: inherit;
  }

  .antiDiabeticGraphWrapper ul li:nth-child(2) {
    position: relative;
    left: inherit;
    top: inherit;
  }

  .antiDiabeticGraphWrapper ul li:nth-child(3) {
    position: relative;
    left: inherit;
    top: inherit;
  }

  .antiDiabeticGraphWrapper ul li:last-child {
    position: relative;
    left: inherit;
    top: inherit;
  }

  .expertisePoints {
    background: transparent;
  }

  .expertisePoints span {
    margin-bottom: 10px;
  }

  .expertisePoints ul li p {
    font-size: 16px;
    line-height: 24px;
  }

  .expertisePoints ul {
    display: flex;
  }

  .expertisePoints ul:last-child {
    display: flex;
  }


  /*sustainibility*/
  .DcatBannerMid.sustainibility p {
    font-size: 20px !important;
    line-height: 24px !important;
    margin-top: 10px;
  }

  .DcatBannerMid.sustainibility p span {
    font-size: 20px !important;
    line-height: 24px !important;
  }
}

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

  .DcatBannerTop.cphiJapan2024.milan2024 div.dcat3 div img {
    width: auto !important;
    height: auto !important;
  }

  /*CPHI Milan 2024*/

  .milanAbotBottom {
    flex-direction: column;
  }

  .milanAboutLeft {
    width: 100%;
  }

  .milanAboutRight {
    width: 100%;
    text-align: left;
  }

  .milanBusinessBoxInner ul li {
    width: 47%;
  }



  .tableResponsive {
    overflow: scroll;
    max-height: 100%;
  }

  body.path-generic-formulation table tr {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  #gTable tr.dtHeader td::before {
    display: none !important;
  }

  #gTable tr.dtHeader td::after {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    background: url(../images/hover-down-arrow.png) no-repeat center center;
    background-size: 80%;
    position: relative;
    margin-top: -32px;
    margin-left: calc(100% - 20px);
    cursor: pointer;
    transition: all 0.5s;
  }

  #gTable tr.dtHeader {
    display: block;
  }

  #gTable tr.dtHeader td {
    text-align: left !important;
    font-size: 19px !important;
    color: #5f4ba0 !important;
    font-weight: bold;
    line-height: 35px;
  }

  #gTable tr.dtHeader+tr {
    height: 0;
    overflow: hidden;
    padding-bottom: 10px;
    transition: all 0.5s;
  }

  #gTable tr.openTD+tr {
    transition: all 0.5s;
    margin-bottom: 0px !important;
    height: auto !important;
    height: auto !important;
    max-height: 250px !important;
  }

  #gTable tr.openTD td::after {
    transform: rotate(180deg) !important;
  }

  .myScroll .scrollItems .textArea p {
    font-size: 18px;
    top: 17px;
  }

  /* Product page resposive view*/
  .bef-exposed-form details {
    border: 1px solid #5f4ba0;
    border-radius: 0px;
    margin-right: 0px;
    width: 100%;
    padding: 0px !important;
    background-color: rgba(0, 0, 0, 0) !important;
  }

  .bef-exposed-form details summary {
    list-style: none;
    padding: 0 10px !important;
    background: #fff;
  }

  .download-product-list header a,
  .search-hide header a {
    width: 50px;
    height: 50px;
    left: 10px !important;
    top: 20px !important;
  }

  body.path-generic-formulation input#edit-combine,
  body.path-generic-formulation input.views-ac-dependent-filter {
    margin-bottom: 15px;
    background-color: #fff;
  }

  #gTable tr.dtHeader td {
    border-bottom: 1px solid #ddd2ff !important;
  }

  .bef-exposed-form details {
    margin-bottom: 8px !important;
    text-align: left;
  }

  .bef-nested ul li div input {
    margin-right: 5px !important;
  }

  .bef-nested ul li {
    width: 50%;
    max-width: 50% !important;
    min-width: 50% !important;
  }

  .bef-nested ul li input[type="checkbox"] {
    width: auto !important;
    height: auto !important;
  }

  .bef-nested ul li div label {
    line-height: normal;
    font-size: 13px;
  }

  .bef-nested {
    max-height: 100%;
    z-index: 7;
    background: #fff;
    border-radius: 0px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    margin-top: 10px;
    width: 100% !important;
    left: 0px !important;
    border: 1px solid #ccc;
    position: relative !important;
  }

  body.path-product .bef-exposed-form,
  body.path-generic-formulation .bef-exposed-form {
    margin-bottom: 0px !important;
    margin-top: 50px;
    background: #a994ec !important;
    padding: 20px;
  }

  .search-2 input[type="text"] {
    margin-top: 10px !important;
  }

  .productBtn {
    max-width: 92%;
  }

  body.path-generic-formulation table {
    border: 0;
  }

  body.path-generic-formulation table caption {
    font-size: 1.3em;
  }

  body.path-generic-formulation table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  body.path-generic-formulation table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: 0.625em;
  }

  body.path-generic-formulation table td {
    border-bottom: none !important;
    display: block;
    font-size: 14px !important;
    text-align: right;
    color: #000 !important;
    height: 34px;
  }

  table.genericTable td {
    padding: 5px 10px;
  }

  .tableResponsive table {
    width: 100% !important;
  }

  table.genericTable,
  #sticky-anchor {
    max-width: 100%;
  }

  body.path-generic-formulation table td::before {
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }

  body.path-generic-formulation table td:nth-child(1)::before {
    content: "THERAPY AREA";
  }

  body.path-generic-formulation table td:nth-child(2)::before {
    content: "PRODUCT NAME";
  }

  body.path-generic-formulation table td:nth-child(3)::before {
    content: "ORAL";
  }

  body.path-generic-formulation table td:nth-child(4)::before {
    content: "INJ";
  }

  body.path-generic-formulation table td:nth-child(5)::before {
    content: "STRENGTH";
  }

  body.path-generic-formulation table td:nth-child(6)::before {
    content: "DOSSIER STATUS";
  }

  body.path-generic-formulation table td:nth-child(7)::before {
    content: "CONNECT";
  }

  body.path-generic-formulation table td:last-child {
    border-bottom: 0;
  }

  span.inj {
    display: inline-block;
    text-align: right;
    margin-top: 10px;
  }

  span.oral {
    display: inline-block;
    text-align: right;
    margin-top: 10px;
  }

  body.path-generic-formulation table td:last-child a {
    display: inline-block;
    text-align: right;
    padding: 0px;
    margin: 0px;
    width: 20px;
    margin-top: -5px;
  }

  body.path-generic-formulation td.views-field.views-field-name-1 {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 5px 10px;
  }

  body.path-generic-formulation table {
    border: 0;
    margin-top: 20px;
  }

  body.path-generic-formulation td.views-field.views-field-name-2 {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }

  .download-product-list header a::before,
  .search-hide header a::before {
    bottom: 13px;
    left: 13px;
  }

  /*update Page*/
  body.path-updates .ui-accordion-content .views-row .views-field table tr {
    display: block;
    padding: 8px 0;
  }

  body.path-updates .ui-accordion .ui-accordion-content {
    padding: 1em 0px !important;
  }

  body.path-updates .ui-accordion-content .views-row:first-child .views-field table thead {
    display: none;
  }

  body.path-updates .ui-accordion-content .views-row {
    min-width: 100%;
  }

  body.path-updates .ui-accordion-content .views-row:first-child .views-field table thead tr th:last-child,
  .ui-accordion-content .views-row .views-field table tr td:last-child {
    text-align: right !important;
    display: block;
    height: 30px;
  }

  body.path-updates .ui-accordion-content .views-row .views-field table tr td:last-child a {
    margin: a 0;
    text-align: right;
    float: right;
    display: block;
  }

  body.path-updates table {
    border: 0;
  }

  body.path-updates table caption {
    font-size: 1.3em;
  }

  body.path-updates table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  body.path-updates table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: 0.625em;
  }

  body.path-updates table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 14px !important;
    text-align: right;
    color: #000 !important;
  }

  .tableResponsive table {
    width: 100% !important;
  }

  body.path-updates table td::before {
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }

  body.path-updates table td:nth-child(1)::before {
    content: "MONTH";
  }

  body.path-updates table td:nth-child(2)::before {
    content: "PRODUCT NAME";
  }

  body.path-updates table td:nth-child(3)::before {
    content: "REGULATORY FILLING DETAILS";
  }

  body.path-updates table td:nth-child(4)::before {
    content: "CONNECT";
  }

  body.path-updates table td:last-child {
    border-bottom: 0;
  }

  body.path-updates .ui-accordion-content .views-row .views-field table tr th,
  body.path-updates .ui-accordion-content .views-row .views-field table tr td {
    flex: 1;
    padding: 8px;
    height: auto;
    min-height: 30px;
  }

  body.path-updates .ui-accordion-content .views-row .views-field table tr td:nth-child(3) {
    min-height: 60px;
  }

  body.path-updates table td::before {
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px !important;
    line-height: 14px;
    width: 114px;
    text-align: left;
  }

  .search-2 {
    width: 100%;
    margin-top: 0;
  }

  #whitepaperscarousal .item img,
  #articlescarousal .item img,
  #newscarousal .item img,
  #webinarcarousal .item img,
  #eventscarousal .item img,
  #updatescarousal .item img {
    display: block;
    min-width: 344px;
    max-width: 100%;
    min-height: 230px;
  }

  .resourceDescBox {
    min-width: 344px;
    max-width: 100%;
  }

  .hpapiManufacturingWrapper ul li#hpapi9 div::after {
    width: 75%;
  }

  .hpapiManufacturingWrapper ul li#hpapi5 div::after {
    width: 75%;
    height: 309%;
  }

  .approchPoint {
    max-width: 265px;
  }

  #approch-One {
    right: 122px;
  }

  #approch-two {
    right: 0px;
  }

  #approch-three {
    right: 18px;
  }

  #approch-four {
    left: 28px;
  }

  #approch-five {
    left: 5px;
  }

  .keyFocusSix {
    left: 25px;
  }

  .keyFocusFive {
    left: -8px;
  }

  .keyFocusFour {
    left: 30px;
  }

  .keyFocusThree {
    right: -11px;
  }

  .keyFocusOne {
    right: -6px;
  }

  .resourceSec .knowMore {
    margin-top: 0px;
  }

  #re-imagine .item {
    min-height: 150px;
  }

  .homeReadBtn {
    width: 150px;
    height: 40px;
    font-size: 14px;
    margin-bottom: 0px;
  }

  .peptideSynthesisWrapper {
    display: none;
  }

  .peptideSynthesisWrapper2 {
    display: block;
  }

  body.page-peptide-api-manufacturing div#my-form-wrapper {
    margin: 0 0 0px 30px !important;
  }

  body.page-peptide-api-manufacturing input#edit-actions-submit {
    display: block;
    outline: none;
    margin: 0 auto;
    text-align: center;
  }

  body.page-peptide-api-manufacturing .hpapis-form div#edit-actions {
    display: block;
    margin: 0 auto;
    width: 100%;
  }

  #views-exposed-form-product-page-page-13,
  #views-exposed-form-generic-formulation-page-14 {
    padding: 15px 15px;
  }

  body.page-contact-us .g-recaptcha div {
    margin-bottom: 0px;
  }
}

@media screen and (max-width: 820px) {
  body.page-contact-us .g-recaptcha div iframe {
    margin-left: 30px;
  }

  body.page-form-contact-us-generic-formulation .g-recaptcha div iframe {
    margin-left: 32px;
  }
}

@media screen and (max-width: 800px) {
  div#block-reddy-branding ul li:nth-child(2) {
    text-align: left;
  }

  .menuArea div {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }

  .col-9.menuArea {
    display: flex;
    align-items: center;
    width: 100%;
    align-items: center;
    align-content: center;
  }

  .headerWrapper .col-3 {
    flex: 0 0 auto;
    width: 100%;
  }

  .headerNavSection {
    display: -ms-flexbox !important;
    display: flex !important;
    margin-top: 15px;
    align-content: baseline;
    align-items: center;
    justify-content: center;
  }

  .headerNavSection {
    float: none;
  }

  .whoweareSection .whoBox {
    width: 100%;
    text-align: center;
    margin: 15px;
  }

  .keyFocusTwo {
    max-width: 80px;
  }

  .keyFocusOne {
    max-width: 116px;
  }

  .keyFocusThree {
    bottom: -16px;
    max-width: 119px;
  }

  .keyFocusFour {
    bottom: -4px;
    left: 20px;
    max-width: 89px;
  }

  .keyFocusSix {
    left: 8px;
    max-width: 101px;
  }

  .peptideTechnologyWrapper img {
    width: 100%;
  }

  .contactBottomWrapperSmall {
    height: auto;
  }

  .contactBottomWrapperSmall .contactBottomBox {
    display: block;
    margin: 0 auto;
    text-align: center;
  }

  .contactBottomWrapperSmall .contactBtn a {
    margin: 0 auto;
  }
}

.responsive-tabs .nav-tabs {
  display: none;
}

@media (min-width: 768px) {
  .responsive-tabs .nav-tabs {
    display: flex;
  }

  .responsive-tabs .card {
    border: none;
  }

  .responsive-tabs .card .card-header {
    display: none;
  }

  .responsive-tabs .card .collapse {
    display: block;
  }
}


/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px) {

  .DcatBannerTop.cphiJapan2024.milan2024 div.dcat3 div img {
    width: auto !important;
    height: auto !important;
  }

  .newRelatedInner {
    flex-direction: column;
  }

  .newRelatedLeft {
    width: 100%;
    min-width: 100%;
  }

  .newRelatedRight {
    width: 100%;
    min-width: 100%;
    margin-top: 30px;
  }

  div#relatedAPICarousal {
    margin-top: 0px;
  }

  .contactConnectBtn {
    height: auto;
    min-height: 72px;
    flex-direction: column;
  }

  .contactConnectBtn span:nth-child(2) {
    display: none;
  }


  body.page-events-cphi-china-2024 .arrowBtn {
    right: 25px;
  }

  body.page-events-cphi-china-2024 .footerWrapper {
    padding-bottom: 15px;
  }

  body.page-events-cphi-china-2024 .custom-form form {
    width: 355px !important;
  }



  body.page-events-cphi-china-2024 .dcatNavbar.statickHeader+section.fceBanner {
    margin-top: 72.4px;
  }


  .dcatPage.dcat-2024.cphi-japan-2024 .dcatbannerCaption h1 span {
    font-size: 25px;
    line-height: 30px;
  }

  body.page-events-cphi-china-2024 .fceBanner .dcatbannerCaption h1,
  body.page-events-cphi-china-2024 .fceBanner .dcatbannerCaption h2 {
    margin-bottom: 10px;
  }

  body.page-events-cphi-china-2024 .dcatbannerCaption img {
    max-width: 300px;
    height: auto;
  }

  body.page-events-cphi-china-2024 .fceBanner .dcatbannerCaption p {
    margin-bottom: 10px;
  }

  .aboutBottomBox {
    max-width: 330px;
    min-height: 385px;
  }



  .dcatsustainabilityBox {
    width: 100%;
  }

  body.page-events-dcat-2024 .bannerBox {
    justify-content: space-between;
  }

  .dcatbannerCaption h1 span,
  .dcatbannerCaption h2 span {
    font-size: 35px;
    line-height: 38px;
  }

  .fceBanner .dcatbannerCaption h1,
  .fceBanner .dcatbannerCaption h2 {
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 15px;
  }

  .dcat-placeWrap {
    flex-direction: column;
  }

  .dcat-placeWrap div:nth-child(2) {
    display: none;
  }

  body.page-events-dcat-2024 .custom-form form {
    width: 355px !important;
  }

  body.page-node-create_custom_page .dcatbannerFormHead {
    width: 355px;
  }

  .rc-anchor-logo-portrait {
    margin: 10px 0px 3px -18px !important;

  }

  body.page-node-article .g-recaptcha div {
    margin-bottom: 25px;
  }

  #homeBanner .item .mycon h2 span, #homeBanner .item .mycon div.h2 span {
    font-size: 34px;
    line-height: normal;
    float: left;
  }

  #homeBanner .item .mycon a.knowMore {
    margin-top: 70px !important;
  }

  .DcatBannerTop.cphiJapan2024 span.dcat1 img {
    width: 130px !important;
  }

  .DcatBannerTop.cphiJapan2024 span.dcat2, .DcatBannerTop.cphiJapan2024 span.dcat3 {
    font-size: 24px !important;
    line-height: 26px !important;
  }

  .DcatBannerMid.cphiJapan2024 span.dcat4 {
    font-size: 12px !important;
    margin-top: 0px !important;
    margin-bottom: 5px !important;
  }

  .DcatBannerBottom span {
    font-size: 12px !important;
  }

  #homeBanner .item .mycon h2 .CPHLbannerText div.lineFoue.linkdin, #homeBanner .item .mycon div.h2 .CPHLbannerText div.lineFoue.linkdin {
    line-height: 30px !important;
    font-size: 24px !important;
    margin-top: 20px;
  }

  #homeBanner .item .mycon h2 .CPHLbannerText h2.LineTwo.linkdin, #homeBanner .item .mycon div.h2 .CPHLbannerText h2.LineTwo.linkdin {
    font-size: 40px !important;
    line-height: 44px !important;
    margin-bottom: 0px !important;
  }

  #homeBanner .item .mycon h2, #homeBanner .item .mycon div.h2 {
    height: 200px;
  }

  .meetApiBanner {
    font-size: 40px !important;
    line-height: 45px;
    font-weight: bold;
  }

  .meetApiBanner span {
    font-weight: normal;
    font-size: 24px;
    line-height: 30px;
  }

  .logoUl {
    align-items: center;
    margin-top: 4px;
  }

  ul.logoUl img {
    max-width: 150px;
  }

  .owl-carousel .owl-nav button.owl-prev {
    left: 30px;
  }

  .owl-carousel .owl-nav button.owl-next {
    right: -6px;
  }

  #homeBanner .item img {
    display: block;
    height: auto;
  }

  #block-languageswitcher {
    width: 100%;
    height: 34px;
  }

  .searchSecInner.mobOn {
    position: relative;
  }

  .searchSecInner.mobOn .dcatLandingBtn.button {
    position: absolute;
    width: 45px;
    top: 5px;
    right: 5px;
    background-image: url(../images/search-btn-icon.svg) !important;
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center right 7px !important;
    background-color: transparent;
    font-size: 0px !important;
  }

  div#block-customloginblock {
    display: inline-flex;
    width: 100%;
  }

  .headerBtnSec {
    width: 100%;
    gap: 8px;
  }

  .headerBtnSec .field--name-body a {
    /* padding-top: 4px !important; */
  }

  /* .headerBtnSec .field--name-body a {
    width: 100%;
    text-align: center;
    background: #502e92;
    border: none;
    font-size: 22px !important;
    height: 50px;
    line-height: 45px;
    border-radius: 25px !important;
  } */

  #block-languageswitcher {
    width: 100%;
    height: 34px;
  }


  .capabilitiesParaOne h2 {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 15px;
  }

  .capabilitiesParaOne {
    margin-bottom: 0px;
  }

  .sustainabilitygoalsBox.newBox .col-md-3 {
    flex: 0 0 auto;
    width: 50%;
  }

  .newLocationPage.newEsgPage section.locationCapabilities .col-md-3,
  .newLocationPage.newEsgPage section.locationCapabilities .col-md-9,
  section.locationInfoSec.newAchivedSection .row.capabilitiesParaOne .col-md-3,
  section.locationInfoSec.newAchivedSection .row.capabilitiesParaOne .col-md-9 {
    flex: 0 0 100%;
  }



  .sustainabilitygoalsBox.newBox img {
    width: 100%;
    height: auto;
  }

  .col-md-3.sustainCenterImage img,
  section.locationInfoSec.newAchivedSection .row.capabilitiesParaOne img {
    display: block;
    margin: 0 auto;
    margin-bottom: 25px;
  }

  .locationInfoSec h2 {
    margin-bottom: 15px;
    line-height: 50px;
    font-size: 36px;
  }

  .row.locationDescBox .col-md-2, .row.locationDescBox .col-md-10 {
    flex: 0 0 100%;
  }

  .row.locationDescBox img {
    display: block;
    margin: 0 auto;
    margin-bottom: 25px;
  }

  /*CPHI Milan 2024*/
  .fceBanner.cphiMilanBanner .dcatbannerCaption {
    margin-top: 50px;
    width: 43%;
  }



}

@media (min-width: 768px) and (max-width: 1023px) {
  .newProductBannerSection {
    padding: 24px;
  }

  .newRelatedSection {
    padding: 48px 24px;
  }

  .newFaqSection .accordion-button,
  .newFaqSection .accordion-item.highlight button.accordion-button {
    padding: 30px 86px 30px 30px;
  }

  #productResources .owl-prev {
    left: 40px;
  }


  #productResources .owl-next {
    right: 25px;
  }

  .productBannerBottomSection,
  .productBreadcrumbSection,
  section.newdisclaimerSection,
  .newContactBanner {
    padding-left: 24px;
    padding-right: 24px;
  }

  .productRightForm input#edit-actions-submit {
    min-width: 100% !important;
    margin-top: 15px;
  }

  .productContent {
    margin-top: 0px;
    padding: 0px 24px 0px;
  }

  .productLeftSection {
    width: 100%;
  }

  #fullSlider .owl-nav {
    margin-top: -30%;
  }

  div#therapeuticOwl .owl-nav {
    margin-top: -26%;
  }

  #homeBanner .item .mycon a.knowMore {
    margin-top: 36px !important;
    font-size: 14px;
  }

  .newResourcesLeft,
  .newResourcesRight {
    min-width: auto;
  }

  .DcatbannerText.sustainibilityBanner span.dcat2, .DcatbannerText.sustainibilityBanner span.dcat3 {
    font-size: 34px !important;
    line-height: 40px !important;
  }

}



/* Media Query for Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 1280px) {
  .DcatBannerTop.cphiJapan2024.milan2024 div.dcat3 div img {
    width: auto !important;
    height: auto !important;
  }

  .newResourcesLeft,
  .newResourcesRight {
    min-width: auto;
  }

  .newProductBannerSection,
  .newRelatedSection,
  section.newdisclaimerSection {
    padding: 48px 24px;
  }

  .productBannerBottomSection,
  .productBreadcrumbSection,
  .newContactBanner {
    padding-left: 24px;
    padding-right: 24px;
  }

  .productContent {
    margin-top: 0px;
    padding: 0px 24px 0px;
  }

  .productLeftSection {
    width: 54%;
  }

  .newFaqSection .accordion-button,
  .newFaqSection .accordion-item.highlight button.accordion-button {
    padding: 30px 86px 30px 30px;
  }

  #productResources .owl-prev {
    left: 40px;
  }

  #productResources .owl-next {
    right: 25px;
  }

  .productRightForm input#edit-actions-submit {
    min-width: 100% !important;
    margin-top: 15px;
  }

  .logoUl {
    align-items: center;
    margin-top: 4px;
  }

  ul.logoUl img {
    max-width: 150px;
  }

  .owl-carousel .owl-nav button.owl-prev {
    left: 17px;
  }

  .owl-carousel .owl-nav button.owl-next {
    right: -19px;
  }

  body.page-events-cphi-china-2024 .arrowBtn {
    right: 25px;
  }

  body.page-events-cphi-china-2024 .footerWrapper {
    padding-bottom: 15px;
  }

  body.page-events-cphi-china-2024 .custom-form form {
    width: 355px !important;
  }

  .dcatPage.dcat-2024.cphi-japan-2024 .dcatbannerCaption h1 span {
    font-size: 25px;
    line-height: 30px;
  }

  body.page-events-cphi-china-2024 .fceBanner .dcatbannerCaption h1,
  body.page-events-cphi-china-2024 .fceBanner .dcatbannerCaption h2 {
    margin-bottom: 10px;
  }

  body.page-events-cphi-china-2024 .dcatbannerCaption img {
    max-width: 300px;
    height: auto;
  }

  body.page-events-cphi-china-2024 .fceBanner .dcatbannerCaption p {
    margin-bottom: 10px;
  }

  body.page-events-cphi-china-2024 .dcatNavbar.statickHeader+section.fceBanner {
    margin-top: 72.4px;
  }

  body.page-node-article .g-recaptcha div {
    margin-bottom: 25px;
  }

  #homeBanner .item .mycon h2 span, #homeBanner .item .mycon div.h2 span {
    font-size: 34px;
    line-height: normal;
    float: left;
  }

  #homeBanner .item .mycon a.knowMore {
    margin-top: 0px !important;
  }

  .DcatBannerTop.cphiJapan2024 span.dcat1 img {
    width: 130px !important;
  }

  .DcatBannerTop.cphiJapan2024 span.dcat2, .DcatBannerTop.cphiJapan2024 span.dcat3 {
    font-size: 24px !important;
    line-height: 26px !important;
  }

  .DcatBannerMid.cphiJapan2024 span.dcat4 {
    font-size: 12px !important;
    margin-top: 0px !important;
    margin-bottom: 5px !important;
  }

  .DcatBannerBottom span {
    font-size: 12px !important;
  }

  #homeBanner .item .mycon h2 .CPHLbannerText div.lineFoue.linkdin, #homeBanner .item .mycon div.h2 .CPHLbannerText div.lineFoue.linkdin {
    line-height: 30px !important;
    font-size: 24px !important;
    margin-top: 20px;
  }

  #homeBanner .item .mycon h2 .CPHLbannerText h2.LineTwo.linkdin, #homeBanner .item .mycon div.h2 .CPHLbannerText h2.LineTwo.linkdin {
    font-size: 40px !important;
    line-height: 44px !important;
    margin-bottom: 0px !important;
  }

  #homeBanner .item .mycon h2, #homeBanner .item .mycon div.h2 {
    height: auto;
    min-height: 300px;
  }

  .meetApiBanner {
    font-size: 40px !important;
    line-height: 45px;
    font-weight: bold;
  }

  .meetApiBanner span {
    font-weight: normal;
    font-size: 24px;
    line-height: 30px;
  }

}





@media screen and (max-width: 768px) {
  #relatedAPICarousal .owl-dots {
    flex-wrap: wrap;
  }

  .productLeftSection {
    width: 100%;
  }

  body.page-product div#drupal-modal .col-md-6 {
    flex: 0 0 auto;
    width: 48%;
  }

  body.path-frontpage div#edit-actions {
    display: none;
  }

  .contactBtn a {
    font-size: 24px;
    line-height: 46px;
    width: 200px;
    height: 48px;
  }

  .contactDesc h3 {
    font-size: 30px;
    line-height: 32px;
  }

  .contactImage img {
    border-radius: 50%;
    margin-right: 10px;
  }

  .col-md-8.mainLeft {
    flex: 0 0 auto;
    width: 100% !important;
  }

  .col-md-4.mainRight .js-form-item.form-item.js-form-type-textfield.form-item-name.js-form-item-name {
    width: 100% !important;
  }

  .col-md-4.mainRight .js-form-item.form-item.js-form-type-email.form-item-email.js-form-item-email {
    width: 100% !important;
  }

  .col-md-4.mainRight .js-form-item.form-item.js-form-type-textfield.form-item-mobile-no.js-form-item-mobile-no {
    width: 100% !important;
  }

  .col-md-4.mainRight .js-form-item.form-item.js-form-type-select.form-item-country.js-form-item-country {
    width: 100% !important;
  }

  .col-md-4.mainRight .js-form-item.form-item.js-form-type-textfield.form-item-company.js-form-item-company {
    width: 100% !important;
  }

  .col-md-4.mainRight .js-form-item.form-item.js-form-type-textarea.form-item-message.js-form-item-message {
    width: 100% !important;
  }

  .col-md-4.mainRight .js-form-item.form-item.js-form-type-select.form-item-product.js-form-item-product.form-no-label {
    width: 100% !important;
  }

  .col-md-4.mainRight div#edit-actions {
    margin-left: 0;
    display: flex;
    justify-content: center;
  }

  .col-md-4.mainRight {
    flex: 0 0 auto;
    width: 100% !important;
  }

  .rightContactBox {
    max-width: 100% !important;
  }

  .bannerSection .col-md-8 {
    flex: 0 0 auto;
    width: 100%;
  }

  .bannerSection .col-md-4 {
    flex: 0 0 auto;
    width: 100%;
  }

  .bannerForm {
    position: relative;
    top: 0px;
  }

  .bannerInfo {
    color: #fff;
    align-self: center;
    padding: 100px 0px 20px;
    position: relative;
  }

  .bannerSection {
    padding-bottom: 50px;
  }

  .views-infinite-scroll-content-wrapper.clearfix .views-col .col-1 {
    flex: 0 0 auto;
    width: 100% !important;
  }

  .views-infinite-scroll-content-wrapper.clearfix .views-col .col-2 {
    flex: 0 0 auto;
    width: 100% !important;
  }

  .views-infinite-scroll-content-wrapper.clearfix .views-col .col-3 {
    flex: 0 0 auto;
    width: 100% !important;
  }

  .approachCircel {
    width: 100%;
    height: auto;
    min-height: 70px;
    margin: 0 auto;
    border-radius: 0px;
    border: none;
    border-right: none;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .approachCircel h3 {
    text-align: center;
    display: block;
    margin: 0 auto;
  }

  .approachCircel h3 br {
    display: none;
  }

  .pointOne,
  .pointTwo,
  .pointThree,
  .pointFour,
  .pointFive {
    display: none;
  }

  .approachHandilingGraph {
    padding: 0px 0px 40px;
    display: block;
    margin: 0 auto;
    min-width: 100%;
    max-width: 100%;
  }

  .approachHandilingGraph img {
    margin-right: 0px;
  }

  #approch-four img,
  #approch-five img {
    margin-right: 0px;
    margin-left: 0px;
  }

  .approachHandilingGraph {
    min-height: 640px;
  }

  #approch-One,
  #approch-two,
  #approch-three {
    cursor: inherit;
    display: flex;
    flex-direction: column;
    text-align: center;
    position: relative;
    top: inherit;
    right: inherit;
    left: inherit;
    bottom: inherit;
    padding: 0px;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-bottom: 20px;
  }

  #approch-four,
  #approch-five {
    cursor: inherit;
    display: flex;
    flex-direction: column-reverse;
    text-align: center;
    position: relative;
    top: inherit;
    right: inherit;
    left: inherit;
    bottom: inherit;
    padding: 0px;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-bottom: 20px;
  }

  section.mt-5 {
    margin-top: 1.5rem !important;
  }

  .ssResInner {
    display: block;
  }

  .ssimagesec img {
    width: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
  }

  .keyFocusOne {
    max-width: 100%;
    right: 45px;
  }

  .keyFocusTwo {
    max-width: 100%;
    right: 24px;
  }

  .keyFocusThree {
    bottom: -4px;
    max-width: 100%;
    right: 90px;
  }

  .keyFocusFour {
    bottom: -4px;
    left: 132px;
    max-width: 100%;
  }

  .keyFocusFive {
    left: 27px;
    max-width: 100%;
  }

  .keyFocusSix {
    left: 25px;
    max-width: 100%;
  }

  .order-one {
    order: -1 !important;
  }

  /*css update*/

  #homeBanner .item .mycon h2 {
    font-size: 34px;
    line-height: 40px;
  }

  #homeBanner .item .mycon h2 span {
    font-size: 30px;
  }

  #homeBanner .item .mycon a.knowMore {
    margin-top: 50px !important;
    font-size: 14px;
  }

  .bannerSec {
    height: auto;
    /* max-height: 380px; */
  }

  .search-2 {
    margin-top: 10px;
    height: auto !important;
  }

  #re-imagine .item {
    min-height: 150px;
  }

  /*home page search css update*/

  .search-2 input[type="text"] {
    margin-top: 5px !important;
  }

  .search-2 button {
    margin-top: 3.5px !important;
  }

  .myScroll {
    margin-top: 20px;
  }

  .knowMore {
    font-size: 20px;
  }

  .myScroll .scrollItems .textArea p {
    top: 24px;
  }

  .myScroll .scrollItems .textArea p span {
    font-size: 18px;
  }

  /*meet up page */

  body.page-meet-api-product-expert .evenBannerSection .bannerInfo {
    padding: 50px 20px 20px;
    width: 100%;
  }

  body.page-meet-api-product-expert .col-md-4.bannerFormSection {
    width: 100%;
  }

  body.page-meet-api-product-expert .bannerForm {
    right: 0;
  }

  .evenBannerSection {
    min-height: 550px;
    max-height: 100%;
    height: 100%;
  }

  body.path-frontpage section.resourceSec .owl-carousel .owl-item::before {
    height: 233px;
  }

  body.page-peptide-api-manufacturing div [data-drupal-selector="edit-actions"] {
    display: block !important;
  }

  /* Inner Page Css Modification*/
  .evenBannerSection {
    max-height: 100% !important;
    min-height: 100% !important;
    padding-bottom: 30px !important;
  }

  .bannerForm {
    height: 100%;
  }

  section.eventBio .col-md-7 {
    flex: 0 0 auto;
    width: 100% !important;
  }

  body.path-webinar .bannerSection .col-md-8 {
    width: 100%;
  }

  body.path-webinar .bannerSection .col-md-4 {
    width: 100%;
  }


  body.path-webinar .bannerBottomInfo .col-md-8 {
    width: 100%;
  }

  /*barcelona*/
  .ourTeam.ourTeam2::after {
    opacity: .2;
  }

  body.page-events-cphi-barcelona-2023 .dcatAboutSec.fce::before {
    opacity: .2;
  }

  body.page-events-cphi-barcelona-2023 .ourAchievement::after {
    opacity: .2;
  }

  .barcelonaBanner .bannerBox {
    flex-direction: column;
  }

  body.page-events-cphi-barcelona-2023 .dcatbannerForm {
    width: 100% !important;
  }

  body.page-events-cphi-barcelona-2023 .custom-form form {
    position: relative;
  }

  .DcatBannerTop span.dcat1 {
    font-size: 32px !important;
  }

  .DcatBannerTop span.dcat2, .DcatBannerTop span.dcat3 {
    font-size: 20px !important;
    line-height: 24px !important;
  }

  .DcatBannerMid span.dcat4 {
    font-size: 16px !important;
  }

  .DcatBannerBottom {
    margin: 5px 0px 10px !important;
  }

}

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

  .DcatBannerTop.cphiJapan2024.milan2024 .dcat2 div {
    font-size: 28px;
    line-height: 36px;
  }

  .DcatBannerTop.cphiJapan2024.milan2024 div.dcat3 p {
    font-size: 23px !important;
    width: 27% !important;
  }

  .DcatBannerTop.cphiJapan2024.milan2024 div.dcat3 div {
    font-size: 23px;
  }

  .DcatBannerMid.cphiJapan2024.milan2024 span.dcat4 {
    font-size: 18px !important;
  }


  body.page-events-cphi-barcelona-2023 .calendly-badge-widget {
    top: 6.5%;
  }


  .myScroll {
    display: block;
  }

  .myScroll .scrollItems:nth-child(2) {
    margin: 15px 0px;
  }

  .myScroll .scrollItems .textArea p {
    top: 30%;
  }

  .myScroll .scrollItems {
    width: 100%;
    margin: 0;
  }

  body.page-product div#drupal-modal .col-md-6 {
    flex: 0 0 auto;
    width: 100% !important;
  }

  body.path-product .ui-dialog {
    width: 100% !important;
    left: 0px !important;
  }

  body.path-product .ui-dialog .webform-submission-form .form-email {
    margin: 8px 0px !important;
    width: 100%;
  }

  body.path-product div#drupal-modal .webform-submission-form .form-select {
    width: 100%;
    margin: 8px 0px !important;
  }

  body.path-product div#drupal-modal .webform-submission-form .form-text {
    width: 100%;
  }

  body.path-product div#drupal-modal .form-textarea {
    width: 100% !important;
  }

  body.path-product .form-submit {
    margin: 0 auto;
  }

  .dcatsustainabilityBox img {
    margin-bottom: 20px;
  }

  .cphiCaption {
    margin-bottom: 20px;
  }

  body.path-xceed-customer-service .footerWrapper {
    margin-top: 0px !important;
  }

  .bannerSec {
    margin-top: 61px;
  }

  .helloBar .helloBarCon a {
    font-size: 14px;
    padding: 0px 15px;
  }

  .evenBannerSection .bannerInfo {
    padding: 30px;
  }

  .evenBannerSection {
    max-height: 100%;
  }

  .dcatsustainabilityBox img {
    margin-bottom: 20px;
  }

  .cphiCaption {
    margin-bottom: 20px;
  }

  .associateBox {
    height: auto;
    max-height: 100%;
    margin-bottom: 15px;
  }

  .contactImage img {
    margin-right: 0px;
  }

  .innerContent ul li {
    text-align: left;
  }

  .productRightDesc .field {
    width: 100%;
    display: block;
    margin-bottom: 15px;
  }

  .mainContent ul {
    margin-bottom: 15px;
  }

  input#edit-actions-submit {
    margin-top: 10px !important;
  }

  .views-infinite-scroll-content-wrapper.clearfix .views-col .col-md-4 {
    flex: 0 0 auto;
    width: 100% !important;
  }

  #mobile-slider {
    display: block;
  }

  .accordionSlider {
    display: none;
  }

  .views-view-grid.horizontal .col-1 {
    width: 100% !important;
  }

  .views-view-grid.horizontal .col-2 {
    width: 100% !important;
  }

  .views-view-grid.horizontal .col-3 {
    width: 100% !important;
  }

  ul.quicktabs-tabs {
    margin: 0 auto;
    text-align: center;
  }

  ul.quicktabs-tabs li a {
    margin-bottom: 10px;
  }

  .whatWillBox {
    margin: 8px 0px;
  }

  body.page-webinar .footerSocial {
    float: none;
    text-align: center;
    margin: 0 auto;
  }

  .webinarfooterSection {
    text-align: center;
  }

  .footerLogo ul {
    text-align: center;
  }

  .footerLogo ul li {
    font-size: 18px;
    text-align: left;
  }

  .footerLogo ul li img {
    width: 150px;
  }

  .footerWrapper {
    text-align: center;
  }

  .col-md-6.js-form-item.form-item.js-form-type-textfield.form-item-name.js-form-item-name.form-no-label {
    width: 100%;
  }

  .col-md-6.js-form-item.form-item.js-form-type-email.form-item-email.js-form-item-email.form-no-label {
    width: 100%;
  }

  .col-md-6.js-form-item.form-item.js-form-type-textfield.form-item-mobile-no.js-form-item-mobile-no.form-no-label {
    width: 100%;
  }

  .col-md-6.js-form-item.form-item.js-form-type-select.form-item-country.js-form-item-country.form-no-label {
    width: 100%;
  }

  .col-md-6.js-form-item.form-item.js-form-type-textfield.form-item-company.js-form-item-company.form-no-label {
    width: 100%;
  }

  .col-md-6.js-form-item.form-item.js-form-type-select.form-item-product.js-form-item-product.form-no-label {
    width: 100%;
  }

  .col-md-12.js-form-item.form-item.js-form-type-textarea.form-item-message.js-form-item-message.form-no-label {
    width: 95%;
  }

  .js-form-item.form-item.js-form-type-checkbox {
    display: flex;
  }

  nav#block-reddy-footer ul li {
    display: block;
    width: 100%;
  }

  .sticky {
    position: relative;
    top: 0px;
    width: 100%;
    left: 0;
    box-shadow: none;
  }

  .productMainWrapper {
    text-align: center;
  }

  ul.btnTopArea {
    text-align: center;
  }

  .productRightDesc {
    gap: 10px;
    text-align: left !important;
  }

  .rightContactBox {
    max-width: 100%;
  }

  .contactBottomBox {
    display: block;
    align-items: center;
    justify-content: space-around;
    height: 100%;
    padding: 50px 15px;
  }

  .contactImage {
    display: block;
    margin: 0 auto;
    text-align: center;
  }

  .contactDesc {
    width: 100%;
    text-align: center;
    margin: 15px 0px;
  }

  .contactBtn {
    display: block !important;
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }

  .contactBtn a {
    margin: 0 auto;
  }

  .rightContactBox .webform-submission-form {
    width: 100% !important;
    display: block !important;
  }

  .rightContactBox .form-textarea {
    width: 100% !important;
  }

  .aboutTabinnerWrap {
    display: block;
    padding: 30px 0px;
  }

  .aboutTabinnerWrap img {
    border-radius: 100%;
    display: block;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 30px;
    width: 80%;
    max-width: 250px;
  }

  .ourCapabilitiesBox {
    display: block;
    text-align: center;
  }

  .ourCapabilitiesBox img {
    margin-right: 0px;
    margin-bottom: 30px;
  }

  .ourCapabilitiesBox p {
    color: #000000;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
  }

  .ssResInner {
    display: block;
    text-align: center;
  }

  #whitepaperscarousal .item img,
  #articlescarousal .item img,
  #newscarousal .item img,
  #webinarcarousal .item img,
  #eventscarousal .item img,
  #updatescarousal .item img {
    display: block;
    min-width: 100%;
    max-width: 100%;
    min-height: 230px;
  }

  .resourceDescBox {
    min-width: 100%;
    max-width: 100%;
  }

  .hpapiManufacturingWrapper ul li {
    display: block;
    width: auto;
    max-width: 450px;
    margin: 0 auto;
  }

  .hpapiManufacturingWrapper ul li p {
    background-color: #fff;
    padding: 15px;
    z-index: 99;
  }

  .hpapiManufacturingWrapper ul li#hpapi1 div::after {
    content: "";
    width: 3px;
    height: 100%;
    background-color: #5f4ba0;
    position: absolute;
    left: 50%;
    top: 83%;
    z-index: -1;
  }

  .hpapiManufacturingWrapper ul li#hpapi2 div::after {
    content: "";
    width: 3px;
    height: 100%;
    background-color: #9133db;
    position: absolute;
    left: 50%;
    top: 83%;
    z-index: -1;
  }

  .hpapiManufacturingWrapper ul li#hpapi3 div::after {
    content: "";
    width: 3px;
    height: 100%;
    background-color: #cc61f2;
    position: absolute;
    left: 50%;
    top: 83%;
    z-index: -1;
  }

  .hpapiManufacturingWrapper ul li#hpapi4 div::after {
    content: "";
    width: 3px;
    height: 100%;
    background-color: #64be91;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
  }

  .hpapiManufacturingWrapper ul li#hpapi5 div::after {
    content: "";
    width: 3px;
    height: 200%;
    background-color: transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    border-top-right-radius: 0px;
    border-top: none;
    border-right: 3px solid #6defae;
    z-index: -1;
  }

  .hpapiManufacturingWrapper ul li#hpapi6 div::after {
    content: "";
    width: 3px;
    height: 100%;
    background-color: #0085ff;
    position: absolute;
    left: 50%;
    top: 84%;
    z-index: -1;
  }

  .hpapiManufacturingWrapper ul li#hpapi7 div::after {
    content: "";
    width: 3px;
    height: 100%;
    background-color: #32c8f5;
    position: absolute;
    left: 50%;
    top: 83%;
    z-index: -1;
  }

  .hpapiManufacturingWrapper ul li#hpapi8 div::after {
    content: "";
    width: 3px;
    height: 100%;
    background-color: #19cbc0;
    position: absolute;
    left: 50%;
    top: 82%;
    z-index: -1;
  }

  .hpapiManufacturingWrapper ul li#hpapi9 div::after {
    display: none;
  }

  .hpapiManufacturingWrapper ul li#hpapi1 div::before {
    display: none;
  }

  .responsive-tabs .tab-pane {
    display: block !important;
    opacity: 1;
  }

  #heading-A {
    background-color: #5f4ba0;
    color: #fff;
  }

  #heading-A a {
    color: #fff;
    display: flex;
  }

  #heading-B {
    background-color: #8f75e5;
    color: #fff;
  }

  #heading-B a {
    color: #fff;
    display: flex;
  }

  #heading-C {
    background-color: #c1b1f4;
    color: #fff;
  }

  #heading-C a {
    color: #fff;
    display: flex;
  }

  #heading-D {
    background-color: #64be91;
    color: #fff;
  }

  #heading-D a {
    color: #fff;
    display: flex;
  }

  #heading-E {
    background-color: #8ce8ba;
    color: #fff;
  }

  #heading-E a {
    color: #fff;
    display: flex;
  }

  #heading-F {
    background-color: #32c8f5;
    color: #fff;
  }

  #heading-F a {
    color: #fff;
    display: flex;
  }

  #heading-G {
    background-color: #a8ebff;
    color: #fff;
  }

  #heading-G a {
    color: #fff;
    display: flex;
  }

  #heading-H {
    background-color: #fad20a;
    color: #fff;
  }

  #heading-H a {
    color: #fff;
    display: flex;
  }

  body.page-form-contact-us-product .js-form-item.form-item.js-form-type-textfield.form-item-name.js-form-item-name.form-no-label {
    width: 100% !important;
  }

  body.page-form-contact-us-product .js-form-item.form-item.js-form-type-email.form-item-email.js-form-item-email.form-no-label {
    width: 100% !important;
  }

  body.page-form-contact-us-product .js-form-item.form-item.js-form-type-select.form-item-country.js-form-item-country.form-no-label {
    width: 100% !important;
  }

  body.page-form-contact-us-product .webform-submission-form .form-select {
    width: 90% !important;
  }

  body.page-form-contact-us-product .js-form-item.form-item.js-form-type-select.form-item-product.js-form-item-product.form-no-label {
    width: 100% !important;
  }

  body.page-form-contact-us-product .js-form-item.form-item.js-form-type-textfield.form-item-mobile-no.js-form-item-mobile-no.form-no-label {
    width: 100% !important;
  }

  body.page-form-contact-us-product .js-form-item.form-item.js-form-type-textfield.form-item-company.js-form-item-company.form-no-label {
    width: 100% !important;
  }

  .ourCapabilitiesBox .knowMoreBtn {
    margin: 0 auto;
  }

  .ssDesc {
    margin-left: 0px;
  }

  .ssResWrapper {
    padding: 20px 0px;
    margin: 0px;
  }

  .contactBottomBox {
    padding: 15px 15px 35px;
  }

  body.page-hpapis .js-form-item.form-item.js-form-type-select.form-item-product.js-form-item-product {
    width: 97% !important;
  }

  body.page-hpapis .col-md-6.js-form-item.form-item.js-form-type-select.form-item-country.js-form-item-country {
    width: 97%;
  }

  .evenBannerSection .bannerInfo {
    padding: 30px;
  }

  .evenBannerSection {
    max-height: 100%;
  }

  .eventBio {
    margin-top: 20px;
  }

  @-moz-document url-prefix() {
    .eventBio {
      margin-top: 70px;
    }
  }

  .associateBox {
    height: auto;
    max-height: 100%;
    margin-bottom: 15px;
  }

  .articleGraphWrapper {
    background: none;
    display: block;
    height: auto;
    max-height: 100%;
  }

  .keyFocusOne,
  .keyFocusTwo,
  .keyFocusThree,
  .keyFocusFour,
  .keyFocusFive,
  .keyFocusSix {
    position: relative;
    display: block;
    margin: 0 auto;
    margin-top: 15px;
    max-width: 300px;
    text-align: left;
  }

  .keyFocusOne {
    right: inherit;
    top: inherit;
  }

  .keyFocusTwo {
    right: inherit;
    top: inherit;
  }

  .keyFocusThree {
    right: inherit;
    bottom: inherit;
  }

  .keyFocusFour {
    bottom: inherit;
    left: inherit;
  }

  .keyFocusFive {
    top: inherit;
    left: inherit;
  }

  .keyFocusSix {
    top: inherit;
    left: inherit;
  }

  .keyFocusOne::before,
  .keyFocusTwo::before,
  .keyFocusThree::before,
  .keyFocusFour::before,
  .keyFocusFive::before,
  .keyFocusSix::before {
    display: none;
  }

  .keyFocusOne p::before {
    background-image: url(../images/point1.png);
    background-repeat: no-repeat;
    background-size: 40px;
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    content: "";
    left: 0px;
    top: -8px;
  }

  .keyFocusTwo p::before {
    background-image: url(../images/point2.png);
    background-repeat: no-repeat;
    background-size: 40px;
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    content: "";
    left: 0px;
    top: -8px;
  }

  .keyFocusThree p::before {
    background-image: url(../images/point3.png);
    background-repeat: no-repeat;
    background-size: 40px;
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    content: "";
    left: 0px;
    top: -8px;
  }

  .keyFocusFour p::before {
    background-image: url(../images/point4.png);
    background-repeat: no-repeat;
    background-size: 40px;
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    content: "";
    left: 0px;
    top: -8px;
  }

  .keyFocusFive p::before {
    background-image: url(../images/point5.png);
    background-repeat: no-repeat;
    background-size: 40px;
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    content: "";
    left: 0px;
    top: -8px;
  }

  .keyFocusSix p::before {
    background-image: url(../images/point6.png);
    background-repeat: no-repeat;
    background-size: 40px;
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    content: "";
    left: 0px;
    top: -8px;
  }

  .keyFocusThree p,
  .keyFocusFour p,
  .keyFocusFive p,
  .keyFocusSix p,
  .keyFocusOne p,
  .keyFocusTwo p {
    padding-top: 0px;
    padding-left: 45px;
  }

  .ssResWrapper.apiProductWrapper {
    margin-bottom: 20px;
  }

  .ssResWrapper.apiProductWrapper p {
    text-align: left;
  }

  .ssResWrapper.expertiseWrapper {
    margin-bottom: 20px;
    margin-top: 20px;
  }

  .peptideTechnologyWrapper {
    margin-bottom: 20px;
  }

  .contactBottomWrapperSmall {
    margin: 0px;
  }

  body.page-peptide-api-manufacturing .contactFormclearfix {
    max-width: 100%;
    margin: 0 auto;
  }

  body.page-peptide-api-manufacturing #webform-submission-contact-add-form #edit-actions {
    margin: 0px auto;
  }

  body.page-peptide-api-manufacturing input#edit-actions-submit {
    margin-top: 15px !important;
  }

  .expertisePoints ul {
    margin: 0px auto;
    padding: 0px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .expertisePoints ul:last-child {
    margin-top: 19px;
    display: flex;
    flex-direction: column-reverse;
    align-content: center;
    align-items: center;
  }

  /* inner Page Modification */
  body.page-webinar-peptide-capabilities .col-md-3 {
    width: 100% !important;
  }

  .whatWillBox {
    margin: 8px 0px;
  }

  body.path-webinar .row.whatWillWRapper .col-md-3 {
    width: 100% !important;
    flex: 0 0 auto;
  }

  body.path-webinar .bannerInfo {
    padding: 130px 0px 0;
  }

  body.page-contact-us input#edit-actions-submit {
    margin-top: 0px !important;
  }

  body.page-contact-us #webform-submission-contact-add-form #edit-actions {
    margin: 0px auto;
  }

  body.page-contact-us .contactFormSection .webform-submission-form .js-form-item.form-item.js-form-type-checkbox {
    display: flex;
  }

  .col-md-4.mainRight div#edit-actions {
    display: block;
    margin: 0 auto;
    text-align: center;
  }

  body.page-node-article input#edit-actions-submit {
    margin-top: 10px !important;
  }

  .hpapis-form .webform-submission-form .form-select {
    width: 80%;
  }

  .js-form-item.form-item.js-form-type-checkbox {
    display: flex;
    width: 100%;
  }

  body.path-frontpage .dcatTeamSec.fce .owl-nav {
    display: block;
  }

  .dcatTeamSec.fce.frontPage .owl-nav {
    margin-top: -38%;
  }

  /*barcelona*/

  body.page-events-cphi-barcelona-2023 .owl-nav {
    display: block;
  }

  body.page-generic-formulation .sticky-table thead {
    display: none;
  }

  body.page-generic-formulation #regularAccordionRobots table td {
    padding: 5px 10px 5px 109px;
    width: 100%;
    display: block;
    position: relative;
    font-size: 14px;
    line-height: 18px;
    min-height: 30px;
    vertical-align: middle;
    text-align: left;
  }

  body.page-generic-formulation span.inj {
    margin-top: 0px;
  }

  body.page-generic-formulation span.oral {
    margin-top: 0px;
  }


  body.page-generic-formulation #regularAccordionRobots table td:first-child::before {
    content: 'Therapy Area';
    position: absolute;
    left: 10px;
    font-size: 14px;
    font-weight: 600;
  }

  body.page-generic-formulation #regularAccordionRobots table td:nth-child(2)::before {
    content: 'Product Name';
    position: absolute;
    left: 10px;
    font-size: 14px;
    font-weight: 600;
  }

  body.page-generic-formulation #regularAccordionRobots table td:nth-child(3)::before {
    content: 'Oral';
    position: absolute;
    left: 10px;
    font-size: 14px;
    font-weight: 600;
  }

  body.page-generic-formulation #regularAccordionRobots table td:nth-child(4)::before {
    content: 'Inj';
    position: absolute;
    left: 10px;
    font-size: 14px;
    font-weight: 600;
  }

  body.page-generic-formulation #regularAccordionRobots table td:nth-child(5)::before {
    content: 'Strength';
    position: absolute;
    left: 10px;
    font-size: 14px;
    font-weight: 600;
  }

  body.page-generic-formulation #regularAccordionRobots table td:nth-child(6)::before {
    content: 'Dossier Status';
    position: absolute;
    left: 10px;
    font-size: 14px;
    font-weight: 600;
  }

  body.page-generic-formulation #regularAccordionRobots table td:last-child::before {
    content: 'Connect';
    position: absolute;
    left: 10px;
    font-size: 14px;
    font-weight: 600;
  }

  body.page-generic-formulation #regularAccordionRobots table tr {
    display: none;
  }

  tr.mobileDataeHeader {
    display: block !important;
  }

  tr.mobileDataeHeader+tr {
    display: none;
  }

  tr.mobileDataeHeader.openTD+tr {
    display: block;
  }

  tr.mobileDataeHeader.openTD+tr td {
    display: block;
  }

  tr.mobileDataeHeader td {
    padding-left: 10px !important;
    font-family: 'DRL Circular';
    font-style: normal;
    font-weight: 450;
    font-size: 16px !important;
    line-height: 20px !important;
    color: #5F4BA0;
    border-bottom: 1px solid rgba(203, 203, 203, 1);
    width: 100% !important;
    display: block;
  }

  tr.mobileDataeHeader td::before {
    display: none !important;
  }

  tr.mobileDataeHeader td::after {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    background: url(../images/hover-down-arrow.png) no-repeat center center;
    background-size: 80%;
    position: relative;
    margin-top: -18px;
    margin-left: calc(100% - 20px);
    cursor: pointer;
    transition: all 0.5s;
  }

  tr.mobileDataeHeader.openTD td::after {
    transform: rotate(180deg) !important;
  }

  tr.mobileDataeHeader.openTD+tr {
    display: block !important;
  }


  body.page-generic-formulation span.inj {
    margin-top: 0px;
    height: 20px;
  }

  body.page-generic-formulation .sticky-table {
    max-width: 100% !important;
    width: 100% !important;
  }

  div#regularCollapseSecond table tr {
    display: block !important;
  }


  body.page-generic-formulation div#regularCollapseSecond thead {
    display: none;
  }


  .sticky-header {
    display: none !important;
  }

  .customNavContentPart table td {
    display: block;
  }

  .customNavContentPart table td {
    padding: 10px !important;
    vertical-align: middle !important;
    display: block;
    padding-left: 40% !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
  }

  .mt-4.customNavPart .row {
    flex-direction: column;
  }

  tr.mobileDataeHeader td {
    padding-left: 10px !important;
  }

  body.page-generic-formulation div#regularCollapseFirst table td:first-child::before,
  body.page-generic-formulation div#regularCollapseSecond table td:first-child::before {
    content: 'Therapy Area';
    position: absolute;
    left: 10px;
    font-size: 14px;
    font-weight: 600;
  }

  body.page-generic-formulation div#regularCollapseFirst table td:nth-child(2)::before,
  body.page-generic-formulation div#regularCollapseSecond table td:nth-child(2)::before {
    content: 'Product Name';
    position: absolute;
    left: 10px;
    font-size: 14px;
    font-weight: 600;
  }

  body.page-generic-formulation div#regularCollapseFirst table td:nth-child(3)::before,
  body.page-generic-formulation div#regularCollapseSecond table td:nth-child(3)::before {
    content: 'Oral';
    position: absolute;
    left: 10px;
    font-size: 14px;
    font-weight: 600;
  }

  body.page-generic-formulation div#regularCollapseFirst table td:nth-child(4)::before,
  body.page-generic-formulation div#regularCollapseSecond table td:nth-child(4)::before {
    content: 'Inj';
    position: absolute;
    left: 10px;
    font-size: 14px;
    font-weight: 600;
  }

  body.page-generic-formulation div#regularCollapseFirst table td:nth-child(5)::before,
  body.page-generic-formulation div#regularCollapseSecond table td:nth-child(5)::before {
    content: 'Strength';
    position: absolute;
    left: 10px;
    font-size: 14px;
    font-weight: 600;
  }

  body.page-generic-formulation div#regularCollapseFirst table td:nth-child(6)::before,
  body.page-generic-formulation div#regularCollapseSecond table td:nth-child(6)::before {
    content: 'Dossier Status';
    position: absolute;
    left: 10px;
    font-size: 14px;
    font-weight: 600;
  }

  body.page-generic-formulation div#regularCollapseFirst table td:last-child::before,
  body.page-generic-formulation div#regularCollapseSecond table td:last-child::before {
    content: 'Connect';
    position: absolute;
    left: 10px;
    font-size: 14px;
    font-weight: 600;
  }

  /*sustainibility*/

  .DcatbannerText.sustainibilityBanner {
    margin-top: 29px;
  }

  .DcatbannerText.sustainibilityBanner span.dcat2, .DcatbannerText.sustainibilityBanner span.dcat3 {
    font-size: 34px !important;
    line-height: 40px !important;
  }

  .ourTeamHeading, .navigationArrowOurteam {
    z-index: 9;
  }

}

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

  #homeBanner .item .mycon h2, #homeBanner .item .mycon div.h2 {
    max-height: 500px !important;
  }


  body.path-node .mobile-number-field .country-select {
    margin-top: 6px;
  }

  .get-price-modal .contact_no {
    width: 100%;
  }

  body.path-node .get-price-modal .form-email,
  body.path-node .get-price-modal .form-text,
  body.path-node .get-price-modal .form-select {
    margin: 8px 0px;
    width: 100%;
  }

  .get-price-modal .contact_no {
    width: 100%;
  }

  .get-price-modal .col-md-6 input {
    margin: 8px 0px;
    width: 100%;
  }

  .get-price-modal .js-form-type-textarea label {
    margin: 10px;
  }

  body.path-node .get-price-modal .form-textarea {
    width: 100% !important;
    margin: 8px 0px;
  }

  .get-price-modal .js-form-item-message+div {
    width: 100%;
    margin: 10px;
  }

  .get-price-modal .contact_no .js-form-type-select {
    margin-left: 0px;
  }

  .get-price-modal .col-md-6 {
    width: 100%;
  }

  .get-price-modal .js-form-type-select,
  .get-price-modal .contact_no {
    flex: 0 0 auto;
    width: 100%;
  }

  .get-price-modal select {
    width: 100% !important;
  }

  .get-price-modal .js-form-item-message+div {
    width: 100%;
    box-sizing: border-box;
    padding: 0px;
  }

  body.path-product header.azido-header {
    margin-top: 86px;
  }

  .hpapis-form .webform-submission-form .form-select {
    width: 93%;
  }

  .hpapis-form input#edit-actions-submit {
    margin-top: 0px !important;
  }

  body.page-hpapis div#edit-processed-text {
    margin: 0 auto !important;
    margin-top: 15px !important;
  }

  .helloBar .helloBarCon p {
    margin: 0 auto;
  }

  .helloBar .helloBarCon a {
    display: block;
    margin: 0 auto;
  }

  header {
    margin-top: 86px;
  }

  .helloBar .helloBarCon {
    float: none;
    flex-direction: column;
    align-content: center;
  }

  /*update css*/
  .bannerSec {
    height: auto;
    max-height: fit-content;
  }

  #homeBanner .item .mycon {
    top: 15px;
  }

  .mycon .knowMore {
    bottom: -0.5vw;
  }

  #homeBanner .item .mycon .container {
    display: block;
    height: 100% !important;

  }

  #homeBanner .owl-dots {
    top: 70%;
  }

  #homeBanner {
    min-height: 300px;
  }

  #homeBanner .owl-carousel .owl-stage-outer {
    min-height: 292px !important;
  }

  #homeBanner .item img {
    height: auto !important;
    /* width: 100% !important; */
  }

  #homeBanner .item .mycon h2 span {
    font-size: 20px;
  }

  #homeBanner .item .mycon h2 {
    font-size: 24px;
    line-height: 32px;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
  }

  .search-2 {
    margin-top: 20px;
  }

  .cardIamge h2 {
    font-size: 30px;
  }

  .knowMore {
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 10px 20px !important;
    color: #fff !important;
    background: none;
    text-decoration: none !important;
    font-family: "DRLCircular-Light";
    font-size: 20px;
    width: auto !important;
    text-align: center;
    position: relative;
    margin-top: 35px;
    transition: all 0.5s;
    height: 35px;
    line-height: 16px;
  }

  .antiDiabeticGraphWrapper ul li {
    display: block;
    max-width: 200px;
    margin: 0 auto;
  }

  .innerBlock.block1 {
    position: relative;
    left: inherit;
    bottom: inherit;
    width: 200px;
  }

  .innerBlock.block2 {
    position: relative;
    top: inherit;
    left: inherit;
  }

  .innerBlock.block3 {
    position: relative;
    left: inherit;
    bottom: inherit;
  }

  .innerBlock.block4 {
    position: relative;
    top: inherit;
    left: inherit;
    width: 200px;
  }

  .antiDiabeticGraphWrapper {
    padding-top: 0px;
  }

  .antiDiabeticGraphWrapper ul li:first-child span::before {
    display: none;
  }

  .antiDiabeticGraphWrapper ul li:nth-child(2) span::before {
    display: none;
  }

  .antiDiabeticGraphWrapper ul li:nth-child(3) span::before {
    display: none;
  }

  .antiDiabeticGraphWrapper ul li:last-child span::before {
    display: none;
  }

  .antiDiabeticGraphWrapper ul {
    height: auto;
  }

  .antiDiabeticGraphWrapper div.innerBlock {
    margin-left: 60px;
  }

  .ssResWrapper::before {
    background-size: 100px;
  }

  .ssResWrapper::after {
    background-size: 100px;
  }

  body.page-peptide-api-manufacturing .hpapis-form .webform-submission-form .form-select {
    width: 90%;
  }

  body.page-peptide-capabilities .hpapis-form .webform-submission-form .form-select {
    width: 90%;
  }

  body.page-contact-us #webform-submission-contact-add-form #edit-actions {
    margin: 0px auto;
    width: 100%;
  }

  .knowMore.dark {
    color: #5f4ba0 !important;
    border-color: #5f4ba0 !important;
  }


}

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

  body.page-anti-diabetic .download-product-list header a,
  body.page-anti-diabetic .search-hide header a {
    left: -25px !important;
    top: 12px !important;
  }

  body.page-hpapis .form-actions {
    margin-top: 0px;
  }

  body.page-hpapis div#my-form-wrapper {
    margin: 0 0 15px 0 !important;
  }
}

@media screen and (max-width: 600px) {
  header .logoUl img {
    width: 127px !important;
  }

  header .navbar .search {
    padding-right: 8px !important;
  }

  .bef-exposed-form details {
    margin-bottom: 8px !important;
  }

  div#edit-actions--3 {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 15px;
  }

  div#edit-actions--5 {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 15px;
  }

  .contact-us-form {
    width: 100%;
    padding: 10px;
  }

  body.page-node-article .col-md-8.mainLeft img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
  }

  .mainContent .contactinfo ul {
    align-self: center;
    justify-content: center;
    display: flex;
  }

  .contactinfo ul li {
    font-size: 16px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }

  .contactinfo ul li img {
    width: auto !important;
    vertical-align: middle;
    margin: 0px 5px !important;
  }
}

@media screen and (max-width: 599px) {
  #updatescarousal .owl-item {
    margin-right: 40px !important;
  }
}

@media screen and (max-width: 560px) {
  body.page-hpapis .form-textarea {
    width: calc(100% - 52px) !important;
    margin: 0 auto;
    margin-left: 30px;
    margin-top: 10px;
  }
}

@media screen and (max-width: 550px) {
  body.page-events-cphi-na .aboutdcatHead {
    width: 100%;
  }

  body.page-events-cphi-na .dcatBanner.cphiBanner {
    padding-top: 50px;
  }

  body.page-events-cphi-na .header_search_append {
    display: none;
  }

  body.page-events-cphi-na #achivements .owl-nav {
    display: block !important;
    top: 70% !important;
  }

  body.page-events-cphi-na .item.achivementBox {
    width: 100%;
  }

  body.page-events-cphi-na .achivementWrapper .owl-carousel .owl-nav button.owl-next {
    right: -28px;
  }

  body.page-events-fce-pharma .g-recaptcha div iframe {
    margin-top: 0px !important;
  }

  body.path-customer-service .csBannerForm .form-select {
    background-color: #efefef;
  }

  body.path-customer-service .csBannerForm .mobile-number-field div.form-item {
    background-color: #efefef;
  }

  body.path-customer-service .csBannerForm .form-textarea {
    width: 100% !important;
  }

  body.path-customer-service .csBannerCaption {
    font-size: 30px;
    bottom: 28%;
    left: 0px;
  }

  body.path-customer-service .csBannerCaption h1 {
    font-size: 30px;
    padding: 0px;
  }

  body.page-customer-service-new .csBannerForm .form-control {
    background-color: #efefef;
  }

  body.path-customer-service .csBannerForm #edit-field-cc-0-mobile {
    background-color: #efefef;
    border: none;
    padding-left: 10px;
  }

  body.page-anti-diabetic .download-product-list header a,
  body.page-anti-diabetic .search-hide header a {
    left: -7px !important;
    top: 135px !important;
  }

  .associationWrapper h2,
  .eventBio h2,
  .homeAboutSec h2 {
    font-size: 30px;
    line-height: 30px;
  }

  .evenBannerSection .bannerInfo {
    padding: 20px 10px;
  }

  .evenBannerSection h4 {
    line-height: 40px;
  }

  .evenBannerSection .bannerInfo p {
    line-height: 32px;
  }

  ul.btnTopArea {
    display: block;
  }

  ul.btnTopArea li {
    display: block;
    margin-left: 0px;
    margin-bottom: 8px;
  }

  .g-recaptcha div iframe {
    /* max-width: 100% !important; */
  }

  .innerContent ul li::before {
    left: 0px;
  }

  .innerContent ul li {
    padding-left: 25px;
  }

  .ssResInner {
    text-align: left;
  }

  .ssResWrapper h2 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 20px;
    text-align: left;
  }

  .ssImageSec {
    margin-right: 0px;
    text-align: left;
    margin-bottom: 10px;
  }

  .innerPageBanner h1 {
    margin-top: 0px;
    font-size: 30px;
    max-width: 93%;
  }

  div#block-reddy-branding img {
    width: 150px;
    display: block;
    margin: 0 auto;
    text-align: center;
  }

  .headerWrapper .col-4,
  .headerWrapper .col-8 {
    flex: 0 0 auto;
    width: 100%;
  }

  li.nav-item {
    width: 100%;
    margin: 5px 0px;
  }

  .footerWrapper ul {
    padding-left: 0px;
    text-align: center;
    margin-top: 15px;
  }

  .footerWrapper h4 {
    margin-bottom: 10px;
    text-align: center;
  }

  .webform-submission-form .form-email,
  .webform-submission-form .form-text,
  .webform-submission-form .form-select {
    margin: 8px 10px;
    width: 97%;
  }

  #headerSearch div#edit-actions,
  #headerSearch div#edit-actions--2,
  #headerSearch div#edit-actions--3 {
    right: -123px;
    top: -2px;
  }

  #headerSearch .search {
    right: -276px;
    top: 47px !important;
  }

  #headerSearch input#edit-search {
    width: 300px;
  }

  input#edit-combine,
  input#edit-combine--2 {
    width: 100% !important;
  }

  .searchWRapper {
    width: 100%;
    margin: 0 auto;
    position: relative;
  }

  .productMainImage {
    height: auto;
    max-height: 295px;
  }

  .innerBtnGroup {
    display: block;
    align-self: flex-start;
    align-items: flex-start;
  }

  .knowMoreBTn {
    margin-left: 0px;
  }

  .mainContent p span {
    margin-right: 10px;
  }

  .container,
  .container-md,
  .container-sm {
    max-width: 100% !important;
  }

  .approachHandilingGraph {
    min-width: 100%;
  }

  body.page-hpapis .col-md-6.js-form-item.form-item.js-form-type-select.form-item-country.js-form-item-country {
    width: 100%;
  }

  body.page-hpapis .js-form-item.form-item.js-form-type-select.form-item-product.js-form-item-product {
    width: 100% !important;
  }

  .hpapis-form .webform-submission-form .form-select {
    width: 97%;
  }

  .associationWrapper h2,
  .eventBio h2 {
    font-size: 30px;
    line-height: 30px;
  }

  .evenBannerSection .bannerInfo {
    padding: 20px 10px;
  }

  .evenBannerSection h4 {
    line-height: 40px;
  }

  .evenBannerSection .bannerInfo p {
    line-height: 32px;
  }

  /*updated css*/

  #homeBanner .item .mycon h2 span {
    font-size: 20px;
    padding-right: 25px;
  }

  #homeBanner .owl-dots {
    top: 85%;
  }

  #homeBanner .item .mycon a.knowMore {
    margin-top: 43px !important;
  }

  .bannerSec {
    margin-top: 84px;
  }

  #homeBanner .item .mycon {
    top: 0px;
  }

  .cardIamge {
    padding: 20px 15px;
  }

  body.path-webinar .bannerInfo {
    padding-top: 160px;
  }

  .webinarLogo {
    top: 100px;
  }

  body.path-webinar .inner-content-sec p {
    font-size: 20px;
    line-height: 24px;
  }

  /*contact us page update */
  body.page-form-contact-us-product input#edit-email {
    margin-left: 10px;
  }

  body.page-form-contact-us-product .webform-submission-form .form-select {
    margin-left: 10px !important;
  }

  body.page-form-contact-us-product .webform-submission-form .form-select {
    width: 96% !important;
  }

  body.page-form-contact-us-product .webform-submission-form .form-text {
    width: 96%;
  }

  .cardIamge a {
    margin: auto auto auto 0;
    color: #fff;
    font-size: 14px;
    background: #f0504b;
    border-radius: 30px;
    padding: 5px 20px;
    font-weight: bold;
    float: left;
    height: 35px;
  }

  body.page-peptide-api-manufacturing input#edit-actions-submit {
    margin-top: 0px !important;
  }

  body.page-peptide-api-manufacturing .hpapis-form .webform-submission-form .form-select {
    width: 97%;
  }

  .ssResWrapper.expertiseWrapper h2 {
    text-align: center !important;
  }

  body.page-peptide-api-manufacturing .hpapis-form div#edit-actions {
    margin-top: 25px;
  }

  body.page-xceed-customer-service .g-recaptcha div iframe,
  body.page-meet-api-product-expert .g-recaptcha div iframe,
  body.path-webinar .g-recaptcha div iframe,
  body.path-api-landing .g-recaptcha div iframe,
  body.path-dcat-week .g-recaptcha div iframe {
    max-width: 100% !important;
    margin-top: 0px !important;
  }

  body.path-api-product-experts #up-meet-api-experts-form .g-recaptcha div iframe {
    margin-top: 0px !important;
  }

  body.path-api-product-experts #meet-api-experts-form .g-recaptcha div iframe {
    margin-top: 10px !important;
  }

  body.page-meet-api-experts1 .g-recaptcha div iframe {
    margin-top: 0px !important;
  }

  body.page-contact-us .g-recaptcha div iframe {
    margin-top: 15px;
    margin-left: 13px;
  }

  body.page-contact-us .contactFormSection .webform-submission-form .js-form-item.form-item.js-form-type-checkbox {
    margin-left: 9px !important;
  }

  body.page-contact-us .webform-submission-form .form-select {
    width: 97% !important;
  }

  .contact-us-form.hpapis-form .js-form-item.form-item.js-form-type-checkbox {
    margin-left: 7px !important;
  }

  body.page-peptide-capabilities .g-recaptcha div iframe {
    margin-left: 16px;
    margin-top: 15px;
  }

  body.page-form-contact-us-product .g-recaptcha div iframe {
    margin-left: 17px;
  }

  body.page-form-contact-us-product .js-form-item.form-item.js-form-type-checkbox {
    margin-left: 12px !important;
    padding-left: 0px !important;
  }

  .mainContent p {
    overflow-wrap: break-word;
  }

  .dcatPage .navbar {
    padding-top: 15px;
    padding-right: 24px;
    padding-left: 24px;
  }

  .g-recaptcha.custom- {
    margin: 0 auto;
  }


}

@media screen and (max-width: 500px) {
  body.path-product header.azido-header {
    margin-top: 111px;
  }

  body.path-frontpage #resource .owl-item::before {
    height: 252px;
  }

  #homeBanner {
    margin-top: 110px;
  }

  #homeBanner .item .mycon h2 span {
    font-size: 16px;
    line-height: normal;
    float: left;
  }

  header {
    margin-top: 113px;
  }

  .bannerSec {
    margin-top: 71px;
  }

  .search-2 {
    margin-top: 0px;
  }
}

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

  body.page-anti-diabetic .download-product-list header a,
  body.page-anti-diabetic .search-hide header a {
    width: 50px;
    height: 50px;
    left: -26px !important;
    top: -4px !important;
  }

  #homeBanner .item .mycon div.h2 .CPHLbannerText h2.LineTwo.barcelona {
    font-size: 22px !important;
    line-height: 22px !important;
  }
}

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

  body.page-node-article .g-recaptcha div {
    margin-bottom: 80px;
    margin-top: 0px;
  }

  .productRightSection {
    width: 100%;
    position: relative !important;
    height: auto;
    max-height: 100%;
    top: inherit !important;
  }


  /*CPHI Milan 2024*/

  body.page-events-cphi-milan-2024 .navbar .navbar-collapse {
    top: 50px;
    background: url(../images/about-cphi-india-bg.webp) no-repeat left bottom !important;
  }

  .milanBusinessBoxInner ul li {
    width: 100%;
  }

  .cphiMilanLandingPage .dcatTeamSec.fce .owl-nav {
    display: block;
    top: 50%;
  }

  .cphiMilanLandingPage .dcatTeamSec.fce {
    padding-bottom: 0px !important;
  }

  .fceBanner.cphiMilanBanner {
    padding-top: 0px;
  }

  body.page-events-cphi-milan-2024 .dcatNavbar .navbar-toggler {
    /* background: none !important; */
    top: 5px;
  }

  body.page-node-create_custom_page .dcatNavbar .navbar-toggler:hover {
    /* background: none !important; */
  }

  body.page-node-create_custom_page .navbar p {
    margin-bottom: 0px;
  }


  .dcatPage .navbar .cphi-barcelonaPage .dcatNavbar {
    padding: 15px 20px;
  }

  body.path-frontpage .disclaimerWrapper .mainContent {
    margin-top: 0px !important;
    padding: 0px 10px !important;
  }

  body.page-node-create_custom_page .disclaimerWrapper .innerDisclaimer {
    padding: 0px 10px;
  }


  .myNewOverlay .popUpBodyLinkdin {
    background: url(../images/linkdin-popup-bg.png) no-repeat left top #faddb9;
    background-size: 116%;
  }

  .dcatTeamSec.fce.frontPage .knowMore {
    position: relative;
    bottom: 0px;
  }

  .dcatTeamSec.fce.frontPage .bioSec {
    width: 100%;
  }

  .dcatTeamSec.fce.frontPage .profileSec {
    width: 100%;
  }

  .dcatTeamTopSec.frontPage h2 {
    text-align: left;
  }

  .dcatTeamSec.fce.frontPage .bioSec h4 {
    font-size: 18px;
  }

  .dcatTeamSec.fce.frontPage .knowMore {
    position: relative;
    bottom: 0px;
    font-size: 18px;
    margin: 0 auto;
    display: block;
  }

  .dcatTeamSec.fce.frontPage .d-flex {
    margin: 0 3px;
    display: block !important;
  }

  .dcatTeamSec.fce.frontPage .owl-nav {
    margin-top: -71%;
  }

  section.dcatTeamSec.fce.frontPage {
    padding: 0 24px;
    padding-bottom: 30px;
  }

  .dcatTeamTopSec.frontPage {
    padding: 0px 24px !important;
  }

  .capabilitiesMapBg {
    overflow: hidden;
    overflow-x: hidden;
  }

  .ui-widget.ui-widget-content {
    width: 100% !important;
    max-width: 100% !important;
  }

  .articleImage {
    background-color: #d9cffb !important;
  }

  body.page-node-product .views-view-grid .views-row {
    margin-bottom: 0px;
  }

  body.page-node-product .knowMore {
    margin-top: 0px;
  }

  .ui-tooltip {
    left: 10px !important;
  }

  a.homeMenu {
    position: absolute;
    top: 20px;
    left: 30px;
    display: block;
  }

  body.page-node-article .row.mt-4 {
    margin-top: 0px !important;
    margin-bottom: 20px;
  }

  #fullSlider .owl-item {
    opacity: 0;
    transition: opacity 0.75s linear;
  }

  #fullSlider .owl-item.active {
    opacity: 1;
  }

  .popup-content.info.eu-cookie-compliance-content {
    display: flex;
    justify-content: space-around;
  }

  .eu-cookie-compliance-buttons {
    text-align: center;
  }

  .eu-cookie-compliance-message h2 {
    font-weight: normal;
    margin-bottom: 2px;
  }

  .decline-button {
    margin-top: 2px;
  }

  div#fullSlider {
    margin-top: 0px;
  }

  .eu-cookie-compliance-message h2 {
    font-size: 16px !important;
    line-height: 18px !important;
  }

  .eu-cookie-compliance-message {
    line-height: 14px;
  }

  .eu-cookie-compliance-more-button {
    font-size: 12px;
  }

  .eDate {
    right: 0px;
  }

  .agree-button {
    margin-top: 8px;
    height: 30px;
    font-size: 12px;
    line-height: 21px;
    width: auto !important;
    min-width: 52px !important;
    background: #32c8f5;
    color: #fff !important;
    line-height: 1;
    padding: 0 15px !important;
    cursor: pointer !important;
    position: relative !important;
    border-radius: 20px !important;
    border: none !important;
    outline: none !important;
    text-shadow: none;
    margin-right: 0px;
  }

  .decline-button {
    margin-top: 8px;
    font-size: 12px;
    margin-right: 0px;
  }

  .eu-cookie-compliance-buttons {
    margin: 8px 0 8px;
  }

  .views-element-container .views-view-grid .views-row .views-col {
    margin: 8px 0px;
    width: calc(100% - 0px) !important;
    margin-bottom: 35px;
  }

  body.page-product .views-element-container .views-view-grid .views-row .views-col {
    margin-bottom: 0px;
  }

  body.page-customer-service-new .contactBottomWrapper {
    margin-top: 0px;
  }

  body.path-white-paper .cardIamge,
  body.path-contact-us .cardIamge,
  body.page-article .cardIamge,
  body.path-news .cardIamge,
  body.path-event .cardIamge,
  body.path-webinars .cardIamge,
  body.page-node-article .cardIamge {
    margin: 0px 0px 30px !important;
  }

  body.page-about-us section.content-sec.inner-content-sec {
    padding: 48px 28px 0px !important;
  }

  body.path-generic-formulation section.content-sec.inner-content-sec {
    padding: 48px 28px 0px !important;
  }

  body.page-customer-service-new section.content-sec.inner-content-sec {
    padding: 48px 28px 0px !important;
  }

  body.page-customer-service-new .bannerImageSec {
    padding: 0px 28px !important;
  }

  body.page-capabilities .bannerImageSec {
    padding: 0px 28px !important;
  }

  body.page-capabilities section.content-sec.inner-content-sec {
    padding: 48px 28px 0px !important;
  }

  body.page-manufacturing-capabilities .bannerImageSec {
    padding: 0px 28px !important;
  }

  body.page-manufacturing-capabilities section.content-sec.inner-content-sec {
    padding: 0px !important;
  }

  body.page-customer-service .bannerImageSec {
    padding: 0px 28px !important;
  }

  body.page-customer-service section.content-sec.inner-content-sec {
    padding: 48px 28px 0px !important;
  }

  body.page-hpapis .bannerImageSec {
    padding: 0px 28px !important;
  }

  body.page-hpapis section.content-sec.inner-content-sec {
    padding: 48px 28px 0px !important;
  }

  body.page-peptide-capabilities .bannerImageSec {
    padding: 0px 28px !important;
  }

  body.page-peptide-capabilities section.content-sec.inner-content-sec {
    padding: 48px 28px 0px !important;
  }

  body.page-regulatory .bannerImageSec {
    padding: 0px 28px !important;
  }

  body.page-regulatory section.content-sec.inner-content-sec {
    padding: 48px 28px 0px !important;
  }

  body.path-generic-formulation .bannerImageSec {
    padding: 0px 28px !important;
  }

  body.page-about-us .bannerImageSec {
    padding: 0px 28px !important;
  }

  body.path-white-paper .bannerImageSec {
    padding: 0px 28px !important;
  }

  body.path-white-paper section.content-sec.inner-content-sec {
    padding: 48px 28px 0px !important;
  }

  body.page-node-article .bannerImageSec {
    padding: 0px 28px !important;
  }

  body.page-node-article section.content-sec.inner-content-sec {
    padding: 48px 28px 0px !important;
  }

  body.page-article .bannerImageSec {
    padding: 0px 28px !important;
  }

  body.page-article section.content-sec.inner-content-sec {
    padding: 48px 28px 0px !important;
  }

  body.path-news .bannerImageSec {
    padding: 0px 28px !important;
  }

  body.path-news .views-view-grid .clearfix .views-col {
    margin: 8px 0px;
  }

  body.path-event section.content-sec.inner-content-sec {
    padding: 48px 28px 0px !important;
  }

  body.path-event .bannerImageSec {
    padding: 0px 28px !important;
  }

  body.path-webinars section.content-sec.inner-content-sec {
    padding: 48px 28px 0px !important;
  }

  body.path-webinars .bannerImageSec {
    padding: 0px 28px !important;
  }

  body.path-contact-us .bannerImageSec {
    padding: 0px 28px !important;
  }

  body.path-contact-us section.content-sec.inner-content-sec {
    padding: 48px 28px 0px !important;
  }

  body.path-webform div#edit-processed-text {
    margin-left: 0px !important;
  }

  body.path-webform div#edit-processed-text h6 {
    width: 100%;
    overflow: auto;
    display: block !important;
    border-radius: 70px !important;
  }

  body.path-updates .bannerImageSec {
    padding: 0px 28px !important;
  }

  body.page-form-contact-us-generic-formulation .webform-submission-form .form-select {
    width: 97% !important;
  }

  body.page-contact-us .webform-submission-form .form-select {
    width: 97% !important;
  }

  body.path-node dd p a {
    display: inline-block;
    word-wrap: break-word;
  }

  body.path-node ul li a {
    display: inline-block;
    word-wrap: break-word;
  }

  body.path-about-us #newscarousal button.owl-prev {
    left: -26px !important;
  }

  body.path-about-us #newscarousal button.owl-next {
    right: -26px !important;
  }

  body.path-about-us #whitepaperscarousal button.owl-next {
    right: -26px !important;
  }

  body.path-about-us #whitepaperscarousal button.owl-prev {
    left: -26px !important;
  }

  body.path-about-us #articlescarousal button.owl-next {
    right: -26px !important;
  }

  body.path-about-us #articlescarousal button.owl-prev {
    left: -26px !important;
  }

  body.path-about-us #webinarcarousal button.owl-next {
    right: -26px !important;
  }

  body.path-about-us #webinarcarousal button.owl-prev {
    left: -26px !important;
  }

  body.path-about-us #eventscarousal button.owl-next {
    right: -26px !important;
  }

  body.path-about-us #eventscarousal button.owl-prev {
    left: -26px !important;
  }

  body.path-about-us #updatescarousal button.owl-next {
    right: -26px !important;
  }

  body.path-about-us #updatescarousal button.owl-prev {
    left: -26px !important;
  }

  body.path-about-us .owl-nav {
    margin-top: -72%;
    display: block;
  }

  body.path-frontpage input#edit-combine::placeholder {
    font-size: 14px;
  }

  body.path-product .js-form-item.form-item.js-form-type-textfield.form-item-combine.js-form-item-combine input {
    background-size: 20px;
    padding-right: 30px;
  }

  body.path-product .js-form-item.form-item.js-form-type-textfield.form-item-combine.js-form-item-combine input::placeholder {
    font-size: 11px;
  }

  body.path-meet-api-product-expert #whitepaperscarousal .item img {
    min-height: 100%;
  }

  body.path-meet-api-product-expert .owl-nav {
    margin-top: -68%;
    display: block;
  }

  body.path-meet-api-product-expert #whitepaperscarousal button.owl-prev {
    left: -29px !important;
  }

  body.path-meet-api-product-expert #whitepaperscarousal button.owl-next {
    right: -29px !important;
  }

  body.path-meet-api-product-expert .articleCaption {
    min-height: 100px;
  }

  .rc-anchor-logo-portrait {
    margin: 10px 0 0 10px !important;
  }

  .rc-anchor-normal {
    width: 287px !important;
  }

  body.path-meet-api-product-expert #meet-expert-form .valid-email {
    margin-top: 0px;
  }

  div[role="alert"] {
    padding: 10px;
  }

  body.path-cphi-na .aboutdcatHead {
    width: 100%;
    height: auto;
    position: relative;
    line-height: 34px;
    padding: 10px;
  }

  body.path-cphi-na .item.achivementBox {
    width: 100% !important;
  }

  .dcatNavbar .navbar-nav .nav-link {
    font-size: 19px;
    color: #502e92 !important;
    position: relative;
    padding: 16px 25px 16px 25px;
  }

  body.path-cphi-na .g-recaptcha div iframe {
    max-width: 100% !important;
    margin-top: 0px !important;
  }

  .dcatBanner.cphiBanner {
    padding-top: 50px;
  }

  .cphiCaption button.reserveBtn {
    min-width: 100%;
  }

  .cphiCaption P {
    font-size: 24px;
    line-height: 28px;
  }

  .cphiCaption h4 {
    font-size: 30px;
    line-height: 34px;
  }

  .cphiCaption h1 {
    font-size: 55px;
    line-height: 62px;
    margin-bottom: 20px;
  }

  body.page-product input#edit-combine {
    background-size: 18px !important;
    padding-right: 30px !important;
  }

  .bef-exposed-form details {
    text-align: left;
  }

  body.page-contact-us #fullSlider .owl-next {
    right: -3px;
  }

  body.page-contact-us #fullSlider {
    padding: 0px 13px;
  }

  body.page-resources .owl-nav,
  body.page-article .owl-nav,
  body.page-white-paper .owl-nav,
  body.page-news .owl-nav,
  body.page-event .owl-nav,
  body.page-webinars .owl-nav,
  body.page-update .owl-nav {
    display: block;
    margin-top: -71%;
    margin-left: -17px;
    margin-right: 0;
  }

  #updatescarousal .owl-item {
    /* margin-right: 46px !important; */
  }

  .resourceDescBox {
    background: #d9cffb;
  }

  #fullSlider .owl-carousel.owl-drag .owl-item {
    width: 325px !important;
  }

  #fullSlider .owl-item {
    border-right: none !important;
  }

  #fullSlider .owl-next {
    right: -28px;
  }

  #fullSlider .owl-prev {
    margin-left: 0 !important;
    left: -31px;
  }

  #fullSlider .owl-nav {
    margin-top: -68% !important;
    display: block;
  }

  body.path-product .js-form-item.form-item.js-form-type-textfield.form-item-combine.js-form-item-combine input {
    width: 100% !important;
  }

  .searchalpha1.footerAlpha {
    margin-top: 0px !important;
    position: absolute;
    top: -63px;
  }

  body.path-product .bef-exposed-form {
    margin-bottom: 0px !important;
    margin-top: 50px;
  }

  body.path-product #edit-combine--NPU6T3g42_I {
    width: 100%;
  }

  .relatedResourcesWrapper div.relatedResourcesBox {
    display: flex;
    align-items: center;
    text-align: left;
    flex-direction: column;
  }

  .relatedResourcesBox div {
    width: 100%;
  }

  .evenBannerSection.successBanner {
    margin-top: 100px;
  }

  /* Home Page Modification Start*/
  .myScroll .scrollItems .textArea {
    background: transparent;
  }

  .qContact a,
  .qContact2 a {
    top: 90%;
  }

  section.content-sec.inner-content-sec {
    padding: 48px 28px !important;
  }

  body.page-meet-api-experts1 section.content-sec.inner-content-sec {
    padding-top: 0px !important;
  }

  .cardIamge .col-md-7 {
    z-index: 1;
    position: relative;
  }

  .bannerImageSec img {
    width: 100%;
  }

  .homeAboutSec .text-center {
    text-align: left !important;
  }

  #homeBanner button.owl-dot {
    background: rgba(255, 255, 255, 0.4) !important;
  }

  #homeBanner button.active {
    background: rgba(255, 255, 255, 1) !important;
  }

  .qContact a {
    position: fixed;
    background: #f0504b;
    right: 20px;
    width: 60px !important;
    height: 60px !important;
    border-radius: 30px !important;
    -webkit-box-shadow: 3px 0px 14px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 3px 0px 14px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 3px 0px 14px 3px rgba(0, 0, 0, 0.15);
  }

  header .logoUl img {
    width: 150px !important;
  }

  .homepage {
    padding-left: 28px;
    padding-right: 28px;
  }

  .myScrollSec {
    padding: 28px 28px 48px !important;
  }

  .myScrollSec h2 {
    text-align: left;
    font-family: "DRLCircular-Book";
    font-size: 30px;
  }

  .myScroll {
    display: block;
  }

  .myScroll .scrollItems {
    float: none;
    width: 100%;
    margin: 0 auto;
    display: block;
    margin-bottom: 25px;
  }

  .myScroll .scrollItems img {
    width: 100%;
    height: 200px;
  }

  .myScroll .scrollItems:nth-child(2) {
    margin: 0 auto;
    margin-bottom: 25px;
  }

  .myScroll .scrollItems .textArea p span {
    margin: auto auto auto 0px;
    width: 60%;
    line-height: normal;
    min-height: auto;
    padding: 0px;
  }

  .myScroll .scrollItems .textArea p span {
    font-size: 16px;
  }

  .myScroll .scrollItems .textArea p button {
    display: none;
  }

  .myScroll .scrollItems .textArea p {
    top: 69%;
  }

  .re-imagine h2,
  .re-imagine h3 {
    text-align: left;
  }

  .myScroll .scrollItems .textArea p::after {
    width: 30px;
    height: 30px;
    margin: 10px 0 0 0;
  }

  .myScroll .scrollItems .textArea p {
    color: #ffffff !important;
    background: #7560b9;
    text-decoration: none !important;
    font-family: "DRLCircular-Bold";
    font-size: 22px;
    text-align: center;
    margin: 0 auto;
    padding: 8px 20px;
    width: 100%;
    text-align: left;
    display: block;
    height: auto;
    top: 146px;
    position: absolute;
    font-weight: bold;
    display: flex;
    flex-direction: inherit;
    font-size: 16px !important;
  }

  .re-imagine a.knowMore {
    min-width: 80px !important;
    height: auto !important;
    padding: 10px !important;
  }

  .re-imagine {
    padding: 48px 28px;
  }

  body.path-frontpage .re-imagine {
    padding: 48px 10px;
  }


  #re-imagine .item {
    min-height: 257px;
    background: #7560b9;
    margin-bottom: 40px;
    padding: 0px !important;
    position: relative;
    display: block;
    position: relative;
  }

  #re-imagine .item img {
    width: 100%;
    margin: 0px;
    display: block;
  }

  .re-imagine p {
    margin: 0px !important;
    background: #7560b9;
    padding: 17px 20px 0;
    font-size: 16px;
    line-height: 13px;
    text-align: left;
    position: absolute;
    left: 0px;
    bottom: 17px;
  }

  .re-imagine p::after {
    width: 30px;
    height: 30px;
  }

  .re-imagine p::after {
    content: "";
    background: url(../images/arrow.png) no-repeat;
    margin: 0px;
    width: 30px;
    transition: all 0.5s;
    position: absolute;
    right: 15px;
    top: 13px;
    cursor: pointer;
  }

  .re-imagine a.knowMore {
    border: none;
    font-family: "DRLCircular-Book";
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    vertical-align: middle;
    display: inline-block;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 0px 20px;
    border-bottom: 1px solid #fff;
    border-radius: 0;
  }

  .fullSliderSec a.knowMore span {
    position: relative;
  }

  .fullSliderSec a.knowMore span:after {
    width: 30px;
    height: 30px;
  }

  .fullSliderSec a.knowMore span:after {
    content: "";
    background: url(../images/arrow.png) no-repeat;
    margin: 0px;
    width: 30px;
    transition: all 0.5s;
    position: absolute;
    right: -43px;
    top: -2px;
  }

  .fullSliderSec {
    padding: 48px 28px;
  }

  body.path-frontpage .fullSliderSec {
    padding: 0px 28px 48px;
  }

  .imagCont img {
    width: 100%;
    height: 200px;
  }

  .event {
    margin-bottom: 25px;
  }

  .textCont h2 {
    font-size: 16px;
  }

  .textCont p {
    font-size: 16px;
    height: auto;
    max-height: 60px;
    min-height: auto;
  }

  .fullSliderSec a.knowMore {
    min-width: auto;
    height: auto;
    background: transparent;
    border: none;
    border-radius: 0px;
    font-family: "DRLCircular-Book";
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    vertical-align: middle;
    display: inline-flex;
    align-items: flex-start;
    justify-content: left;
    color: #fff;
    padding: 0px 20px;
    padding: 0px !important;
    margin-top: 15px;
  }

  .imagCont {
    position: relative;
  }

  .eDate {
    width: 102px;
    height: 79px;
    min-width: 102px !important;
    bottom: 0px;
  }

  .resourceSec {
    width: 100%;
    background: #f2f1f1;
    margin-bottom: 60px;
    margin-top: 0px;
    height: auto;
    padding: 48px 28px !important;
  }

  section.resourceSec {
    padding: 48px 28px !important;
  }

  .resourceSec h2 {
    text-align: left;
    font-family: "DRLCircular-Book";
    font-size: 30px;
  }

  .eventHead h2 {
    padding: 15px 15px;
    color: #5f4ba0 !important;
    background: none;
    text-decoration: none !important;
    font-family: "DRLCircular-Book";
    font-size: 30px;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
  }

  #resource {
    height: auto;
  }

  #resource .item img {
    width: 100%;
  }

  #resource p {
    font-family: "DRLCircular-Book";
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
  }

  .bannerImageSec {
    padding: 48px 28px !important;
  }

  body.path-node.page-node-create_custom_page .bannerImageSec {
    padding: 0px 24px !important;
  }

  .DcatBannerTop.cphiJapan2024.milan2024 div.dcat3 p {
    font-size: 15px !important;
    width: 67% !important;
  }

  .DcatBannerTop.cphiJapan2024.milan2024 div.dcat3 {
    gap: 0px;
  }

  .DcatBannerTop.cphiJapan2024.milan2024 div.dcat3 div {
    gap: 8px;
    font-size: 14px;
  }

  .DcatBannerTop.cphiJapan2024.milan2024 .dcat2 div {
    font-size: 24px;
    line-height: 25px;
  }


  body.page-generic-formulation .bannerImageSec {
    padding: 0px !important;
  }

  .homeAboutSec {
    padding: 0px 28px 48px !important;
  }

  .homeAboutSec h2 {
    padding: 0px;
  }

  #homeBanner {
    margin-top: 0px;
    height: 297px;
  }

  #homeBanner .item .mycon h2 {
    font-size: 24px !important;
    width: 90% !important;
    line-height: 28px !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    padding-right: 25px;
  }

  #homeBanner .item .mycon a.knowMore {
    margin-top: 20px !important;
    position: relative !important;
  }

  #homeBanner .item img {
    /* height: 297px !important; */
  }

  #homeBanner .item {
    position: relative;
  }

  #homeBanner .item::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: rgb(80, 46, 146);
    background: linear-gradient(0deg,
        rgba(80, 46, 146, 1) 0%,
        rgba(80, 46, 146, 0.5970588919161415) 65%,
        rgba(80, 46, 146, 0) 100%);
  }

  .navbar-list .navbar-item .navbar-link {
    color: #262626 !important;
    padding-left: 30px !important;
    background: transparent !important;
  }

  .navbar .navbar-collapse {
    padding: 50px 30px;
    background-color: #fff;
  }

  .navbar-item {
    border-top: 1px solid rgba(139, 139, 139, 0.3);
  }

  .dropdown-toggle::after {
    display: inline-block;
    margin-left: auto;
    vertical-align: 0.255em;
    content: "";
    background: url(../images/mob-nav-arrow-down.svg) no-repeat;
    width: 15px;
    height: 15px;
    right: 0px;
    border: none;
    position: absolute;
    top: 22px;
  }

  .navbar-list .navbar-item .navbar-link {
    padding-left: 0px !important;
    font-size: 18px;
  }

  .footerWrapper ul {
    padding-left: 0px;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 20px;
  }

  .footerLogo ul {
    display: block;
  }

  .footerLogo ul li:last-child {
    margin-left: 0px;
    border-left: 0px;
    padding-left: 0px;
    padding-top: 0px;
    width: 100%;
  }

  .footerWrapper {
    margin-top: 0px;
    padding: 48px 28px;
  }

  .footerLogo ul li:first-child {
    padding: 0;
  }

  .footerLogo ul li span {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .footerWrapper .col-lg-4 {
    width: 100%;
  }

  .footerWrapper .accordion-button {
    padding: 0px;
    text-align: left;
    border-bottom: 1px solid #6d5ba9;
    font-family: "DRLCircular-Black";
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 31px;
    color: #fff;
    padding: 20px 0px;
  }

  .copyrightInfo {
    margin-top: 10px;
    margin-bottom: 0px;
  }

  .footerWrapper .accordion-button {
    border-color: #6d5ba9;
  }

  .footerWrapper .accordion-button:not(.collapsed) {
    background: none;
    color: #fff;
    border-bottom: 1px solid #c1b1f4;
  }

  .footerWrapper .accordion-body {
    background-color: transparent;
  }

  .footerWrapper .accordion-button::after {
    width: 25px !important;
    height: 25px !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-size: 25px !important;
    content: "+" !important;
    font-size: 40px !important;
    font-weight: normal !important;
    font-family: "DRLCircular-Light" !important;
  }

  .footerWrapper #flush-headingOne .accordion-button.collapsed::after,
  .accordion-header .accordion-button.collapsed::after {
    width: 25px !important;
    height: 25px !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-size: 25px !important;
    content: "+" !important;
    font-size: 40px !important;
    font-weight: normal !important;
    font-family: "DRLCircular-Light" !important;
    position: absolute;
    right: 0px;
  }


  .csFaqSecNew .accordion-button::after {
    content: url(../images/cs-faq-down-arrow-white.png) !important;
    width: 25px;
    height: 14px;
    background-image: none !important;
    background-repeat: no-repeat;
    background-size: 25px;
    position: absolute;
    left: 20px;
    top: 25px;
    rotate: -90deg;
  }

  .footerWrapper .accordion-header .accordion-button:not(.collapsed)::after {
    width: 25px !important;
    height: 25px !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-size: 25px !important;
    content: "-" !important;
    font-size: 40px !important;
    font-weight: normal !important;
    font-family: "DRLCircular-Light" !important;
    position: absolute;
    right: 0px !important;
  }

  .footerWrapper .accordion-button:not(.collapsed)::after {
    width: 25px !important;
    height: 25px !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-size: 25px !important;
    content: "-" !important;
    font-size: 40px !important;
    font-weight: normal !important;
    font-family: "DRLCircular-Light" !important;
    position: absolute;
    right: 0px !important;
  }

  .footerLogo li {
    font-size: 20px;
  }

  .footerLogo ul li span {
    margin-top: -6px;
    margin-bottom: 10px;
    line-height: 16px;
    font-size: 16px;
  }

  .copyrightInfo {
    text-align: left;
  }

  .eventHead {
    padding-left: 0px;
  }

  .resourceSec a.knowMore.dark {
    min-width: auto;
    height: auto;
    background: transparent;
    border: none;
    border-radius: 0;
    font-family: "DRLCircular-Book";
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #502e92;
    border-bottom: 1px solid #502e92;
    padding: 0px !important;
  }

  .fullSliderSec .viewAllBtn {
    min-width: auto;
    height: auto;
    background: #ffffff;
    border: none;
    border-radius: 0;
    font-family: "DRLCircular-Book";
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #502e92;
    border-bottom: 1px solid #502e92;
    padding: 0px;
  }

  .homeAboutSec .viewAllBtn {
    min-width: 150px;
    height: 50px;
    background: transparent;
    border: none;
    border-radius: 0;
    font-family: "DRLCircular-Book";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    vertical-align: middle;
    display: inline-block;
    color: #502e92;
    padding: 0;
    margin: 0px;
    min-width: 0;
    position: relative;
  }

  .homeAboutSec .viewAllBtn::after {
    content: "";
    width: 22px;
    height: 14px;
    background: url(../images/readmore-arrow.svg) no-repeat;
    position: absolute;
    right: -40px;
    top: 5px;
  }

  .homeAboutSec h2 {
    font-family: "DRLCircular-Book";
  }

  .homeAboutSec span {
    font-weight: normal;
  }

  .homeAboutSec p {
    color: #000;
  }

  /* h2 {
    font-size: 28px !important;
    line-height: 34px !important;
    font-family: "DRLCircular-Book";
  } */

  #homeBanner .item .mycon {
    top: inherit !important;
    left: inherit !important;
    z-index: 999;
  }

  .mobOff {
    display: none;
  }

  .mobOn {
    display: block;
  }

  .navbar-list.menu.dropdown-menu .navbar-item .navbar-link {
    font-size: 14px;
    color: #333 !important;
    padding: 0 0 15px 15px !important;
    font-weight: normal !important;
  }

  .navbar-list .navbar-item .navbar-link {
    font-weight: normal !important;
  }

  .navbar-list.menu.dropdown-menu .navbar-item .navbar-link:hover {
    color: #502e92 !important;
  }

  .navbar-list .navbar-item .navbar-link:hover {
    color: #502e92 !important;
  }

  .navbar-list.menu.dropdown-menu .navbar-item .navbar-link::before {
    content: "";
    width: 6px;
    height: 6px;
    background: #e4e4e4;
    border-radius: 6px;
    position: absolute;
    top: 8px;
    left: 0px;
  }

  .js-form-item.form-item.js-form-type-textfield.form-item-apisearch.js-form-item-apisearch {
    position: relative;
    margin: 40px 0px 30px;
  }

  .api-search-form #edit-send {
    width: 30px;
    height: 30px;
    background: url(../images/inner-search-icon.svg) no-repeat right center #efefef;
    position: absolute;
    top: 103px;
    right: 48px;
    background-size: 24px;
    font-size: 0px;
  }

  .navbar-list.menu.dropdown-menu .navbar-item .navbar-link:hover::before {
    background: #d4c6f0;
  }

  .headerBtnSec .field--name-body a {
    width: 100%;
    text-align: center;
    background: #502e92;
    border: none;
    font-size: 22px !important;

    height: 50px;
    line-height: 45px;
    border-radius: 25px !important;
  }

  body.lang-en .lang-dropdown-form .form-select {
    padding: 8px 25px 3px 25px !important;
    border-radius: 5px !important;
    font-size: 16px !important;
    height: 50px;
    border: 1px solid #502e92 !important;
    border-radius: 25px !important;
    color: #502e92 !important;
  }

  .lang-dropdown-form .form-select {
    width: auto !important;
    min-width: 52px !important;
    background: url(../images/language-arrow.svg) no-repeat center right 20px #fff;
    background-size: 15px;
    color: #502e92 !important;
  }

  .headerBtnSec .field--name-body a:hover {
    background: #502e92;
    color: #fff !important;
  }

  .search.header_search_append {
    display: none;
  }

  .navbar-light .navbar-toggler {
    border: none;
  }

  .navTitle {
    display: none !important;
  }

  #edit-apisearch {
    width: 100%;
    height: 48px;
    border-radius: 25px;
    border: none !important;
    outline: none !important;
    background: #efefef;
    padding-left: 15px;
  }

  #homeBanner,
  #fullSlider {
    margin: 0 -12px;
  }

  #homeBanner {
    margin-top: 0px;
  }

  .bannerBottoSearch {
    margin: 0 !important;
    padding: 0 28px !important;
  }

  .homeAboutSec {
    text-align: left;
  }

  .homeAboutSec h2 {
    text-align: left;
  }

  .cardIamge {
    padding: 30px 25px;
    background-position: 80% 100%;
    position: relative;
    min-height: 341px;
  }

  .cardIamge::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: rgb(80, 46, 146);
    background: linear-gradient(0deg,
        rgba(80, 46, 146, 1) 0%,
        rgba(80, 46, 146, 0.5970588919161415) 65%,
        rgba(80, 46, 146, 0) 100%);
    left: 0px;
    top: 0px;
  }

  .cardIamge .row {
    z-index: 1 !important;
    position: relative;
  }

  .cardIamge h2 {
    font-size: 30px;
    font-weight: normal;
    font-family: "DRLCircular-Book";
    line-height: 34px;
  }

  .cardIamge p {
    font-size: 18px;
  }

  body.path-frontpage input#edit-combine {
    margin-top: 0px !important;
  }

  body.page-apisearch .bannerImageSec {
    padding: 0px 28px !important;
  }

  .seacrchVideoSection .owl-nav {
    margin-top: -55%;
    display: block !important;
  }

  .seacrchVideoSection .owl-carousel .owl-nav button.owl-prev {
    left: -30px;
  }

  .seacrchVideoSection .owl-carousel .owl-nav button.owl-next {
    right: -30px;
  }

  li.active-trail.navbar-item.menu-item--expanded.dropdown.menu-item--active-trail.expanded span {
    font-weight: 600 !important;
    color: #502e92 !important;
  }

  li.active-trail.active.navbar-item.menu-item--active-trail.item a {
    font-weight: 600 !important;
    color: #502e92 !important;
  }

  li.active-trail.active.navbar-item.menu-item--active-trail.item a::before {
    background: #d4c6f0 !important;
  }

  .dropdown-toggle.iconrotate::after {
    display: inline-block;
    margin-left: auto;
    vertical-align: 0.255em;
    content: "";
    background: url(../images/mob-nav-arrow-up.svg) no-repeat;
    width: 15px;
    height: 15px;
    right: 0px;
    border: none;
    position: absolute;
    top: 22px;
  }

  .item.event h2 {
    font-size: 18px !important;
    font-family: "DRL Circular";
  }

  .item.event p {
    font-size: 18px !important;
    font-family: "DRL Circular";
  }

  body.lang-zh-hans .eDate {
    padding: 10px 17px;
  }

  div#resource .item {
    background-color: #7560b9 !important;
  }

  #resource p a {
    color: #fff !important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 46px !important;
  }

  #resource p {
    background-color: #7560b9 !important;
  }

  div#resource .item {
    display: none;
  }

  div#resource .item:nth-child(1) {
    display: block;
  }

  div#resource .item:nth-child(2) {
    display: block;
  }

  div#resource .item:nth-child(3) {
    display: block;
  }

  div#fullSlider .item {
    display: none;
  }

  div#fullSlider .item:nth-child(1) {
    display: block;
  }

  div#fullSlider .item:nth-child(2) {
    display: block;
  }

  div#fullSlider .item:nth-child(3) {
    display: block;
  }

  div#fullSlider .item:nth-child(4) {
    display: block;
  }

  /* Home Page Modification End*/
  /*Inner Page Responsive CSS Change*/
  .evenBannerSection {
    max-height: 100% !important;
    min-height: 100% !important;
    padding-bottom: 30px !important;
    margin-left: -28px !important;
    margin-right: -28px;
    padding-left: 28px;
    padding-right: 28px;
  }

  .evenBannerSection h4 {
    font-size: 30px;
    line-height: 40px !important;
  }

  .evenBannerSection .bannerInfo p {
    font-size: 20px;
    line-height: 40px;
  }

  .ssResWrapper {
    padding: 20px 28px;
  }

  .ourCapabilitiesSection .container {
    padding-left: 0px;
    padding-right: 0px;
  }

  section .container {
    padding-left: 0px;
    padding-right: 0px;
  }

  body.path-frontpage section .container {
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
  }

  body.page-node-create_custom_page .container .capabilitiesWrapper {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  div#homeBanner .container {
    padding: 0;
  }

  section.bodyTextSection .container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .inHead {
    top: 66px;
    left: 0;
  }

  .trendingTopics header a {
    left: 87% !important;
    top: 117px !important;
    text-indent: -20000px;
    font-size: 0;
  }

  body.path-webinar .searchSecInner.mobOn {
    display: flex;
    margin-bottom: 30px;
  }

  .messages__wrapper {
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 999;
    position: relative;
    padding: 10px !important;
    text-align: center;
  }

  .messages__wrapper p {
    margin-bottom: 8px;
  }

  .messages__wrapper p.thank-you-msg {
    margin-top: 60px;
  }

  body.path-webinar .content-sec.inner-content-sec {
    padding: 0 !important;
    margin-top: 0px;
  }

  body.page-generic-formulation .download-product-list header a {
    left: 87% !important;
    top: 78px !important;
  }

  body.page-generic-formulation input#edit-combine,
  body.page-generic-formulation input.views-ac-dependent-filter {
    background-image: url(../images/search-btn-icon.svg) !important;
    background-repeat: no-repeat !important;
  }

  .views-infinite-scroll-content-wrapper .innerPageSection {
    padding: 15px;
  }

  .field__item {
    margin-left: 0px;
  }

  .mapsection {
    overflow: hidden;
    overflow-x: scroll;
  }

  .myMap {
    width: 1200px;
    position: relative;
    overflow-x: scroll;
  }

  body.page-peptide-capabilities div#my-form-wrapper {
    margin: -40px 0 0px 30px !important;
  }

  body.page-peptide-capabilities #webform-submission-contact-add-form #edit-actions {
    margin-top: 10px;
  }

  div#edit-processed-text span {
    display: none;
  }

  div#edit-processed-text {
    display: flex;
    flex-direction: column;
  }

  .contactFormclearfix h6 {
    width: 100%;
    overflow: auto;
  }

  .lang-dropdown-form .form-select {
    padding: 8px 25px 3px 25px !important;
    border-radius: 5px !important;
    font-size: 16px !important;
    height: 50px;
    border: 1px solid #502e92 !important;
    border-radius: 25px !important;
    color: #502e92 !important;
  }

  section.content-sec.inner-content-sec {
    position: relative;
  }

  header.inHead {
    margin-top: -90px;
  }

  .eDate {
    padding: 10px 18px;
  }

  #homeBanner .item .mycon a.redButten {
    background-color: #502E92 !important;
    border-color: #502E92 !important;
  }

  .headerBtnSec .field--name-body a {
    padding-top: 4px !important;
  }

  .newSearch {
    right: 0%;
    top: 16px;
  }

  .product-mainImageOuter {
    overflow: hidden;
  }

  .product-mainImageOuter .productMainImage {
    width: 100%;
    max-width: 500px;
    overflow: hidden;
    overflow-x: scroll;
    max-height: 100%;
  }

  .product-mainImageOuter .productMainImage img {
    max-height: 100% !important;
    width: auto !important;
    max-width: 800px !important;
  }

  .search-2 input[type="text"] {
    margin-top: 0px !important;
  }

  .search-2 button {
    margin-top: 0.5px !important;
  }

  header {
    margin-top: 111px;
  }

  .mainContent p {
    font-size: 18px;
  }

  /*updated css*/
  #homeBanner .item .mycon h2 {
    font-size: 20px;
    line-height: 24px;
  }

  #homeBanner .owl-dots {
    top: 86% !important;
  }

  .search-2 input[type="text"]::-webkit-input-placeholder,
  body.page-product input#edit-combine::-webkit-input-placeholder {
    /* Edge  */
    font-size: 14px;
  }

  .search-2 input[type="text"]:-ms-input-placeholder,
  body.page-product input#edit-combine::-ms-input-placeholder {
    /* Internet Explorer 10-11  */
    font-size: 14px;
  }

  .search-2 input[type="text"]::placeholder,
  body.page-product input#edit-combine::placeholder {
    font-size: 14px;
  }

  #homeBanner .item img {
    max-width: 100%;
    max-height: 400px;
    height: 300px;
  }

  .search-2 {
    margin-top: 20px;
  }

  body.path-webinar .bannerInfo {
    padding-top: 180px;
  }

  .webinarLogo {
    top: 127px;
  }

  .bannerInfo h1 {
    font-size: 1.5rem;
  }

  body.path-webinar .inner-content-sec p {
    font-size: 20px;
  }

  body.path-frontpage .footerWrapper {
    margin-top: 10px;
  }

  .homeReadBtn {
    width: 126px;
  }

  .dcat-body span {
    height: 30px;
    line-height: 30px !important;
    font-size: 16px !important;
  }

  .dcat-body {
    font-size: 16px;
    line-height: 24px;
  }

  .dcatLandingPage,
  .dcatPage {
    text-align: center;
    margin-left: -28px;
    margin-right: -28px;
  }

  .dcatLandingPage section .container,
  .dcatPage section .container {
    padding-left: 24px;
    padding-right: 24px;
    z-index: 1;
    position: relative;
  }

  section.fceBanner.newyorkBanner::after {
    background: rgba(255, 255, 255, 0.5);
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
}

  body.path-api-landing section.content-sec.inner-content-sec {
    padding: 0px 28px 0px !important;
  }

  body.path-dcat-week section.content-sec.inner-content-sec {
    padding: 0px 28px 0px !important;
  }

  body.path-cphi-na #achivements .owl-nav {
    display: block !important;
    top: 68% !important;
  }

  body.path-cphi-na .achivementWrapper .owl-carousel .owl-nav button.owl-prev {
    left: -15px;
  }

  body.path-cphi-na .achivementWrapper .owl-carousel .owl-nav button.owl-next {
    right: -29px;
  }

  .myScroll .scrollItems:last-child {
    margin-bottom: 0px;
  }

  /* Product page resposive view*/
  .bef-exposed-form details {
    border: 1px solid #5f4ba0;
    border-radius: 0px;
    margin-right: 0px;
    width: 100%;
    padding: 0px !important;
    background-color: rgba(0, 0, 0, 0) !important;
  }

  .bef-exposed-form details summary {
    list-style: none;
    padding: 0 10px !important;
    background: #fff;
  }

  .bef-nested ul li div input {
    margin-right: 5px !important;
  }

  .bef-nested ul li {
    width: 100%;
    max-width: 100% !important;
    min-width: 100% !important;
  }

  .bef-nested ul li input[type="checkbox"] {
    width: auto !important;
    height: auto !important;
  }

  .bef-nested ul li div label {
    line-height: normal;
    font-size: 13px;
  }

  .bef-nested {
    max-height: 100%;
    z-index: 7;
    background: #fff;
    border-radius: 0px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    margin-top: 10px;
    width: 100% !important;
    left: 0px !important;
    border: 1px solid #ccc;
    position: relative !important;
  }

  body.path-product .bef-exposed-form,
  body.path-generic-formulation .bef-exposed-form {
    margin-bottom: 0px !important;
    margin-top: 50px;
    background: #a994ec !important;
    padding: 20px;
  }

  body.path-generic-formulation table {
    border: 0;
  }

  body.path-generic-formulation table caption {
    font-size: 1.3em;
  }

  body.path-generic-formulation table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  body.path-generic-formulation table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: 0.625em;
  }

  body.path-generic-formulation table td {
    border-bottom: none !important;
    display: block;
    font-size: 14px !important;
    text-align: right;
    color: #000 !important;
  }

  table.genericTable td {
    padding: 5px 10px;
  }

  .tableResponsive table {
    width: 100% !important;
  }

  table.genericTable,
  #sticky-anchor {
    max-width: 100%;
  }

  body.path-generic-formulation table td::before {
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }

  body.path-generic-formulation table td:nth-child(1)::before {
    content: "THERAPY AREA";
  }

  body.path-generic-formulation table td:nth-child(2)::before {
    content: "PRODUCT NAME";
  }

  body.path-generic-formulation table td:nth-child(3)::before {
    content: "ORAL";
  }

  body.path-generic-formulation table td:nth-child(4)::before {
    content: "INJ";
  }

  body.path-generic-formulation table td:nth-child(5)::before {
    content: "STRENGTH";
  }

  body.path-generic-formulation table td:nth-child(6)::before {
    content: "DOSSIER STATUS";
  }

  body.path-generic-formulation table td:nth-child(7)::before {
    content: "CONNECT";
  }

  body.path-generic-formulation table td:last-child {
    border-bottom: 0;
  }

  span.inj {
    display: inline-block;
    text-align: right;
    margin-top: 10px;
  }

  span.oral {
    display: inline-block;
    text-align: right;
    margin-top: 10px;
  }

  body.path-generic-formulation table td:last-child a {
    display: inline-block;
    text-align: right;
    padding: 0px;
    margin: 0px;
    width: 20px;
    margin-top: -5px;
  }

  body.path-generic-formulation td.views-field.views-field-name-1 {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 5px 10px;
  }

  body.path-generic-formulation table {
    border: 0;
    margin-top: 20px;
  }

  .bef-nested label {
    font-size: 13px;
    line-height: normal;
  }

  body.path-generic-formulation input[type="checkbox"] {
    width: auto;
    height: auto;
  }

  body.path-generic-formulation td.views-field.views-field-name-2 {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }

  body.path-generic-formulation input#edit-combine,
  body.path-generic-formulation input.views-ac-dependent-filter {
    margin-bottom: 15px;
    background-color: #fff;
  }

  body.path-product input#edit-combine,
  body.path-product input#edit-combine--2,
  body.path-product input.views-ac-dependent-filter {
    background-color: #fff;
    margin-bottom: 15px;
  }

  body.path-generic-formulation .form-actions {
    margin-top: 0px;
  }

  body.path-product .form-actions {
    margin-top: 0px !important;
  }

  body.path-generic-formulation .bef-exposed-form {
    margin-top: 0px;
  }

  .col-md-4.js-form-item.form-item.js-form-type-number.form-item-quantity.js-form-item-quantity.form-no-label {
    width: 100%;
  }

  .get-price-modal .col-md-4 input {
    margin: 8px 0px;
    width: 100%;
  }

  /*update Page*/
  body.path-updates .ui-accordion-content .views-row .views-field table tr {
    display: block;
    padding: 8px 0;
  }

  body.path-updates .ui-accordion .ui-accordion-content {
    padding: 1em 0px !important;
  }

  body.path-updates .ui-accordion-content .views-row:first-child .views-field table thead {
    display: none;
  }

  body.path-updates .ui-accordion-content .views-row {
    min-width: 100%;
  }

  body.path-updates .ui-accordion-content .views-row:first-child .views-field table thead tr th:last-child,
  .ui-accordion-content .views-row .views-field table tr td:last-child {
    text-align: right !important;
    display: block;
    height: 30px;
  }

  body.path-updates .ui-accordion-content .views-row .views-field table tr td:last-child a {
    margin: a 0;
    text-align: right;
    float: right;
    display: block;
  }

  body.path-updates table {
    border: 0;
  }

  body.path-updates table caption {
    font-size: 1.3em;
  }

  body.path-updates table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  body.path-updates table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: 0.625em;
  }

  body.path-updates table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 14px !important;
    text-align: right;
    color: #000 !important;
  }

  .tableResponsive table {
    width: 100% !important;
  }

  body.path-updates table td::before {
    /* content: attr(data-label); */
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }

  body.path-updates table td:nth-child(1)::before {
    content: "MONTH";
  }

  body.path-updates table td:nth-child(2)::before {
    content: "PRODUCT NAME";
  }

  body.path-updates table td:nth-child(3)::before {
    content: "REGULATORY FILLING DETAILS";
  }

  body.path-updates table td:nth-child(4)::before {
    content: "CONNECT";
  }

  body.path-updates table td:last-child {
    border-bottom: 0;
  }

  body.path-updates .ui-accordion-content .views-row .views-field table tr th,
  body.path-updates .ui-accordion-content .views-row .views-field table tr td {
    flex: 1;
    padding: 8px;
    height: auto;
    min-height: 30px;
  }

  body.path-updates .ui-accordion-content .views-row .views-field table tr td:nth-child(3) {
    min-height: 60px;
  }

  body.path-updates table td::before {
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px !important;
    line-height: 14px;
    width: 114px;
    text-align: left;
  }

  body.path-updates .ui-accordion .ui-accordion-content {
    height: auto !important;
    max-height: 400px;
  }

  body.path-node .ui-dialog .ui-dialog-buttonpane button {
    margin: 0 auto;
  }

  /* responsive modification 07-06-2022*/
  body.path-frontpage .homeAboutSec {
    padding: 0px 10px 0px !important;
  }

  body.path-frontpage .bannerImageSec {
    padding: 48px 10px 24px !important;
  }



  /* responsive modification 20-06-2022 */
  body.page-node-article .mainContent {
    padding: 0px !important;
  }

  body.page-node-article .rightContactBox {
    filter: none;
  }

  body.page-contact-us div#my-form-wrapper {
    margin: 0 0px 0 !important;
  }

  body.path-webinar .bannerForm {
    width: 106%;
    margin-left: -10px;
  }

  body.page-form-contact-us-product .webform-submission-form #edit-actions input {
    margin: 10px auto 0px auto;
  }

  body.page-form-contact-us-product div#my-form-wrapper {
    margin: 0 0 0px 0 !important;
  }

  body.page-form-contact-us-product .form-actions {
    margin-top: 10px;
    padding-left: 0px !important;
  }

  body.page-form-contact-us-product .bannerImageSec {
    padding: 28px 28px !important;
  }

  body.page-form-contact-us-product .cardIamge {
    margin: 0px 0 24px !important;
  }

  body.page-form-contact-us-product #edit-email::placeholder {
    color: #5f4ba0 !important;
    opacity: 1 !important;
    font-weight: 600;
  }

  body.page-form-contact-us-product #edit-message::placeholder {
    color: #5f4ba0 !important;
    opacity: 1 !important;
    font-weight: 600;
  }

  body.page-form-contact-us-product section.content-sec.inner-content-sec {
    padding: 48px 28px 0px !important;
  }

  body.page-form-contact-us-generic-formulation input#edit-actions-submit {
    margin-top: 0px !important;
  }

  body.page-form-contact-us-generic-formulation .form-actions {
    margin-top: 0px;
  }

  body.page-form-contact-us-generic-formulation .bannerImageSec {
    padding: 0px 28px 48px !important;
  }

  body.page-form-contact-us-generic-formulation .cardIamge {
    margin: 0px 0 24px !important;
  }

  body.page-form-contact-us-generic-formulation section.content-sec.inner-content-sec {
    padding: 48px 28px 0px !important;
  }

  body.path-frontpage #re-imagine .item:last-child {
    margin-bottom: 20px;
  }

  body.path-frontpage section.resourceSec {
    padding: 30px 10px !important;
  }

  body.page-contact-us .contactFormSection .webform-submission-form .js-form-item.form-item.js-form-type-checkbox {
    margin-bottom: 10px !important;
  }

  body.page-node-product .mainContent {
    padding: 0px !important;
  }

  body.page-node-product .rightContactBox {
    filter: none;
  }

  body.page-form-contact-us-product input#edit-actions-submit {
    margin-top: 0px !important;
  }

  body.page-form-contact-us-product .g-recaptcha div iframe {
    margin-left: 13px;
  }

  .recentArticleBox {
    background: #7560b9;
  }

  .recentArticleBox span {
    padding-left: 10px;
  }

  .recentArticleBox p {
    padding: 0px 5px 8px;
  }

  .recentArticleBox p {
    padding: 0px 10px 10px;
  }

  .recentArticleBox {
    background: #d9cffb;
  }

  body.page-node-article .innerContent ul li::before {
    top: 5px;
  }

  body.page-contact-us .form-actions {
    margin-top: 10px;
  }

  body.page-contact-us #webform-submission-contact-add-form #edit-actions {
    margin: 10px auto;
  }

  body.page-meet-api-product-expert .bannerForm {
    width: 109%;
    margin-left: -18px;
  }

  .form-item-agree-to-privacy-policy {
    padding: 0 0px;
  }

  body.page-hpapis .contactFormclearfix {
    padding: 0px 0px;
  }

  .hpapiManufacturingWrapper {
    margin-bottom: 20px;
  }

  .contact-us-form.hpapis-form .js-form-item.form-item.js-form-type-checkbox {
    margin-left: 7px !important;
    margin-top: 15px !important;
  }

  body.page-hpapis .g-recaptcha div iframe {
    margin-left: 13px;
  }

  body.page-peptide-capabilities .contactFormclearfix {
    padding: 0px 0px;
  }

  body.page-peptide-capabilities .mainContent {
    padding: 10px 0px !important;
  }

  body.page-about-us .mainContent {
    padding: 20px 0px !important;
  }

  body.page-form-contact-us-generic-formulation .g-recaptcha div iframe {
    margin-left: 16px;
  }

  body.page-form-contact-us-generic-formulation .js-form-item.form-item.js-form-type-checkbox {
    margin-left: 12px !important;
    padding-left: 0px !important;
  }

  #webform-submission-contact-us-generic-formulation-add-form #edit-actions {
    padding-left: 0px;
  }

  body.page-hpapis .form-textarea {
    width: calc(100% - 12px) !important;
    margin: 0 auto;
    margin-left: 10px;
    margin-top: 10px;
  }

  body.page-hpapis .g-recaptcha div iframe {
    margin-left: -22px;
  }

  body.page-hpapis .mainContent {
    padding: 20px 10px !important;
  }

  body.page-node-product .js-form-item.form-item.js-form-type-checkbox {
    margin: 10px 0px 10px !important;
  }

  .hpapis-form div#edit-actions {
    margin-left: 0px;
  }

  body.page-form-contact-us-product div#edit-actions {
    margin-left: 0px !important;
  }

  body.page-form-contact-us-generic-formulation #webform-submission-contact-us-generic-formulation-add-form #edit-actions {
    padding-left: 0px;
  }

  .achivementDescBox {
    text-align: left;
  }

  .item.achivementBox {
    width: 100%;
  }

  body.page-regulatory a.btn.viewAllBtn {
    margin-bottom: 20px;
  }

  .item.dcatResourcesSecBox {
    width: 100%;
  }

  .dcatLandingPage section.dcatResourcesSec .container,
  .dcatPage section.dcatResourcesSec .container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .dcatbannerForm {
    padding: 50px 15px;
  }

  .dcatBookedBtn {
    margin-top: 15px;
  }

  body.page-events-dcat-week-2022 section.content-sec.inner-content-sec {
    position: relative;
    padding-top: 0px !important;
  }

  .dcatTeamTopSec.frontPage h2 {
    text-align: left;
    font-family: "DRLCircular-Book";
    margin-bottom: 28px;
  }

  .formulationCapabilities h2, .formulationBusinessmodel h2, .formulationMap h2, .formulationvision h2 {
    font-size: 30px;
    margin-bottom: 20px;
  }

  .formulationBusinessmodel h2 span, .formulationvision h2 span {
    font-size: 18px;
    margin-top: 0px;
  }

  .formulationCapabilities .accordion-header .accordion-button span {
    width: 35px;
    height: 35px;
    border-radius: 20px;
    line-height: 35px;
    font-size: 18px;
  }

  .formulationCapabilities .accordion-button {
    font-size: 18px;
  }

  .businessModalMobile h2 {
    margin-bottom: 0px;
  }

  .Hdesktop {
    display: none !important;
  }

  .Hmobile {
    display: block !important;
  }

  .formulationtabHead {
    display: flex;
    flex-direction: column-reverse;
  }

  #nav-tabContent {
    padding-top: 0px !important;
  }

  .formulationtabHead h1 {
    font-size: 30px;
    line-height: 37px;
    margin-top: 30px;
  }

  .brochureBtn {
    width: 100%;
    text-align: center;
    justify-content: center;
  }

  section.formulationTopNav .nav {
    display: none;
  }

  form#views-exposed-form-generic-formulation-block-1 {
    flex-direction: column;
  }

  .js-form-item.form-item.js-form-type-textfield.form-item-combine.js-form-item-combine {
    width: 100% !important;
  }

  body.page-generic-formulation .form-actions {
    margin-top: 0px;
  }

  .formulationCapabilities .accordion-header .accordion-button.collapsed::after {
    background-image: none !important;
  }

  .formulationCapabilities .accordion-item {
    padding: 20px 15px;
  }

  /*barcelona*/
  body.page-events-cphi-barcelona-2023 section .container {
    padding-left: 24px;
    padding-right: 24px;
  }

  body.page-generic-formulation section .container {
    padding-left: 24px;
    padding-right: 24px;
  }

  body.page-events-cphi-barcelona-2023 .dcatbannerCaption {
    margin-left: 5%;
    margin-right: 5%;
  }

  body.page-events-cphi-barcelona-2023 .fceBanner .dcatbannerCaption h1 {
    font-size: 32px;
    line-height: 42px;
  }

  .barcelonaBanner {
    padding-bottom: 50px;
  }

  .ourTeam.ourTeam2 #ourTeamCasousel .item {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  body.page-events-cphi-barcelona-2023 .owl-item img,
  body.page-events-cphi-india-2023 .owl-item img {
    display: block;
    margin: 0 auto;
  }

  .ourTeam.ourTeam2 .navigationArrowOurteam {
    /* position: absolute; */
    right: 9%;
    margin-top: 150px;
    width: 82%;
  }

  body.page-events-cphi-barcelona-2023 #ourTeamCasousel,
  body.page-events-cphi-india-2023 #ourTeamCasousel {
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0x;
  }

  /* section.aboutCphiBarscelona .container {
  width: 90%;
} */
  body.page-events-cphi-barcelona-2023 .sustainabilityOuter .container {
    width: 90%;
  }

  body.page-events-cphi-barcelona-2023-success section.fceBanner.barcelonaBanner .container {
    width: 90%;
  }

  body.page-events-cphi-barcelona-2023-success nav.navbar.navbar-expand-lg.navbar-light.dcatNavbar .container {
    width: 90%;
  }

  .ourTeam.ourTeam2 .ourTeamHeading {
    width: 90%;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 0px;
  }

  body.page-events-cphi-barcelona-2023 .cphi-japanPage .dcatAboutSec.fce {
    padding-top: 0px;
  }

  .cphi-japanPage .owl-carousel .owl-nav button.owl-prev,
  .dcat-newyorkPage .owl-carousel .owl-nav button.owl-prev {
    left: -8px;
}

  body.page-events-cphi-barcelona-2023 .owl-carousel .owl-nav button.owl-prev,
  body.page-events-cphi-india-2023 .owl-carousel .owl-nav button.owl-prev {
    left: -8px;
  }

  body.page-events-cphi-barcelona-2023 .owl-carousel .owl-nav button.owl-next,
  body.page-events-cphi-india-2023 .owl-carousel .owl-nav button.owl-next {
    right: -8px;
    z-index: 99999;
  }

  body.page-events-cphi-barcelona-2023 .nav-btn.next-slide,
  body.page-events-cphi-india-2023 .nav-btn.next-slide {
    margin-top: -40px;
  }

  body.page-events-cphi-barcelona-2023 .calendly-badge-widget {
    position: absolute;
    z-index: 9998;
    top: 7%;
    left: 50%;
    transform: translate(-50%, -0%);
  }

  #homeBanner .item .mycon h2 .CPHLbannerText div.lineThree.barcelona img {
    max-width: 119px;
    height: auto;
    margin: 10px 0px;
    max-height: 32px !important;
    height: 32px !important;
  }

  #homeBanner .item .mycon h2 .CPHLbannerText div.lineFour.barcelona img {
    max-width: 16px !important;
    max-height: 16px !important;
    height: 16px !important;
    filter: grayscale(100%) !important;
  }

  #homeBanner .item .mycon h2 .CPHLbannerText h2.LineTwo.barcelona {
    font-size: 22px !important;
    line-height: 22px !important;
    margin-bottom: 0px !important;
  }

  #homeBanner .item .mycon div.h2 .CPHLbannerText h2.LineTwo.barcelona {
    font-size: 22px !important;
    line-height: 22px !important;
    margin-bottom: 0px !important;
  }

  #homeBanner .item .mycon h2 .CPHLbannerText div.lineFour.barcelona {
    color: #fff !important;
  }

  #homeBanner .item .mycon h2 .CPHLbannerText div.lineFour.barcelona:last-child {
    margin-bottom: 0px !important;
  }

  .myNewOverlay .popUpBodyLinkdin.barcelona span {
    font-size: 18px;
  }

  .myNewOverlay .popUpBodyLinkdin.barcelona .popBody {
    margin-top: 15px;
  }

  .myNewOverlay .popUpBodydcatWeak-2024 span {
    font-size: 14px;
  }

  .myNewOverlay .popUpBodydcatWeak-2024 .popBody {
    margin-top: 0px;
  }

  .lineFour.barcelona:last-child {
    margin-bottom: 0px !important;
  }

  .barcelonaBanner {
    background-size: auto !important;
  }

  body.page-events-cphi-barcelona-2023 .calendly-badge-widget {
    z-index: 8;
  }

  .barcelonaBanner .date {
    margin: 0;
    margin-bottom: 10px;
  }

  .barcelonaBanner .place {
    margin: 0;
    margin-bottom: 10px;
    text-align: left;
    padding-right: 50px;
  }

  body.page-events-cphi-barcelona-2023 .dcataboutBox {
    margin-top: 30px;
  }

  body.page-node-create_custom_page .dcatNavbar .navbar-nav button.nav-link.meetUsBtn {
    color: #fff !important;
  }

  #homeBanner .item .mycon h2 span, #homeBanner .item .mycon div.h2 span {
    font-size: 16px;
  }

  body.path-frontpage div#therapeuticOwl .owl-nav {
    margin-top: -47%;
  }

  body.path-frontpage .myScrollSec {
    padding: 28px 10px 10px !important;
  }

  header .container {
    max-width: 90% !important;
  }

  header .container .row .col:first-child {
    padding: 0 0 0 0px !important;
  }

  .headerBtnSec {
    width: 100%;
  }

  #block-languageswitcher {
    width: 100%;
    height: 34px;
  }

  .searchSecInner.mobOn {
    position: relative;
  }

  .searchSecInner.mobOn .dcatLandingBtn.button {
    position: absolute;
    width: 45px;
    top: 5px;
    right: 5px;
    background-image: url(../images/search-btn-icon.svg) !important;
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center right 7px !important;
    background-color: transparent;
    font-size: 0px !important;
  }

  #homeBanner .item .mycon h2 .CPHLbannerText p.lineOne.barcelona {
    margin: 0px 0 10px 0 !important;
  }

  body.page-generic-formulation section .container {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .formulationTopNav .accordion-header .accordion-button.collapsed::after {
    width: 25px;
    height: 25px;
    content: "" !important;
    background-image: url(../images/accor-arrow.svg) !important;
    background-size: 25px;
  }

  .formulationTopNav .accordion-button:not(.collapsed)::after {
    width: 25px;
    height: 25px;
    content: "" !important;
    background-image: url(../images/accor-arrow.svg) !important;
    background-size: 25px;
    rotate: 0deg;
    position: absolute;
    top: 15px;
    right: 0px;
  }

  body.page-events-cphi-india-2023 .fceBanner .dcatbannerCaption {
    padding: 0 24px !important;
  }

  body.page-events-cphi-india-2023 section .container {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  body.page-events-cphi-india-2023 .custom-form form {
    margin-left: 24px !important;
    margin-right: 24px !important;
    width: 90% !important;
  }

  .barcelonaBanner.indiaBanner {
    padding-bottom: 121px;
  }

  body.page-events-cphi-india-2023 .barcelonaBanner .place {
    margin: auto 0;
    margin-bottom: 10px;
    text-align: left;
  }

  .aboutCphiBarscelona.aboutCphiIndia {
    padding-bottom: 50px;
    position: relative;
  }


  body.page-events-cphi-india-2023 .dcatbannerCaption::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(255, 255, 255);
    z-index: -1;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5746673669467788) 12%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.5662640056022409) 91%, rgba(255, 255, 255, 0) 100%);
  }

  #ymDivBar {
    bottom: 100px !important;
  }

  body.path-customer-service.page-customer-service .accordion-header .accordion-button.collapsed::after {
    content: url(../images/cs-faq-down-arrow-white.png) !important;
    width: 25px;
    height: 14px;
    background-image: none !important;
    background-repeat: no-repeat;
    background-size: 25px;
    position: absolute;
    left: 20px;
    top: 25px;
    rotate: -90deg;
  }

  body.path-customer-service.page-customer-service .accordion-header .accordion-button.collapsed::after {
    left: 20px !important;
    top: 25px !important;
  }

  body.path-customer-service.page-customer-service .footerWrapper .accordion-header .accordion-button.collapsed::after {
    content: '+' !important;
  }

  body.page-product .disclaimerWrapper .innerDisclaimer {
    padding: 0px;
  }

  .formulationBusinessmodel h4 {
    margin: 30px 0px;
  }

  body.page-events-dcat-2024 .item.achivementBox {
    width: 100%;
  }

  body.page-events-dcat-2024 .achivementWrapper .owl-carousel .owl-nav button.owl-next {
    right: -20px;
  }

  body.page-events-dcat-2024 .dcatPage.dcat-2024 .navbar .container,
  body.page-events-dcat-2024-success .dcatPage.dcat-2024 .navbar .container {
    padding-left: 24px;
    padding-right: 24px;
    max-width: 90% !important;
  }

  body.page-events-dcat-2024 .bannerBox,
  body.page-events-dcat-2024-success .bannerBox {
    padding: 0 24px !important;
    box-sizing: border-box !important;
  }

  body.page-events-dcat-2024 .dcat-placeWrap {
    display: block;
  }

  body.page-events-dcat-2024 .dcat-placeWrap div:nth-child(2) {
    display: none;
  }

  body.page-events-dcat-2024 .fceBanner {
    padding-bottom: 99px;
  }

  body.page-events-dcat-2024 .custom-form form {
    width: 100% !important;
    margin-left: 0px !important;
  }

  .dcatPage.dcat-2024 .footerWrapper .container {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .dcatPage.dcat-2024 .achivementSec {
    padding: 60px 24px;
  }

  .dcatPage.dcat-2024 .dcatAboutSec .container {
    width: 99%;
    max-width: 90% !important;
  }

  body.page-events-dcat-2024 .capabilitiesMapBg {
    margin-top: 0;
    ;
    padding-top: 0px !important;
  }

  body.page-events-dcat-2024-success .aboutdcatBox {
    width: 90%;
    margin: 0 auto !important;
    margin-top: 0px;
    padding: 0px !important;
  }

  body.page-events-dcat-2024 .dcatbannerCaption {
    margin-top: 0px;
  }

  body.page-events-dcat-2024 .dcatbannerCaption img {
    max-width: 100%;
  }

  body.page-events-dcat-2024 .dcatbannerCaption {
    margin-top: 0px;
  }

  #cphi-owl-one .owl-nav {
    display: block;
    top: 61%;
  }

  #cphi-owl-one .owl-nav button.owl-next {
    right: 13px;
    z-index: 99999;
  }

  #achivements .owl-nav button.owl-prev {
    left: -14px !important;
  }

  #cphi-owl-one .owl-nav button.owl-prev {
    left: 14px !important;
  }

  body.page-events-dcat-2024 .capabilitiesMapBg {
    margin-top: 0px;
    padding-top: 0px !important;
  }

  body.page-events-dcat-2024 .dcatPage.dcat-2024 .fceBanner::before {
    content: '';
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    left: 0;
    top: 82px;
    width: 100%;
    height: 100%;
    max-height: 652px;
    z-index: 0;
    overflow: hidden;
  }

  body.page-events-dcat-2024 .dcatPage.dcat-2024 .fceBanner .container {
    position: relative;
  }

  .dcatTeamSec.fce.frontPage .owl-carousel .owl-nav button.owl-prev {
    left: -25px;
  }

  .dcatTeamSec.fce.frontPage .owl-carousel .owl-nav button.owl-next {
    right: -25px;
  }

  body.path-frontpage div#therapeuticOwl .owl-nav {
    margin-top: -55%;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }

  body.page-node-product .g-recaptcha div {
    margin-top: 40px;
  }



  .bannerCaption {
    position: absolute;
    z-index: 99;
    bottom: -254px !important;
    left: 15px;
  }

  .formulationTopNav .accordion-button:not(.collapsed)::after {
    width: 25px;
    height: 25px;
    content: "";
    background-image: url(../images/acor-minus.svg);
    background-repeat: no-repeat;
    background-size: 25px;
  }

  div#faqlist .accordion-header .accordion-button.collapsed::after {
    content: "" !important;
    background-image: url(../images/acor-plus.svg) !important;
  }

  div#faqlist .accordion-button:not(.collapsed)::after {
    background-image: url(../images/acor-minus.svg) !important;
    right: 0px !important;
    position: absolute;
  }

  .accordion-button:not(.collapsed) {
    padding-right: 40px;
  }

  #block-languageswitcher ul {
    width: 100%;
  }

  div#block-customloginblock {
    display: inline-flex;
    width: 100%;
  }

  .headerBtnSec {
    width: 100%;
  }





}








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

  .sustainabilityInitativeWrapper .container {
    padding: 0 24px !important;
  }

  body.page-plantation-drive-cphi-milan-plantation .susInitaiativeBannerSection-inner {
    width: 100%;
    height: auto;
    min-height: 150px;
    margin-top: 175px;
  }

  body.page-plantation-drive-cphi-milan-plantation .susInitiativeBodySection h2 {
    margin-top: 0px;
  }

  .susNewGallery .owl-carousel .owl-nav button.owl-next {
    right: 35%;
  }

  .susMapSection {
    margin-top: 164px;
  }

  .susNewGallery .owl-carousel .owl-nav button.owl-prev {
    left: 35%;
  }

  .susBodyWrapper {
    margin: 30px 24px !important;
  }

  .sustainInnerBody {
    padding: 30px 24px !important;
  }

  .susNewGallery {
    width: 100%;
    padding: 50px 24px !important;
    box-sizing: border-box;
  }

  .sustainabilityNewsEvent .owl-nav {
    display: block !important;
    margin-top: -54%;
  }

  section.newEventSection.sustainabilityNewsEvent .container {
    max-width: 85% !important;
  }

  .sustainabilityNewsEvent .owl-carousel .owl-nav button.owl-prev {
    left: -46px;
  }

  .sustainabilityNewsEvent .owl-carousel .owl-nav button.owl-next {
    right: -46px;
  }

  .newEventSection.sustainabilityNewsEvent {
    margin-top: 187px;
  }

  .newGalleryHead {
    margin: 20px 0px;
  }

  .susNewGallery {
    padding: 50px 0px;
    max-height: 332px;

  }

  /*cphi Japan 2024*/

  body.page-events-cphi-japan-2024 #cphi-owl-one .owl-nav button.owl-prev {
    left: 14px !important;
  }

  body.page-events-cphi-japan-2024 #cphi-owl-one .owl-nav button.owl-next {
    right: 13px;
    z-index: 99999;
  }

  body.page-events-cphi-japan-2024 .dcatbannerCaption img {
    max-width: 90%;
    height: auto;
  }

  body.page-events-cphi-japan-2024 #cphi-owl-one .owl-nav {
    display: block;
    top: 61%;
  }

  body.page-events-cphi-japan-2024 .dcatsustainabilityBox.fce {
    margin-bottom: 0px !important;
  }

  body.page-events-cphi-japan-2024 .dcatPage.dcat-2024.cphi-japan-2024 .navbar .container, body.page-events-cphi-japan-2024-success .dcatPage.dcat-2024.cphi-japan-2024 .navbar .container {
    padding-left: 24px;
    padding-right: 24px;

  }

  body.page-events-cphi-japan-2024 .bannerBox, body.page-events-cphi-japan-2024-success .bannerBox {
    /* padding: 0 24px !important; */
    box-sizing: border-box !important;
  }

  body.page-events-cphi-japan-2024 .navbar-brand img {
    width: 150px;
    margin-top: 9px;
    height: auto;
  }

  body.page-events-cphi-japan-2024 .dcat-placeWrap {
    display: block;
  }

  body.page-events-cphi-japan-2024 .dcat-placeWrap div:nth-child(2) {
    display: none;
  }

  body.page-events-cphi-japan-2024 .custom-form form {
    width: 100% !important;
    margin-left: 0px !important;
  }

  .dcatPage.dcat-2024.cphi-japan-2024 .dcatbannerCaption h1 span {
    font-size: 25px;
    line-height: 36px;
    padding-right: 50px;
  }

  body.page-events-cphi-japan-2024 .dcatPage.dcat-2024.cphi-japan-2024 .fceBanner,
  body.page-events-cphi-japan-2024-success .dcatPage.dcat-2024.cphi-japan-2024 .fceBanner {
    padding-top: 40px !important;

  }

  body.page-events-cphi-japan-2024 .dcatAboutSec.fce {
    padding-top: 0px;
  }

  body.page-events-cphi-japan-2024 .capabilitiesMapBg img {
    width: 100%;
    height: auto;
  }

  body.page-events-cphi-japan-2024 button.navbar-toggler {
    position: absolute;
    right: 48px;
    top: 20px;
  }

  body.page-events-cphi-japan-2024 .dcatPage.dcat-2024 .dcatbannerFormHead {

    margin-bottom: 50px;
  }

  .dcatPage.dcat-2024.cphi-japan-2024 .dcat-placeWrap {
    display: block !important;
  }

  body.page-events-cphi-japan-2024 .dcat-placeWrap div:nth-child(2) {
    display: none;
  }

  body.page-events-cphi-japan-2024 .footerLogo ul {
    display: block;
  }

  body.page-events-cphi-japan-2024 .footerLogo ul li:last-child {
    margin-left: 0px;
    border-left: none;
    padding-left: 0;
    padding-top: 10px;
  }

  .dcatPage.dcat-2024.cphi-japan-2024 section.fceBanner .container {
    padding-left: 24px !important;
    padding-right: 24px !important;
    width: 90% !important;
  }

  input#edit-actions-submit {
    margin: 0 auto !important;
    margin-top: 20px !important;
  }

  .form-actions.webform-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
  }

  .DcatBannerTop.cphiJapan2024 span.dcat2, .DcatBannerTop.cphiJapan2024 span.dcat3 {
    font-size: 18px !important;
    line-height: 21px !important;
    color: #fff !important;
  }

  .DcatBannerMid.cphiJapan2024 span.dcat4 {
    font-size: 15px !important;
    margin-top: 0px !important;
    margin-bottom: 5px !important;
  }

  .DcatBannerTop span.dcat1 {
    height: auto !important;
    width: 120px !important;
  }

  #homeBanner .item .DcatBannerTop span.dcat1 img {
    height: auto !important;
  }

  .DcatBannerTop.cphiJapan2024 {
    margin-bottom: 0px !important;
  }


  body.page-node-article .form-actions.webform-actions {
    margin-top: 60px;
  }

  .csFaqSecNew .accordion-button:not(.collapsed)::after {
    content: '' !important;
    background-image: url(../images/cs-faq-up-arrow-white.png) !important;
    rotate: none !important;
    position: absolute;
    right: auto !important;
    left: 20px !important;
    top: 25px !important;
  }


  .newFaqSection .accordion-button:not(.collapsed)::after {
    content: '' !important;
    background-image: url(../images/accordion-arrow-active.png) !important;
    rotate: none !important;
    position: absolute !important;
    left: auto !important;
    right: 20px !important;
    top: 25px !important;
  }

  .csFaqSecNew .accordion-button.collapsed::after {
    content: " " !important;
    background-image: url(../images/cs-faq-down-arrow-white.png) !important;
    rotate: -90deg !important;
    position: absolute;
    right: auto !important;
    left: 20px !important;
    top: 25px !important;

  }

  .newFaqSection .accordion-button.collapsed::after {
    content: " " !important;
    background-image: url(../images/accordion-arrow.png) !important;
    rotate: none !important;
    position: absolute;
    left: auto !important;
    right: 20px !important;
    top: 25px !important;
    width: 40px !important;
    height: 40px !important;
    background-size: 40px !important;
  }

  .newFaqSection .accordion-button {
    padding: 30px 60px 30px 30px;
    font-size: 18px;
  }

  .newFaqSection .accordion-item.highlight button.accordion-button {
    padding: 30px 60px 0px 30px;
  }

  .csFaqSecNew #flush-headingOne .accordion-button.collapsed::after {
    width: 25px !important;
    background-image: url(../images/cs-faq-down-arrow-white.png) !important;
    background-size: 25px !important;
    rotate: -90deg !important;
    right: auto !important;
    left: 20px !important;
    top: 25px !important;
  }


  section.contactArticles .item {
    position: relative;
  }

  section.contactArticles .item ::after {
    content: '';
    background-image: url(../images/cs-faq-up-arrow-white.png) !important;
    rotate: 90deg !important;
    position: absolute;
    background-size: 23px;
    width: 21px;
    height: 14px;
    right: 0px;
    bottom: 0px;
    background-repeat: no-repeat;
    background-color: #32c8f5;
    padding: 15px;
    background-position: center center;
  }

  .aboutTab .card-header h5 a {
    position: relative;
  }

  .aboutTab #heading-A a::after,
  .aboutTab #heading-B a::after,
  .aboutTab #heading-C a::after,
  .aboutTab #heading-D a::after,
  .aboutTab #heading-E a::after,
  .aboutTab #heading-F a::after,
  .aboutTab #heading-G a::after,
  .aboutTab #heading-H a::after {
    content: " " !important;
    background-image: url(../images/cs-faq-up-arrow-white.png) !important;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    rotate: 180deg !important;
    position: absolute;
    right: 4px;
    top: 4px;
    background-size: 15px;
  }

  .aboutTab #heading-A a:not(.collapsed)::after,
  .aboutTab #heading-B a:not(.collapsed)::after,
  .aboutTab #heading-C a:not(.collapsed)::after,
  .aboutTab #heading-D a:not(.collapsed)::after,
  .aboutTab #heading-E a:not(.collapsed)::after,
  .aboutTab #heading-F a:not(.collapsed)::after,
  .aboutTab #heading-G a:not(.collapsed)::after,
  .aboutTab #heading-H a:not(.collapsed)::after {
    rotate: 0deg !important;
    transition: 0.5s;
  }

  body.page-updates .qContact a,
  body.page-node-article .qContact a,
  body.page-news .qContact a,
  body.page-events .qContact a,
  body.page-webinars .qContact a,
  body.page-white-paper .qContact a,
  body.page-articles .qContact a {
    position: fixed;
    background: #f0504b;
    right: 0;
    top: auto !important;
    bottom: 36px;
    width: 100% !important;
    padding: 5px 0;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    border-radius: 0 !important;
    font-family: "DRLCircular-Light";
    font-size: 14px;
    z-index: 8;
    flex-direction: revert;
    display: inline-flex;
    line-height: 32px;
    height: 42px !important;
    gap: 8px;
    justify-content: center;
    padding-left: 15px;
  }

  body.page-updates .footerWrapper,
  body.page-node-article .footerWrapper,
  body.page-news .footerWrapper,
  body.page-events .footerWrapper,
  body.page-webinars .footerWrapper,
  body.page-white-paper .footerWrapper,
  body.page-articles .footerWrapper {
    padding: 48px 28px 103px;
  }

  body.page-updates .qContact a span,
  body.page-node-article .qContact a span,
  body.page-news .qContact a span,
  body.page-events .qContact a span,
  body.page-webinars .qContact a span,
  body.page-white-paper .qContact a span,
  body.page-articles .qContact a span {
    display: inline-block;
    width: 95px;
    margin-left: 0px;
    margin-right: auto;
  }

  body.page-updates .qContact a img,
  body.page-node-article .qContact a img,
  body.page-news .qContact a img,
  body.page-events .qContact a img,
  body.page-webinars .qContact a img,
  body.page-white-paper .qContact a img,
  body.page-articles .qContact a img {
    display: inline;
    margin-left: auto !important;
    margin-right: 0px !important;
  }

  a.knowMore.cphiBtn,
  a.knowMore.cphiBtn.redButtenBox.redButten {
    background: #5225b5 !important;
    border-color: #5225b5 !important;
  }

  .dcatPage.dcat-2024.cphi-japan-2024 .dcatbannerCaption h2 span {
    font-size: 26px;
    line-height: 36px;
    padding-right: 50px;
  }

  .formulationCapabilities .accordion-button:not(.collapsed) {
    padding-right: 0px;
  }

  body.page-generic-formulation .innerPageBannerBlock.innerPageBanner {
    margin-top: 120px !important;
    background: url(../images/product-banner.webp) no-repeat center center !important;
    background-size: cover !important;
    background-position: bottom;
    height: 262px;
    position: relative;
  }

  body.page-generic-formulation .bannerCaption {
    position: absolute;
    z-index: 99;
    bottom: 0px !important;
    left: 0px !important;
  }

  body.page-generic-formulation .innerPageBanner h1 {
    font-size: 30px;
    max-width: 88%;
  }

  body.page-generic-formulation .inner_breadcrumb nav ol li {
    margin-top: 0px;
  }

  body.page-generic-formulation .formulationtabHead {
    margin-top: 0px;
  }

  body.page-generic-formulation .accordion-button {
    border: none !important;
    border-bottom: 1px solid #e6e6e6 !important;
  }

  body.page-generic-formulation .accordion-button:last-child {
    border: none !important;
  }

  body.page-generic-formulation .accordion-button:not(.collapsed)::after {
    right: 0px;
    position: absolute;
  }

  .formulationTopNav .accordion-button:not(.collapsed)::after {
    top: 0px;
  }

  body.page-generic-formulation .formulationBusinessmodel {
    margin-top: 0px;
  }

  /*New CSS*/

  .SolutionApiBox {
    width: 90%;
  }

  .mycon .knowMore {
    bottom: -20px;
  }

  #homeBanner .item .mycon h2, #homeBanner .item .mycon div.h2 {
    margin-top: 20px !important;
  }

  #homeBanner h2,
  #homeBanner p,
  #homeBanner span,
  #homeBanner .h2 {
    color: #000 !important;
  }

  .DcatBannerTop.cphiJapan2024.milan2024.india div.dcat3 p {
    color: #5225b5 !important;
  }

  #homeBanner div.dcat3 p {
    color: #5225b5 !important;
  }


  .rightContentSec img {
    width: 100%;
    max-width: 100%;
  }

  #relatedAPICarousal .owl-dots {
    flex-wrap: wrap;
  }

  /*sustainibility*/

  .DcatbannerText.sustainibilityBanner {
    margin-top: 0px;
  }

  .DcatbannerText.sustainibilityBanner span.dcat2, .DcatbannerText.sustainibilityBanner span.dcat3 {
    font-size: 22px !important;
    line-height: 24px !important;
  }

  .DcatBannerMid.sustainibility p {
    font-size: 16px !important;
    line-height: 20px !important;
    margin-top: 10px;
  }

  .DcatBannerMid.sustainibility p span {
    font-size: 16px !important;
    line-height: 20px !important;
  }

  .sustainabilitygoalsBox.newBox img {
    margin: 0 auto;
    margin-bottom: 15px;
    display: block;
    width: 100%;
    height: auto;
  }

  .col-md-12.AchivedInner img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    margin: 10px 0px 10px;
  }

  .activePharmaSection {
    margin-top: 0px;
  }

  /*CPHI Milan 2024*/

  body.page-events-cphi-milan-2024 .custom-form form {
    width: 100% !important;
  }

  .milanAboutRight ul li img {
    width: 90px !important;
    display: block;
  }

  section.achivementSec .container {
    max-width: 92% !important;
    margin: 0 auto;
  }

  .cphiMilanLandingPage .owl-carousel .owl-nav button.owl-prev {
    left: -5px;
  }

  .milaninfoBox {
    min-height: auto;
  }

  .milanBusinessBoxInner ul {
    gap: 15px;
  }

  .DcatBannerTop.cphiJapan2024.milan2024.india .dcat2 div {
    font-size: 19px !important;
    line-height: 24px !important;
  }

  .DcatBannerTop.cphiJapan2024.milan2024.india div.dcat3 p {
    font-size: 19px !important;
    width: 136% !important;
  }

  .DcatBannerTop.cphiJapan2024.milan2024.india div.dcat3 {
    font-weight: 400 !important;
  }

  .DcatBannerTop.cphiJapan2024.milan2024.india .dcat2 div {
    max-width: 100% !important;
  }

  .DcatBannerTop.cphiJapan2024.milan2024.india .dcat3 div {
    font-size: 19px !important;
    line-height: 20px !important;
  }

  .DcatBannerTop.cphiJapan2024.milan2024.india br {
    display: block;
  }


  #articlescarousal button.owl-prev,
  #newscarousal button.owl-prev,
  #updatescarousal button.owl-prev,
  #eventscarousal button.owl-prev,
  #webinarcarousal button.owl-prev,
  #whitepaperscarousal button.owl-prev {
    left: -9px !important;
  }

  #articlescarousal button.owl-next,
  #newscarousal button.owl-next,
  #updatescarousal button.owl-next,
  #eventscarousal button.owl-next,
  #webinarcarousal button.owl-next,
  #whitepaperscarousal button.owl-next {
    right: -32px;
    width: auto !important;
  }

  .rc-anchor-normal {
    width: auto !important;
  }

  html:not(root) body .rc-anchor-normal {
    width: auto !important;
  }

  .productRightForm {
    padding: 30px 30px;
  }

  body.page-research-and-development-capabilities .accordion-header .accordion-button.collapsed::after {
    width: 25px !important;
    height: 25px !important;
    background-repeat: no-repeat !important;
    background-image: url(../images/cs-faq-up-arrow-white.png) !important;
    background-size: 16px !important;
    rotate: -180deg;
    font-size: 40px !important;
    font-weight: normal !important;
    font-family: "DRLCircular-Light" !important;
    position: absolute;
    right: auto;
    content: '' !important;
    top: 3px !important;
    left: 0px !important;
  }

}


@media screen and (max-width: 479px) {
  #milan-team .item {
    max-width: 260px !important;
    margin: 0 auto;
}

  .DcatbannerText {
    padding-top: 5px !important;
  }

  body.page-node-product .js-form-item.form-item.js-form-type-checkbox {
    margin: 18px 0px 18px !important;
  }


  /* Home Page Modification Start*/
  .re-imagine p {
    padding-right: 50px;
  }

  #re-imagine .item {
    max-height: 257px;
  }

  /* Home Page Modification end*/
  body.page-contact-us input#edit-actions-submit {
    margin: 20px auto 10px auto !important;
  }

  .ssImageSec img {
    width: 100%;
  }

  .quicktabs-tabs li {
    max-width: 100%;
  }

  ul.quicktabs-tabs li a {
    width: 100% !important;
  }

  iframe#anvisa_video {
    width: 100%;
    height: 300px;
  }

  .productMainWrapper h2 {
    font-size: 30px;
  }

  ul.btnTopArea li {
    margin-bottom: 10px;
  }

  .relatedProductWrapper h2 {
    font-size: 30px;
    margin-bottom: 10px;
  }

  .footerWrapper ul {
    display: block !important;
  }

  .footerLogo ul li {
    line-height: 25px !important;
  }

  .footerLogo ul li:last-child {
    margin-left: 0px !important;
  }

  .footerLogo ul li:first-child {
    border-right: none !important;
    padding: 0px !important;
    vertical-align: top !important;
  }

  .footerLogo ul li span {
    font-size: 12px !important;
    padding: 0px !important;
    margin: 0px !important;
    margin-bottom: 8px !important;
    margin-top: 8px;
    display: block;
  }

  .footerLogo ul li img {
    margin-bottom: 15px !important;
  }

  .contactinfo ul {
    height: auto !important;
    border-radius: 60px !important;
  }

  .contactinfo ul li:first-child {
    border: none !important;
  }

  .footerLogo ul {
    margin-top: 0px !important;
    display: block !important;
  }

  .footerLogo ul li {
    line-height: 20px !important;
    display: block !important;
    flex-direction: inherit !important;
  }

  .footerLogo ul li:first-child {
    border-right: none !important;
    padding: 15px 0px !important;
    vertical-align: top !important;
  }

  .footerLogo ul li:last-child {
    margin-left: 0px !important;
  }

  .footerWrapper h4 {
    margin-top: 15px !important;
  }

  .footerBio p {
    margin-bottom: 0px !important;
  }

  input#edit-actions-submit {
    margin: 0 auto !important;
    margin-top: 20px !important;
  }

  body.page-hpapis input#edit-actions-submit {
    margin: 0 auto !important;
    margin-top: 20px !important;
  }

  body.page-regulatory-section-resources .webinar-div h2,
  .re-imagine h2 {
    font-size: 30px;
  }

  body.page-contact-us .webform-submission-form .form-select {
    width: 97% !important;
  }

  #resource {
    height: auto;
    display: block;
  }

  .myScrollSec h2,
  .resourceSec h2,
  .path-contact-us h2,
  .contactFormclearfix h1,
  h2.related-prod {
    font-size: 30px;
  }

  .aboutTab {
    padding: 10px;
  }

  .ourCapabilitiesSection h2 {
    font-size: 30px;
    line-height: 32px;
  }

  .accordion-button {
    font-size: 20px;
    line-height: 24px;
    padding: 10px 30px 10px 0px;
  }

  .resourcesCarousalWrapper {
    margin: 10px 0px;
  }

  .footerLogo ul li:last-child {
    margin-left: 0px;
    border-left: none;
    padding-left: 0;
    padding-top: 0px;
  }

  .footerLogo ul li:last-child {
    margin-left: 0px;
    border-left: none;
    padding-left: 0px;
    padding-top: 0px;
  }

  .footerLogo ul li:last-child br {
    margin-bottom: 8px;
  }

  .re-imagine h3 {
    font-size: 18px;
  }

  #resource p {
    font-size: 18px;
    line-height: 24px;
    display: block;
    height: auto;
  }



  .cardIamge p {
    font-size: 18px;
  }

  body.page-node-article input#edit-actions-submit {
    margin-top: 10px !important;
  }

  .mainContent .contactinfo ul {
    align-self: center;
    justify-content: center;
    display: block;
    text-align: center;
  }
}

@media screen and (max-width: 450px) {
  body.page-peptide-capabilities .g-recaptcha div {
    margin-bottom: 10px;
  }

  body.page-peptide-capabilities .g-recaptcha div iframe {
    margin-left: 10px;
    margin-top: 15px;
  }
}

@media screen and (max-width: 420px) {
  .capabilitiesWrapper .accordion-button {
    padding-top: 12px;
    font-size: 13px;
  }

  .knowBtn {
    font-size: 13px;
  }

  .accordion-header a {
    right: 7px;
    top: 7px;
  }
}

@media screen and (max-width: 414px) {
  body.path-frontpage .dcatTeamSec.fce .owl-nav button.owl-prev {
    left: -24px !important;
    z-index: 99999;
  }

  body.path-frontpage .dcatTeamSec.fce .owl-nav button.owl-next {
    right: -24px !important;
    z-index: 99999;
  }

  .myScrollSec h2 {
    margin-top: 0px;
  }

  body.page-meet-api-experts1 .dcatLandinhHeader img {
    width: auto;
    max-width: 300px !important;
  }

  .regularatySecUlText li img {
    max-width: 60px;
  }

  .regularatySecUlText li .text h3 {
    font-size: 40px;
    margin-bottom: 15px;
  }

  .regularatySecUlText li .text h4 {
    font-size: 20px;
  }

  body.path-frontpage input#edit-combine::placeholder {
    font-size: 11px;
  }

  body.page-generic-formulation input#edit-combine::placeholder {
    font-size: 11px;
  }

  body.page-product input#edit-combine::placeholder {
    font-size: 11px;
  }

  body.page-product input.views-ac-dependent-filter::placeholder {
    font-size: 11px;
  }

  body.page-generic-formulation input#edit-combine::placeholder {
    font-size: 11px;
  }

  #mobile-menu {
    left: 0px;
    padding: 20px 20px;
  }

  a.closeMenu {
    right: 36px;
    top: 0px;
  }

  .newsSlideBox:nth-of-type(odd) .dateBox {
    height: 40px;
    top: 140px;
    padding: 11px 10px;
  }

  .newsSlideBox:nth-of-type(even) .dateBox {
    height: 40px;
    top: 140px;
    padding: 11px 10px;
  }

  .swiper-slide {
    width: 100% !important;
  }

  .newsSlideBox:nth-of-type(even) .newsInfoBox {
    width: 70% !important;
  }

  .newsSlideBox:nth-of-type(odd) .newsInfoBox {
    width: 70% !important;
  }

  .footerLogo ul li span {
    font-size: 9px;
  }

  .searchSection .form-text {
    font-size: 0.65em;
  }

  .product-search-section {
    font-size: 0.65em;
  }

  ul.quicktabs-tabs li a {
    min-width: 100%;
  }

  div#block-genericformulationfooterbanner {
    margin-top: 10px;
  }

  .views-infinite-scroll-content-wrapper.clearfix .col-1 {
    flex: 0 0 auto !important;
    width: 100% !important;
  }

  .owl-carousel .owl-nav button.owl-prev {
    left: -9px;
    z-index: 99999;
  }

  .owl-carousel .owl-nav button.owl-next {
    right: -9px;
    z-index: 99999;
  }

  .login-sec a {
    font-size: 12px !important;
  }

  .lang-dropdown-form .form-select {
    font-size: 12px !important;
  }

  .approachHandilingGraph {
    min-height: 550px;
  }

  .rightContactBox {
    padding: 10px;
  }

  body.path-dcat-week .g-recaptcha div {
    width: 280px !important;
  }

  /*Home page responsive*/
  .myScroll .scrollItems .textArea p span {
    width: 80%;
  }

  #resource p {
    height: auto;
  }

  body.page-node-article .g-recaptcha div iframe {
    margin-top: 15px !important;
  }

  /*Home page responsive*/
  body.page-form-contact-us-generic-formulation .g-recaptcha div iframe {
    margin-left: 10px;
  }

  body.path-hpapis .g-recaptcha {
    margin-left: 15%;
    width: 100%;
  }
}

@media screen and (max-width: 414px) {
  .search-2 input[type="text"]::-webkit-input-placeholder {
    /* Edge  */
    font-size: 10px;
  }

  .search-2 input[type="text"]:-ms-input-placeholder {
    /* Internet Explorer 10-11  */
    font-size: 10px;
  }

  .search-2 input[type="text"]::placeholder {
    font-size: 11px;
  }

  .rightContactBox {
    padding: 15px;
  }

  .login-sec a {
    font-size: 12px !important;
  }

  .lang-dropdown-form .form-select {
    font-size: 12px !important;
  }

  body.page-contact-us .contactFormSection .webform-submission-form .js-form-item.form-item.js-form-type-checkbox {
    margin-left: 0px !important;
  }

  body.page-contact-us input#edit-actions-submit {
    margin-left: 0px;
  }

  body.page-contact-us div#my-form-wrapper {
    margin-left: 13px !important;
  }

  body.page-contact-us .contactFormSection .webform-submission-form .js-form-item.form-item.js-form-type-checkbox {
    margin-left: 0;
    margin-left: 7px !important;
  }

  body.page-contact-us div#my-form-wrapper {
    margin-left: 13px !important;
  }

  body.page-contact-us div#edit-actions {
    margin-left: 10px !important;
  }
}

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

  .DcatBannerTop.cphiJapan2024.milan2024.india div.dcat3 p {
    font-size: 19 !important;
    width: 136% !important;
  }

  body.page-generic-formulation input#edit-combine::placeholder,
  body.page-generic-formulation input.views-ac-dependent-filter::placeholder {
    font-size: 11px !important;
    padding-right: 10px;
    background-size: 20px !important;
  }

  body.page-product input#edit-combine::placeholder {
    font-size: 11px !important;
  }

  #views-exposed-form-product-page-page-13 .js-form-item-combine input::placeholder {
    font-size: 11px !important;
  }

  body.page-product input#edit-combine {
    background-size: 18px !important;
    padding-right: 42px !important;
  }

  body.page-generic-formulation input#edit-combine,
  body.page-generic-formulation input.views-ac-dependent-filter {
    background-size: 18px;
    padding-right: 20px !important;
  }
}

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

  .DcatBannerTop.cphiJapan2024.milan2024.india div.dcat3 p {
    font-size: 19px !important;
    width: 182% !important;
  }

  body.page-meet-api-product-expert .bannerForm {
    width: 112%;
    margin-left: -18px;
  }

  #homeBanner .owl-dots {
    top: 87% !important;
  }

  .eu-cookie-compliance-buttons {
    width: 200px;
  }

  .trendingTopics header a {
    left: 87% !important;
  }

  .col-md-8.mainRight input#edit-actions-submit {
    margin-top: 10px !important;
  }

  div#block-reddy-branding ul li a {
    font-size: 18px;
  }

  div#block-reddy-branding ul li a span {
    font-size: 9px;
  }

  .login-sec a {
    font-size: 10px !important;
  }

  .login-sec a {
    width: auto;
    padding: 0px 15px;
  }

  .Update-table {
    width: 100%;
    height: auto;
    min-height: 247px;
    max-height: 100%;
    overflow: scroll;
  }

  /*Home page integration start*/
  #re-imagine .item {
    max-height: 257px;
  }

  .re-imagine p {
    padding-right: 53px;
  }

  /*Home page integration end*/
}

@media screen and (max-height: 767px) {

  #rc-imageselect,
  .g-recaptcha {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
}

@media (max-width: 350px) {
  body.path-frontpage input#edit-combine::placeholder {
    font-size: 0.8em !important;
  }
}

@media (max-width: 340px) {
  #views-exposed-form-product-page-page-13 .form-actions input {
    min-width: 108px;
  }
}


@media only screen and (min-device-width : 667px) and (max-device-width : 932px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .item.achivementBox {
    width: 100%;
  }

  body.page-events-cphi-china-2024 .custom-form form {
    background-color: #fff !important;
    width: 94% !important;
    margin-top: -1px;
    padding: 0px 25px 25px !important;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
  }

  .custom-form form {
    margin-top: -120px !important;
  }

}