.prompt-to-trial-trigger {
  position: fixed;
  top: 5rem;
  right: 1.5rem;
  z-index: 10001;
}

body.tp-panel-open .prompt-to-trial-trigger {
  display: none;
}

body.tp-panel-open .tp-panel {
  display: flex !important;
  flex-direction: column !important;
  max-height: 100dvh !important;
  overflow: hidden !important;
}

body.tp-panel-open .tp-panel__body {
  flex: 1 1 auto !important;
  height: auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
}

body.tp-panel-open .tp-panel__footer {
  flex: 0 0 auto !important;
}

@media (min-width: 481px) {
  body.tp-panel-open #header,
  body.tp-panel-open #subNav,
  body.tp-panel-open .sub-nav,
  body.tp-panel-open .product-subnav,
  body.tp-panel-open .sticky-subnav {
    left: 0 !important;
    right: var(--tp-panel-width) !important;
    width: auto !important;
    max-width: none !important;
    transition:
      right 280ms cubic-bezier(0.16, 1, 0.3, 1),
      width 280ms cubic-bezier(0.16, 1, 0.3, 1);
  }

  body.tp-panel-open .top-button.visible {
    right: var(--tp-panel-width) !important;
  }

  body.tp-panel-open #header .utility-links .highlight {
    width: 66px !important;
    padding: 0 !important;
  }

  body.tp-panel-open #header .utility-links .highlight span {
    display: none !important;
  }

  body.tp-panel-open .form-modal,
  body.tp-panel-open #search-site-modal,
  body.tp-panel-open #contact-us-modal,
  body.tp-panel-open .icon-svgcode.modal.active {
    right: var(--tp-panel-width) !important;
    width: auto !important;
  }

  body.tp-panel-open #search-site-modal .modal-body-wrapper,
  body.tp-panel-open #contact-us-modal .modal-body-wrapper,
  body.tp-panel-open .icon-svgcode.modal.active .modal-body-wrapper {
    max-width: calc(100% - 4rem) !important;
  }
}

@media (min-width: 1201px) and (max-width: 1720px) {
  body.tp-panel-open #header {
    height: 70px !important;
  }

  body.tp-panel-open #header .logo {
    width: 160px !important;
    height: 70px !important;
    line-height: 70px !important;
    margin-left: calc(70px + 2.5vw) !important;
    margin-right: auto !important;
  }

  body.tp-panel-open #header .logo img {
    width: 100% !important;
    height: auto !important;
  }

  body.tp-panel-open #header nav > ul.left-nav {
    top: 70px !important;
    height: calc(100vh - 70px) !important;
  }

  body.tp-panel-open #header nav > ul.left-nav > li.left-menu-item-hide {
    display: block !important;
  }

  body.tp-panel-open #header nav > ul.list-inline {
    display: none !important;
  }

  body.tp-panel-open #header nav {
    flex: 0 0 auto !important;
    width: auto !important;
    height: 70px !important;
  }

  body.tp-panel-open #header .utility-links,
  body.tp-panel-open #header .utility-links button,
  body.tp-panel-open #header .utility-links a {
    height: 70px !important;
    line-height: 70px !important;
  }

  body.tp-panel-open #header .utility-links button,
  body.tp-panel-open #header .utility-links a,
  body.tp-panel-open #header .utility-links .highlight {
    width: 70px !important;
  }
}

@media (min-width: 1201px) {
  body.tp-panel-open #header nav > ul.list-inline > li .megamenu {
    position: fixed !important;
    top: 70px !important;
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    max-width: none !important;
    max-height: calc(100dvh - 70px) !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 480px) {
  .prompt-to-trial-trigger {
    top: 4.25rem;
    right: 1rem;
  }
}