@media (max-width: 767.98px) {
  body.about-page,
  body.division-pharma-page,
  body.coming-soon-page {
    overflow-x: hidden;
  }

  body.about-page .acc-bar .container-fluid,
  body.division-pharma-page .acc-bar .container-fluid,
  body.coming-soon-page .acc-bar .container-fluid {
    padding: 0 !important;
    overflow: visible !important;
  }

  body.about-page .main-nav,
  body.division-pharma-page .main-nav,
  body.coming-soon-page .main-nav {
    padding: 6px 0;
    position: relative !important;
  }

  body.about-page .main-nav .container-fluid,
  body.division-pharma-page .main-nav .container-fluid,
  body.coming-soon-page .main-nav .container-fluid {
    max-width: 100% !important;
    overflow: visible !important;
    padding-left: var(--page-gutter) !important;
    padding-right: var(--page-gutter) !important;
    width: 100% !important;
  }

  body.about-page .main-nav .d-flex.align-items-center.justify-content-between,
  body.division-pharma-page .main-nav .d-flex.align-items-center.justify-content-between,
  body.coming-soon-page .main-nav .d-flex.align-items-center.justify-content-between {
    min-height: 66px;
    position: static !important;
  }

  body.about-page .main-nav .nav-logo,
  body.division-pharma-page .main-nav .nav-logo,
  body.coming-soon-page .main-nav .nav-logo {
    left: 50%;
    overflow: visible;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  body.about-page .main-nav .nav-logo .logo-mark,
  body.division-pharma-page .main-nav .nav-logo .logo-mark,
  body.coming-soon-page .main-nav .nav-logo .logo-mark {
    overflow: visible;
  }

  body.about-page .main-nav .nav-logo .brand-logo-img,
  body.division-pharma-page .main-nav .nav-logo .brand-logo-img,
  body.coming-soon-page .main-nav .nav-logo .brand-logo-img {
    width: 150px;
  }

  body.about-page .main-nav .nav-logo .logo-dd,
  body.division-pharma-page .main-nav .nav-logo .logo-dd,
  body.coming-soon-page .main-nav .nav-logo .logo-dd {
    font-size: 35px;
    line-height: 0.86;
    transform: none;
  }

  body.about-page .main-nav .nav-logo .logo-group,
  body.division-pharma-page .main-nav .nav-logo .logo-group,
  body.coming-soon-page .main-nav .nav-logo .logo-group {
    font-size: 12px;
    letter-spacing: 3px;
    transform: none;
  }

  body.about-page .main-nav .nav-logo small,
  body.division-pharma-page .main-nav .nav-logo small,
  body.coming-soon-page .main-nav .nav-logo small {
    font-size: 5.5px;
    letter-spacing: 2.2px;
    margin-top: 4px;
  }

  body.about-page .main-nav .nav-actions,
  body.division-pharma-page .main-nav .nav-actions,
  body.coming-soon-page .main-nav .nav-actions {
    display: block !important;
    height: 66px !important;
    margin: 0 !important;
    pointer-events: none;
    position: static !important;
    width: 0 !important;
  }

  body.about-page .main-nav [data-bs-target="#mobileSidebar"],
  body.division-pharma-page .main-nav [data-bs-target="#mobileSidebar"],
  body.coming-soon-page .main-nav [data-bs-target="#mobileSidebar"],
  body.about-page .main-nav #navSearchToggle,
  body.division-pharma-page .main-nav #navSearchToggle,
  body.coming-soon-page .main-nav #navSearchToggle,
  body.about-page .main-nav .btn-ddshop,
  body.division-pharma-page .main-nav .btn-ddshop,
  body.coming-soon-page .main-nav .btn-ddshop,
  body.about-page .main-nav .nav-search-form,
  body.division-pharma-page .main-nav .nav-search-form,
  body.coming-soon-page .main-nav .nav-search-form {
    pointer-events: auto;
    z-index: 20;
  }

  body.about-page .main-nav [data-bs-target="#mobileSidebar"],
  body.division-pharma-page .main-nav [data-bs-target="#mobileSidebar"],
  body.coming-soon-page .main-nav [data-bs-target="#mobileSidebar"] {
    left: 16px !important;
    position: absolute !important;
    top: 21px !important;
  }

  body.about-page .main-nav #navSearchToggle,
  body.division-pharma-page .main-nav #navSearchToggle,
  body.coming-soon-page .main-nav #navSearchToggle {
    display: flex !important;
    height: 36px;
    position: absolute !important;
    right: 62px !important;
    top: 21px !important;
    width: 36px;
  }

  body.about-page .main-nav .btn-ddshop,
  body.division-pharma-page .main-nav .btn-ddshop,
  body.coming-soon-page .main-nav .btn-ddshop {
    display: flex !important;
    overflow: visible;
    position: absolute !important;
    right: 16px !important;
    top: 22px !important;
  }

  body.about-page .main-nav .btn-ddshop i,
  body.division-pharma-page .main-nav .btn-ddshop i,
  body.coming-soon-page .main-nav .btn-ddshop i {
    color: #2e7d32 !important;
    font-size: 25px;
    line-height: 1;
  }

  body.about-page .main-nav .btn-ddshop::after,
  body.division-pharma-page .main-nav .btn-ddshop::after,
  body.coming-soon-page .main-nav .btn-ddshop::after {
    right: -2px;
    top: -6px;
  }

  body.about-page .main-nav .nav-search-form,
  body.division-pharma-page .main-nav .nav-search-form,
  body.coming-soon-page .main-nav .nav-search-form {
    left: 58px !important;
    right: 16px !important;
    top: 15px !important;
    transform: none !important;
    width: auto !important;
  }

  body.about-page .main-nav.search-open #navSearchToggle,
  body.about-page .main-nav.search-open .btn-ddshop,
  body.division-pharma-page .main-nav.search-open #navSearchToggle,
  body.division-pharma-page .main-nav.search-open .btn-ddshop,
  body.coming-soon-page .main-nav.search-open #navSearchToggle,
  body.coming-soon-page .main-nav.search-open .btn-ddshop {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
  }

  body.about-page .mobile-sidebar,
  body.division-pharma-page .mobile-sidebar,
  body.coming-soon-page .mobile-sidebar {
    height: 100dvh;
    max-height: 100dvh;
    overflow: hidden;
  }

  body.about-page .mobile-sidebar-body,
  body.division-pharma-page .mobile-sidebar-body,
  body.coming-soon-page .mobile-sidebar-body {
    height: calc(100% - 84px);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  body.about-page .footer,
  body.division-pharma-page .footer,
  body.coming-soon-page .footer {
    contain: none;
    display: block;
    overflow: visible;
  }

  body.about-page .footer .container-fluid,
  body.about-page .footer-bottom .container-fluid,
  body.division-pharma-page .footer .container-fluid,
  body.division-pharma-page .footer-bottom .container-fluid,
  body.coming-soon-page .footer .container-fluid,
  body.coming-soon-page .footer-bottom .container-fluid {
    max-width: 100% !important;
    overflow: visible !important;
  }

  body.about-page .footer-logo .logo-mark,
  body.division-pharma-page .footer-logo .logo-mark,
  body.coming-soon-page .footer-logo .logo-mark {
    overflow: visible;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  body.about-page .main-nav .container-fluid,
  body.division-pharma-page .main-nav .container-fluid,
  body.coming-soon-page .main-nav .container-fluid {
    max-width: 100% !important;
    overflow: visible !important;
    padding-left: 36px !important;
    padding-right: 36px !important;
    width: 100% !important;
  }
}

@media (max-width: 767.98px) {
  body.about-page .main-nav,
  body.division-pharma-page .main-nav,
  body.coming-soon-page .main-nav {
    --mobile-nav-height: 72px;
    --mobile-nav-side-gap: 16px;
    --mobile-icon-size: 40px;
    padding: 0 !important;
  }

  body.about-page .main-nav .d-flex.align-items-center.justify-content-between,
  body.division-pharma-page .main-nav .d-flex.align-items-center.justify-content-between,
  body.coming-soon-page .main-nav .d-flex.align-items-center.justify-content-between,
  body.about-page .main-nav .nav-actions,
  body.division-pharma-page .main-nav .nav-actions,
  body.coming-soon-page .main-nav .nav-actions {
    height: var(--mobile-nav-height) !important;
    min-height: var(--mobile-nav-height) !important;
  }

  body.about-page .main-nav .container-fluid,
  body.division-pharma-page .main-nav .container-fluid,
  body.coming-soon-page .main-nav .container-fluid {
    padding-left: var(--mobile-nav-side-gap) !important;
    padding-right: var(--mobile-nav-side-gap) !important;
  }

  body.about-page .main-nav .nav-logo,
  body.division-pharma-page .main-nav .nav-logo,
  body.coming-soon-page .main-nav .nav-logo {
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
  }

  body.about-page .main-nav [data-bs-target="#mobileSidebar"],
  body.division-pharma-page .main-nav [data-bs-target="#mobileSidebar"],
  body.coming-soon-page .main-nav [data-bs-target="#mobileSidebar"],
  body.about-page .main-nav #navSearchToggle,
  body.division-pharma-page .main-nav #navSearchToggle,
  body.coming-soon-page .main-nav #navSearchToggle,
  body.about-page .main-nav .btn-ddshop,
  body.division-pharma-page .main-nav .btn-ddshop,
  body.coming-soon-page .main-nav .btn-ddshop {
    height: var(--mobile-icon-size) !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: var(--mobile-icon-size) !important;
  }

  body.about-page .main-nav [data-bs-target="#mobileSidebar"],
  body.division-pharma-page .main-nav [data-bs-target="#mobileSidebar"],
  body.coming-soon-page .main-nav [data-bs-target="#mobileSidebar"] {
    left: var(--mobile-nav-side-gap) !important;
  }

  body.about-page .main-nav #navSearchToggle,
  body.division-pharma-page .main-nav #navSearchToggle,
  body.coming-soon-page .main-nav #navSearchToggle {
    right: calc(var(--mobile-nav-side-gap) + var(--mobile-icon-size) + 8px) !important;
  }

  body.about-page .main-nav .btn-ddshop,
  body.division-pharma-page .main-nav .btn-ddshop,
  body.coming-soon-page .main-nav .btn-ddshop {
    right: var(--mobile-nav-side-gap) !important;
  }

  body.about-page .main-nav .nav-search-form,
  body.division-pharma-page .main-nav .nav-search-form,
  body.coming-soon-page .main-nav .nav-search-form {
    left: calc(var(--mobile-nav-side-gap) + var(--mobile-icon-size) + 2px) !important;
    right: var(--mobile-nav-side-gap) !important;
    top: 50% !important;
    transform: translateY(-50%) scaleX(0.96) !important;
  }

  body.about-page .main-nav .nav-search-form.active,
  body.division-pharma-page .main-nav .nav-search-form.active,
  body.coming-soon-page .main-nav .nav-search-form.active {
    transform: translateY(-50%) scaleX(1) !important;
  }
}