@media (min-width: 2020px) {
  .genScript-overview-2022 .imgBanner {
    height: 34.375rem;
    overflow: hidden;
  }
}

@media (min-width: 1921px) {
  .genScript-overview-2022 .linkNav-nav-mb {
    display: none;
  }

  .sub-page .imgBanner {
    height: 34.375rem;
    overflow: hidden;
  }

  .third-page .imgBanner {
    height: 25rem;
    overflow: hidden;
  }

  .genScript-overview-2022 .banner-img {
    width: 100%;
  }
}

@media (min-width: 1537px) {
  .genScript-overview-2022 .container.LinkNav {
    width: 1410px !important;
    max-width: 1410px !important;
    padding-right: 0;
    padding-left: 10px;
  }

  .genScript-overview-2022 .container.breadcrumbs {
    max-width: 88.125rem !important;
  }

  .genScript-overview-2022 .container {
    max-width: 1200px !important;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

/* XL Device :1200px 大型*/
@media (min-width: 1281px) and (max-width: 1536px) {
  .genScript-overview-2022 .container.LinkNav {
    width: 75rem !important;
    max-width: 75rem !important;
    padding-right: 0;
    padding-left: 10px;
  }

  .genScript-overview-2022 .container {
    max-width: 75rem !important;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }

  .genScript-overview-2022 .container.breadcrumbs {
    max-width: 75rem !important;
    padding: 15px 15px;
  }

  .genScript-overview-2022 .imgBanner {
    height: 25rem;
    overflow: hidden;
  }

  .genScript-overview-2022 .banner-img {
    transform: translate(-50%, 0);
    margin-left: 50%;
  }

  .genScript-overview-2022 .banner-text {
    height: 16.25rem;
  }
}

@media (min-width: 1025px) and (max-width: 1280px) {
  .genScript-overview-2022 .container.LinkNav {
    width: 1110px;
  }

  .genScript-overview-2022 .container.breadcrumbs {
    padding: 15px 15px;
    max-width: 1140px !important;
  }

  .genScript-overview-2022 .banner {
    height: 25rem;
    background-size: auto;
  }

  .genScript-overview-2022 .banner-img {
    height: 25rem;
    transform: translate(-50%, 0);
    margin-left: 50%;
  }

  .genScript-overview-2022 .banner-text {
    height: 16.25rem;
  }
}

@media (min-width: 481px) and (max-width: 1024px) {
  .genScript-overview-2022 .iframe-size,
  .genScript-overview-2022 .inner-iframe {
    width: 100%;
    height: 370px;
  }

  .genScript-overview-2022 .banner-text {
    height: 16.25rem;
  }

  .genScript-overview-2022 .banner-img {
    transform: translate(-50%, 0);
    margin-left: 50%;
  }

  .genScript-overview-2022 .genScriptForm .form-row > .col:last-child,
  .genScript-overview-2022
    .genScriptForm
    .form-row
    > [class*="col-"]:last-child {
    padding-left: 0;
    margin-top: 1.875rem;
  }

  .genScript-overview-2022 .genScriptForm .form-row > .col,
  .genScript-overview-2022 .genScriptForm .form-row > [class*="col-"] {
    padding-right: 0;
  }

  .genScript-overview-2022 .genScriptForm .form-row label,
  .genScript-overview-2022 .genScriptForm .form-control,
  .genScript-overview-2022 .genScriptForm .custom-select {
    font-size: 0.875rem;
  }
}

@media (max-width: 991px) {
  .genScript-overview-2022 .step-box-row > div {
    padding: 15px;
  }

  .ML-subject .step-box:after,
  .Default-subject .step-box:after,
  .MB-subject .step-box:after,
  .Protein-subject .step-box:after,
  .CRISPR-subject .step-box:after,
  .IVT-subject .step-box:after,
  .ML-subject .step-box:after {
    transform: translate(-50%, 50%) rotate(135deg);
    bottom: -11px;
    left: 50%;
    top: inherit;
  }
}

@media (max-width: 767px) {
  .genScript-overview-2022 img:not(.banner-img):not(.containerBanner-img) {
    max-width: 100% !important;
  }

  .genScript-overview-2022 .mb-sm-30,
  .genScript-overview-2022 .imgDescLinkCards .row div:first-child {
    margin-bottom: 30px !important;
  }

  .genScript-overview-2022 .banner-title {
    font-size: 1.5rem;
  }

  .genScript-overview-2022 .banner-sub-title {
    font-size: 1rem;
  }

  /* flyers start */
  .genScript-overview-2022 .flyer-box {
    flex-direction: column;
    text-align: center;
    align-items: center;
    margin-bottom: 30px;
    box-shadow: 0 0 10px 5px #f3f3f3;
    height: auto;
    margin: 0 auto 30px auto;
    width: 80%;
    padding-top: 30px;
  }

  .genScript-overview-2022 .flyers.row {
    margin-top: 0;
  }

  .genScript-overview-2022 .flyer-text {
    background: #fff !important;
  }

  .genScript-overview-2022 .flyers .link {
    width: 100%;
    position: initial;
  }

  .genScript-overview-2022 .flyers .desc {
    margin-bottom: 2rem;
  }

  .genScript-overview-2022 .flyers .title {
    margin-bottom: 6px;
  }

  .genScript-overview-2022 .flyers .title,
  .genScript-overview-2022 .flyers .title a,
  .genScript-overview-2022 .flyers .desc {
    display: inherit;
  }

  /* flyers end */
  .genScript-overview-2022 .servicesLinks {
    flex-direction: column;
  }

  .genScript-overview-2022 .servicesLinks a[class^="button"] {
    width: 100%;
  }

  .genScript-overview-2022 .servicesLinks a[class^="button"].mr-100 {
    margin-right: 0;
    margin-bottom: 30px;
  }

  .genScript-overview-2022 .iframe-size,
  .genScript-overview-2022 .inner-iframe {
    width: 100%;
    height: 370px;
  }

  /* containerBanner start */
  .genScript-overview-2022 .containerBanner-img {
    height: 100%;
    width: initial;
  }

  /* containerBanner end */
  /* tabListByServe start */
  .tabListByServe .tab-title {
    padding: 0 10px;
    font-size: 12px;
  }

  .tabListByServe li.tab-title-item {
    margin-left: 10px;
  }

  .tabListByServe li.tab-title-item:first-child {
    margin-left: 0;
  }

  .tabListByServe .tabListByServe-content {
    padding-top: 30px;
  }

  /* tabListByServe end */
  .modal-content {
    width: calc(100% - 60px);
    margin: 0 auto;
}
}

@media (max-width: 576px) {
  .genScript-overview-2022 .container.breadcrumbs {
    width: 90vw !important;
  }

  .genScript-overview-2022 .mb-xs-0 {
    margin-bottom: 0 !important;
  }

  .genScript-overview-2022
    .genScriptForm
    .form-row
    > [class*="col-"]:last-child {
    margin-top: 1.875rem;
    padding-left: 0;
  }

  .genScript-overview-2022 .genScriptForm .form-row > .col,
  .genScript-overview-2022 .genScriptForm .form-row > [class*="col-"] {
    padding-right: 0;
  }
}

@media (max-width: 1024px) {
  .no-banner {
    padding-top: 50px;
  }

  .no-banner-has-nav {
    padding-top: 50px;
  }

  .genScript-overview-2022 .linkNav-nav-mb {
    display: block;
  }

  .genScript-overview-2022 .LinkNav-nav {
    display: none;
  }

  .genScript-overview-2022 .dlyNs {
    display: inline-block !important;
  }

  .genScript-overview-2022 .dlyB {
    display: none !important;
  }

  .genScript-overview-2022 .container-menu .advertising-box {
    display: none;
  }

  .genScript-overview-2022 .overview-left.col-lg-9 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .genScript-overview-2022 .container.breadcrumbs {
    max-width: 960px !important;
  }

  .genScript-overview-2022 .testimonials-img-box {
    border-right: none;
  }

  .genScript-overview-2022 .testimonials-text::before {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -100%);
    content: "";
    width: 0;
    height: 0;
    display: inline-block;
    border-right: 15px solid transparent;
    border-bottom: 20px solid #f3f3f3;
    border-left: 15px solid transparent;
  }

  .genScript-overview-2022 .webinarCarousel .carousel-control-prev,
  .genScript-overview-2022 .webinarCarousel .carousel-control-next {
    display: none;
  }

  .genScript-overview-2022 .imgLinkCards .img-link-card,
  .genScript-overview-2022 .textLinkCards .text-link-card,
  .genScript-overview-2022 .imgDescLinkCards .img-desc-link-card,
  .genScript-overview-2022 .textDescLinkCards .text-desc-link-card,
  .genScript-overview-2022 .textImgCards .textImgCard {
    margin-bottom: 30px;
  }

  .genScript-overview-2022 .webinarCarousel-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 30px;
    height: 180px;
  }
}

@media (min-width: 1025px) {
  .genScript-overview-2022 .linkNav-nav-mb {
    display: none;
  }

  .genScript-overview-2022 .dlyNs {
    display: none !important;
  }

  .genScript-overview-2022 .dlyB {
    display: block !important;
  }
}

.genScript-overview-2022 .ResourcesRow .link-row:hover {
  background: #007d9f;
}

@media (max-width: 480px) {
  .genScript-overview-2022 .containerBanner-title {
    font-size: 1.375rem;
    line-height: 1.5;
    font-weight: normal;
  }

  .genScript-overview-2022 .containerBanner-sub-title {
    font-size: 16px;
  }

  .genScript-overview-2022 .SubscribeRow .boxTitle {
    font-size: 1rem;
  }

  .genScript-overview-2022 .SubscribeRow .SubscribeRow-input-row {
    margin-left: 0;
  }

  .genScript-overview-2022 .SubscribeRow .SubscribeRow-button-row {
    text-align: center;
    margin-top: 10px;
  }
}
@media (max-width: 1023px) {
  .container-menu {
    height: auto !important;
  }
}
/* Default 1d73dd */
.Default-subject .LinkNav .nav-link.active,
.Default-subject .LinkNav .nav-link:hover {
  color: #1d73dd !important;
  border-bottom: 2px solid #1d73dd;
}

.Default-subject .flyers .link {
  border: 1px solid #1d73dd;
  color: #1d73dd;
}

.Default-subject .flyers .link:hover {
  background: #1d73dd;
  color: #fff;
}

.Default-subject .flyers .title {
  color: #1d73dd;
}

.Default-subject .application-box .application-text {
  border-left: 4px solid #1d73dd;
}

.Default-subject .tabListByServe .tab-active {
  border: 1px solid #1d73dd;
  border-bottom: none;
  background-color: #fff;
  color: #1d73dd;
}

.Default-subject .tabListByServe .tab-title:hover {
  color: #1d73dd;
}

.Default-subject .tabListByServe .tabListByServe-content {
  border-top: 0.0625rem solid #1d73dd;
}

.genScript-overview-2022 .ResourcesRow .link-row {
  background: #f3f3f3;
}

.Default-subject .button-main {
  color: #fff;
  background: #1d73dd;
  border: 1px solid #1d73dd;
}

.Default-subject .button-main:hover {
  background: #1357ab;
  color: #fff;
  border: 1px solid #1357ab;
}

.Default-subject .button-sub {
  border: 1px solid #1d73dd;
  color: #1d73dd;
}

.Default-subject .button-sub:hover {
  background: #1d73dd;
  color: #fff;
}

.Default-subject .step-box:after {
  border-right: 1px solid #1d73dd;
  border-top: 1px solid #1d73dd;
}

.Default-subject .step-box {
  border: 1px solid #1d73dd;
}

.Default-subject .LinkNav .LinkNav-button-link {
  white-space: nowrap;
  background: #1d73dd;
}

.Default-subject .LinkNav .LinkNav-button-link:hover {
  background: #2471eb;
}

.Default-subject .toggle-card {
  opacity: 0;
  background: #1d73dd;
  transition: opacity 1s;
}

.Default-subject .imgDescLinkCards .card-link:hover,
.Default-subject .textDescLinkCards .card-link:hover {
  background: #fff;
  color: #1d73dd;
}

/* MB-subject  2DA866 */
.MB-subject .LinkNav .nav-link.active,
.MB-subject .LinkNav .nav-link:hover {
  color: #2da866 !important;
  border-bottom: 2px solid #2da866;
}

.MB-subject .flyers .link {
  border: 1px solid #2da866;
  color: #2da866;
}

.MB-subject .flyers .title {
  color: #2da866;
}

.MB-subject .flyers .link:hover {
  background: #2da866;
  color: #fff;
}

.MB-subject .application-box .application-text {
  border-left: 4px solid #2da866;
}

.MB-subject .tabListByServe .tab-active {
  border: 1px solid #2da866;
  border-bottom: none;
  background-color: #fff;
  color: #2da866;
}

.MB-subject .tabListByServe .tab-title:hover {
  color: #2da866;
}

.MB-subject .tabListByServe .tabListByServe-content {
  border-top: 0.0625rem solid #2da866;
}

.MB-subject .button-main {
  color: #fff;
  background: #2da866;
  border: 1px solid #2da866;
}

.MB-subject .button-main:hover {
  background: #00923c;
  color: #fff;
  border: 1px solid #00923c;
}

.MB-subject .button-sub {
  border: 1px solid #2da866;
  color: #2da866;
}

.MB-subject .button-sub:hover {
  background: #2da866;
  color: #fff;
}

.MB-subject .step-box:after {
  border-right: 1px solid #2da866;
  border-top: 1px solid #2da866;
}

.MB-subject .step-box {
  border: 1px solid #2da866;
}

.MB-subject .LinkNav .LinkNav-button-link {
  background: #2da866;
}

.MB-subject .LinkNav .LinkNav-button-link:hover {
  background: #00923c;
}

.MB-subject .toggle-card {
  opacity: 0;
  background: #2da866;
  transition: opacity 1s;
}

.MB-subject .imgDescLinkCards .card-link:hover,
.MB-subject .textDescLinkCards .card-link:hover {
  background: #fff;
  color: #2da866;
}

/* Protein-subject  0590b1 */
.Protein-subject .LinkNav .nav-link.active,
.Protein-subject .LinkNav .nav-link:hover {
  color: #0590b1 !important;
  border-bottom: 2px solid #0590b1;
}

.Protein-subject .LinkNav .LinkNav-button-link {
  background: #0590b1;
}

.Protein-subject .LinkNav .LinkNav-button-link:hover {
  background: #047891;
}

.Protein-subject .flyers .link {
  border: 1px solid #0590b1;
  color: #0590b1;
}

.Protein-subject .flyers .link:hover {
  background: #0590b1;
  color: #fff;
}

.Protein-subject .flyers .title,
.Protein-subject .flyers .title a {
  color: #0590b1;
}

.Protein-subject .imgDescLinkCards .card-link:hover,
.Protein-subject .textDescLinkCards .card-link:hover,
.Protein-subject .button-white:hover {
  background: #fff;
  color: #047891;
}

.Protein-subject .step-box:after {
  border-right: 1px solid #0590b1;
  border-top: 1px solid #0590b1;
  border-color: #0590b1 transparent transparent white;
}

/* CRISPR 0743a1 */
.CRISPR-subject .LinkNav .nav-link.active,
.CRISPR-subject .LinkNav .nav-link:hover {
  color: #0743a1 !important;
  border-bottom: 2px solid #0743a1;
}

.CRISPR-subject .flyers .link {
  border: 1px solid #0743a1;
  color: #0743a1;
}

.CRISPR-subject .flyers .title {
  color: #0743a1;
}

.CRISPR-subject .flyers .link:hover {
  background: #0743a1;
  color: #fff;
}

.CRISPR-subject .application-box .application-text {
  border-left: 4px solid #0743a1;
}

.CRISPR-subject .tabListByServe .tab-active {
  border: 1px solid #0743a1;
  border-bottom: none;
  background-color: #fff;
  color: #0743a1;
}

.CRISPR-subject .tabListByServe .tab-title:hover {
  color: #0743a1;
}

.CRISPR-subject .tabListByServe .tabListByServe-content {
  border-top: 0.0625rem solid #0743a1;
}

.CRISPR-subject .button-main {
  color: #fff;
  background: #0743a1;
  border: 1px solid #0743a1;
}

.CRISPR-subject .button-main:hover {
  background: #2471eb;
  color: #fff;
  border: 1px solid #2471eb;
}

.CRISPR-subject .button-sub {
  border: 1px solid #0743a1;
  color: #0743a1;
}

.CRISPR-subject .button-sub:hover {
  background: #0743a1;
  color: #fff;
}

.CRISPR-subject .step-box:after {
  border-right: 1px solid #0743a1;
  border-top: 1px solid #0743a1;
}

.CRISPR-subject .step-box {
  border: 1px solid #0743a1;
}

.CRISPR-subject .LinkNav .LinkNav-button-link {
  background: #0743a1;
}

.CRISPR-subject .LinkNav .LinkNav-button-link:hover {
  background: #2471eb;
}

.CRISPR-subject .toggle-card {
  opacity: 0;
  background: #0743a1;
  transition: opacity 1s;
}

.CRISPR-subject .imgDescLinkCards .card-link:hover,
.CRISPR-subject .textDescLinkCards .card-link:hover {
  background: #fff;
  color: #0743a1;
}

/* IVT-subject  2BD39B */
.IVT-subject .LinkNav .nav-link.active,
.IVT-subject .LinkNav .nav-link:hover {
  color: #2bd39b !important;
  border-bottom: 2px solid #2bd39b;
}

.IVT-subject .flyers .link {
  border: 1px solid #2bd39b;
  color: #2bd39b;
}

.IVT-subject .flyers .title {
  color: #2bd39b;
}

.IVT-subject .flyers .link:hover {
  background: #2bd39b;
  color: #fff;
}

.IVT-subject .application-box .application-text {
  border-left: 4px solid #2bd39b;
}

.IVT-subject .tabListByServe .tab-active {
  border: 1px solid #2bd39b;
  border-bottom: none;
  background-color: #fff;
  color: #2bd39b;
}

.IVT-subject .tabListByServe .tab-title:hover {
  color: #2bd39b;
}

.IVT-subject .tabListByServe .tabListByServe-content {
  border-top: 0.0625rem solid #2bd39b;
}

.IVT-subject .button-main {
  color: #fff;
  background: #2bd39b;
  border: 1px solid #2bd39b;
}

.IVT-subject .button-main:hover {
  background: #2bd39b;
  color: #fff;
  border: 1px solid #2bd39b;
}

.IVT-subject .button-sub {
  border: 1px solid #2bd39b;
  color: #2bd39b;
}

.IVT-subject .button-sub:hover {
  background: #2bd39b;
  color: #fff;
}

.IVT-subject .step-box:after {
  border-right: 1px solid #2bd39b;
  border-top: 1px solid #2bd39b;
}

.IVT-subject .step-box {
  border: 1px solid #2bd39b;
}

.IVT-subject .LinkNav .LinkNav-button-link {
  background: #2bd39b;
}

.IVT-subject .LinkNav .LinkNav-button-link:hover {
  background: #06b178;
}

.IVT-subject .toggle-card {
  opacity: 0;
  background: #2bd39b;
  transition: opacity 1s;
}

.IVT-subject .imgDescLinkCards .card-link:hover,
.IVT-subject .textDescLinkCards .card-link:hover {
  background: #fff;
  color: #2bd39b;
}

/* ML-subject  0E9999 */
.ML-subject .LinkNav .nav-link.active,
.ML-subject .LinkNav .nav-link:hover {
  color: #0e9999 !important;
  border-bottom: 2px solid #0e9999;
}

.ML-subject .flyers .link {
  border: 1px solid #0e9999;
  color: #0e9999;
}

.ML-subject .flyers .title {
  color: #0e9999;
}

.ML-subject .flyers .link:hover {
  background: #0e9999;
  color: #fff;
}

.ML-subject .application-box .application-text {
  border-left: 4px solid #0e9999;
}

.ML-subject .tabListByServe .tab-active {
  border: 1px solid #0e9999;
  border-bottom: none;
  background-color: #fff;
  color: #0e9999;
}

.ML-subject .tabListByServe .tab-title:hover {
  color: #0e9999;
}

.ML-subject .tabListByServe .tabListByServe-content {
  border-top: 0.0625rem solid #0e9999;
}

.ML-subject .button-main {
  color: #fff;
  background: #0e9999;
  border: 1px solid #0e9999;
}

.ML-subject .button-main:hover {
  background: #066077;
  color: #fff;
  border: 1px solid #066077;
}

.ML-subject .button-sub {
  border: 1px solid #0e9999;
  color: #0e9999;
}

.ML-subject .button-sub:hover {
  background: #0e9999;
  color: #fff;
}

.ML-subject .step-box:after {
  border-right: 1px solid #0e9999;
  border-top: 1px solid #0e9999;
}

.ML-subject .step-box {
  border: 1px solid #0e9999;
}

.ML-subject .LinkNav .LinkNav-button-link {
  background: #0e9999;
}

.ML-subject .LinkNav .LinkNav-button-link:hover {
  background: #076b6b;
}

.ML-subject .toggle-card {
  opacity: 0;
  background: #0e9999;
  transition: opacity 1s;
}

.ML-subject .imgDescLinkCards .card-link:hover,
.ML-subject .textDescLinkCards .card-link:hover {
  background: #fff;
  color: #0e9999;
}

/* Peptide-subject  0E9999 */
.Peptide-subject .LinkNav .nav-link.active,
.Peptide-subject .LinkNav .nav-link:hover {
  color: #00a0e9 !important;
  border-bottom: 2px solid #00a0e9;
}

.Peptide-subject .flyers .link {
  border: 1px solid #00a0e9;
  color: #00a0e9;
}

.Peptide-subject .flyers .title {
  color: #00a0e9;
}

.Peptide-subject .flyers .link:hover {
  background: #00a0e9;
  color: #fff;
}

.Peptide-subject .application-box .application-text {
  border-left: 4px solid #00a0e9;
}

.Peptide-subject .tabListByServe .tab-active {
  border: 1px solid #00a0e9;
  border-bottom: none;
  background-color: #fff;
  color: #00a0e9;
}

.Peptide-subject .tabListByServe .tab-title:hover {
  color: #00a0e9;
}

.Peptide-subject .tabListByServe .tabListByServe-content {
  border-top: 0.0625rem solid #00a0e9;
}

.Peptide-subject .button-main {
  color: #fff;
  background: #00a0e9;
  border: 1px solid #00a0e9;
}

.Peptide-subject .button-main:hover {
  background: #0885bb;
  color: #fff;
  border: 1px solid #0885bb;
}

.Peptide-subject .button-sub {
  border: 1px solid #00a0e9;
  color: #00a0e9;
}

.Peptide-subject .button-sub:hover {
  background: #00a0e9;
  color: #fff;
}

.Peptide-subject .step-box:after {
  border-right: 1px solid #00a0e9;
  border-top: 1px solid #00a0e9;
}

.Peptide-subject .step-box {
  border: 1px solid #00a0e9;
}

.Peptide-subject .LinkNav .LinkNav-button-link {
  background: #00a0e9;
}

.Peptide-subject .LinkNav .LinkNav-button-link:hover {
  background: #0885bb;
}

.Peptide-subject .toggle-card {
  opacity: 0;
  background: #00a0e9;
  transition: opacity 1s;
}

.Peptide-subject .imgDescLinkCards .card-link:hover,
.Peptide-subject .textDescLinkCards .card-link:hover {
  background: #fff;
  color: #00a0e9;
}