@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%;
	margin-bottom: -20px;
  }
}

@media (min-width: 1537px) {
  .genScript-overview-2022 .container {
    max-width: 75rem !important;
    padding-left: .9375rem;
    padding-right: .9375rem;
  }
  .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;
  }
  
}


/* XL Device :1200px 澶у瀷*/
@media only screen and (max-width: 1536px) {
  .genScript-overview-2022 .container.LinkNav {
    width: 100% !important;
    max-width: 75rem !important;
    padding-right: 10px;
    padding-left: 10px;
  }
  .genScript-overview-2022 .container {
    max-width: 75rem !important;
    padding-left: .9375rem;
    padding-right: .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 .right-box{
    
  }
  .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-right: 0;
	padding-left:15px;
    /*margin-top: 1.875rem;*/
  }

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

  }

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

@media (max-width: 767px) {
	.pl-0, .px-0 {
    padding-left: 0!important;
    padding-right: 0!important;
}
	
  .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%;
  }

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

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

  /* 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 */
}

@media (min-width: 768px) {
	

	
}

@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) {
	.sub-page .imgBanner {
    height: 25rem;
    overflow: hidden;
}
	
	.genScript-overview-2022 .banner {
    height: 25rem;
    background-size: auto;
  }

  .genScript-overview-2022 .banner-img {
    width: auto;
    height: 25rem;
    /*max-width: initial;*/
    /*transform: translate(-25%, 0);*/
  }
  
  .genScript-overview-2022 .imgBanner-text {
	  height: 25rem;
  }
  
  .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: inline-block !important;
  }
}

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

/* quick search start */
.genScript-overview-2022 .quick-search-bg .card-text, .genScript-overview-2022 .quick-search-bg .up-card {
  background: #007d9f;
}

.genScript-overview-2022 .quick-search-bg:hover .card-hover, .genScript-overview-2022 .quick-search-bg .toggle-card {
  background: #015770;
}


/* quick search end */

/* 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:before {
  border-color: transparent transparent white #1d73dd;
}

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

.Default-subject .LinkNav .LinkNav-button-link {
  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 .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:before {
  border-color: transparent transparent white #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 .flyers .link {
  border: 1px solid #0590B1;
  color: #0590B1;
}

.Protein-subject .flyers .title {
  color: #0590B1;
}

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

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

.Protein-subject .tabListByServe .tab-title:hover {
  color: #0590B1;
}

.Protein-subject .tabListByServe .tabListByServe-content {
  border-top: 0.0625rem solid #0590B1;
}
 
.Protein-subject .button-main {
  color: #fff;
  background: #0590B1;
  border: 1px solid #0590B1;
}

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

.Protein-subject .button-sub {
  border: 1px solid #0590B1;
  color: #0590B1;
}

.Protein-subject .button-sub:hover {
  background: #0590B1;
  color: #fff;
}

.Protein-subject .step-box:before {
  border-color: transparent transparent white #0590B1;
}

.Protein-subject .step-box {
  border: 1px solid #0590B1;
}

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

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

.Protein-subject .toggle-card {
  opacity: 0;
  background: #0590B1;
  transition: opacity 1s;
}

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

.genScript-overview-2022.Protein-subject .figure_container_title {
		background: #0590B1;
		color: white;
		padding: 10px 20px;
		font-weight: 500;
	}

	.genScript-overview-2022.Protein-subject .figure_container_content {
		border: 1px solid #b5b5b5;
		padding: 20px;
		border-top: 0px;
	}
	
.Protein-subject .title-card .title-card-title, .Protein-subject .text-card .text-card-title {
  background: #0590B1;
}	
	
/*Protein END*/
/* 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: #076b6b;
  color: #fff;
}

.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: #076b6b;
  color: #fff;
  border: 1px solid #076b6b;
}

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

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

.ML-subject .step-box:before {
  border-color: transparent transparent white #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: #076b6b;
}

.genScript-overview-2022.ML-subject .figure_container_title {
		background: #0e9999;
		color: white;
		padding: 10px 20px;
		font-weight: 500;
	}

	.genScript-overview-2022.ML-subject .figure_container_content {
		border: 1px solid #b5b5b5;
		padding: 20px;
		border-top: 0px;
	}
	
.ML-subject .title-card .title-card-title, .ML-subject .text-card .text-card-title {
  background: #0E9999;
}	
	
/*Ml END*/


/* Peptide-subject  #00A0E9 */
.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: #0885BB;
  color: #fff;
}

.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:before {
  border-color: transparent transparent white #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: #0885BB;
}

.genScript-overview-2022.Peptide-subject .figure_container_title {
		background: #00A0E9;
		color: white;
		padding: 10px 20px;
		font-weight: 500;
	}

	.genScript-overview-2022.Peptide-subject .figure_container_content {
		border: 1px solid #b5b5b5;
		padding: 20px;
		border-top: 0px;
	}
	
.Peptide-subject .title-card .title-card-title, .Peptide-subject .text-card .text-card-title {
  background: #0885BB;
}	
	
/*Peptide END*/

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

.Antibody-subject .flyers .link {
  border: 1px solid #52388C;
  color: #52388C;
}

.Antibody-subject .flyers .title {
  color: #52388C;
}

.Antibody-subject .flyers .link:hover {
  background: #6744b5;
  color: #fff;
}

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

.Antibody-subject .tabListByServe .tab-title:hover {
  color: #52388C;
}

.Antibody-subject .tabListByServe .tabListByServe-content {
  border-top: 0.0625rem solid #52388C;
}
 
.Antibody-subject .button-main {
  color: #fff;
  background: #52388C;
  border: 1px solid #52388C;
}

.Antibody-subject .button-main:hover {
  background: #6744b5;
  color: #fff;
  border: 1px solid #6744b5;
}

.Antibody-subject .button-sub {
  border: 1px solid #52388C;
  color: #52388C;
}

.Antibody-subject .button-sub:hover {
  background: #52388C;
  color: #fff;
}

.Antibody-subject .step-box:before {
  border-color: transparent transparent white #52388C;
}

.Antibody-subject .step-box {
  border: 1px solid #52388C;
}

.Antibody-subject .LinkNav .LinkNav-button-link {
  background: #52388C;
}

.Antibody-subject .LinkNav .LinkNav-button-link:hover {
  background: #6744b5;
}

.Antibody-subject .toggle-card {
  opacity: 0;
  background: #52388C;
  transition: opacity 1s;
}

.Antibody-subject .imgDescLinkCards .card-link:hover,
.Antibody-subject .textDescLinkCards .card-link:hover {
  background: #fff;
  color: #6744b5;
}

.genScript-overview-2022.Antibody-subject .figure_container_title {
		background: #52388C;
		color: white;
		padding: 10px 20px;
		font-weight: 500;
	}

	.genScript-overview-2022.Antibody-subject .figure_container_content {
		border: 1px solid #b5b5b5;
		padding: 20px;
		border-top: 0px;
	}
	
.Antibody-subject .title-card .title-card-title, .Antibody-subject .text-card .text-card-title {
  background: #6744b5;
}	
	
/*Peptide END*/

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

.Oligo-subject .flyers .link {
  border: 1px solid #2270CC;
  color: #2270CC;
}

.Oligo-subject .flyers .title {
  color: #2270CC;
}

.Oligo-subject .flyers .link:hover {
  background: #2270CC;
  color: #fff;
}

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

.Oligo-subject .tabListByServe .tab-title:hover {
  color: #2270CC;
}

.Oligo-subject .tabListByServe .tabListByServe-content {
  border-top: 0.0625rem solid #2270CC;
}
 
.Oligo-subject .button-main {
  color: #fff;
  background: #2270CC;
  border: 1px solid #2270CC;
}

.Oligo-subject .button-main:hover {
  background: #033f86;
  color: #fff;
  border: 1px solid #033f86;
}

.Oligo-subject .button-sub {
  border: 1px solid #2270CC;
  color: #2270CC;
}

.Oligo-subject .button-sub:hover {
  background: #2270CC;
  color: #fff;
}

.Oligo-subject .step-box:before {
  border-color: transparent transparent white #2270CC;
}

.Oligo-subject .step-box {
  border: 1px solid #2270CC;
}

.Oligo-subject .LinkNav .LinkNav-button-link {
  background: #2270CC;
}

.Oligo-subject .LinkNav .LinkNav-button-link:hover {
  background: #033f86;
}

.Oligo-subject .toggle-card {
  opacity: 0;
  background: #2270CC;
  transition: opacity 1s;
}

.Oligo-subject .imgDescLinkCards .card-link:hover,
.Oligo-subject .textDescLinkCards .card-link:hover {
  background: #fff;
  color: #033f86;
}

.genScript-overview-2022.Oligo-subject .figure_container_title {
		background: #2270CC;
		color: white;
		padding: 10px 20px;
		font-weight: 500;
	}

	.genScript-overview-2022.Oligo-subject .figure_container_content {
		border: 1px solid #b5b5b5;
		padding: 20px;
		border-top: 0px;
	}
	
.Oligo-subject .title-card .title-card-title, .Oligo-subject .text-card .text-card-title {
  background: #2270CC;
}	
	
/*Oligo END*/

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

.Cell-subject .flyers .link {
  border: 1px solid #1F57E8;
  color: #1F57E8;
}

.Cell-subject .flyers .title {
  color: #1F57E8;
}

.Cell-subject .flyers .link:hover {
  background: #083199;
  color: #fff;
  border: 1px solid #083199;
}

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

.Cell-subject .tabListByServe .tab-title:hover {
  color: #1F57E8;
}

.Cell-subject .tabListByServe .tabListByServe-content {
  border-top: 0.0625rem solid #1F57E8;
}
 
.Cell-subject .button-main {
  color: #fff;
  background: #1F57E8;
  border: 1px solid #1F57E8;
}

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

.Cell-subject .button-sub {
  border: 1px solid #1F57E8;
  color: #1F57E8;
}

.Cell-subject .button-sub:hover {
  background: #1F57E8;
  color: #fff;
}

.Cell-subject .step-box:before {
  border-color: transparent transparent white #1F57E8;
}

.Cell-subject .step-box {
  border: 1px solid #1F57E8;
}

.Cell-subject .LinkNav .LinkNav-button-link {
  background: #1F57E8;
}

.Cell-subject .LinkNav .LinkNav-button-link:hover {
  background: #083199;
}

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

.Cell-subject .imgDescLinkCards .card-link:hover,
.Cell-subject .textDescLinkCards .card-link:hover {
  background: #fff;
  color: #083199;
}

.genScript-overview-2022.Cell-subject .figure_container_title {
		background: #1F57E8;
		color: white;
		padding: 10px 20px;
		font-weight: 500;
	}

	.genScript-overview-2022.Cell-subject .figure_container_content {
		border: 1px solid #b5b5b5;
		padding: 20px;
		border-top: 0px;
	}
	
.Cell-subject .title-card .title-card-title, .Cell-subject .text-card .text-card-title {
  background: #083199;
}	
	
/*Cell-subject END*/


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

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

.mRNA-subject .flyers .title {
  color: #2BD39B;
}

.mRNA-subject .flyers .link:hover {
  background: #09A274;
  color: #fff;
}

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

.mRNA-subject .tabListByServe .tab-title:hover {
  color: #2BD39B;
}

.mRNA-subject .tabListByServe .tabListByServe-content {
  border-top: 0.0625rem solid #2BD39B;
}
 
.mRNA-subject .button-main {
  color: #fff;
  background: #2BD39B;
  border: 1px solid #2BD39B;
}

.mRNA-subject .button-main:hover {
  background: #09A274;
  color: #fff;
  border: 1px solid #09A274;
}

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

.mRNA-subject .button-sub:hover {
  background: #2BD39B;
  color: #fff;
}

.mRNA-subject .step-box:before {
  border-color: transparent transparent white #2BD39B;
}

.mRNA-subject .step-box {
  border: 1px solid #2BD39B;
}

.mRNA-subject .LinkNav .LinkNav-button-link {
  background: #2BD39B;
}

.mRNA-subject .LinkNav .LinkNav-button-link:hover {
  background: #09A274;
}

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

.mRNA-subject .imgDescLinkCards .card-link:hover,
.mRNA-subject .textDescLinkCards .card-link:hover {
  background: #fff;
  color: #09A274;
}

.genScript-overview-2022.mRNA-subject .figure_container_title {
		background: #2BD39B;
		color: white;
		padding: 10px 20px;
		font-weight: 500;
	}

	.genScript-overview-2022.mRNA-subject .figure_container_content {
		border: 1px solid #b5b5b5;
		padding: 20px;
		border-top: 0px;
	}
	
.mRNA-subject .title-card .title-card-title, .mRNA-subject .text-card .text-card-title {
  background: #09A274;
}	
	
/*mRNA-subject END*/


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

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

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

.CRISPR-subject .flyers .link:hover {
  background: #0856c5;
  color: #fff;
}

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

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

.CRISPR-subject .tabListByServe .tabListByServe-content {
  border-top: 0.0625rem solid #034198;
}
 
.CRISPR-subject .button-main {
  color: #fff;
  background: #034198;
  border: 1px solid #034198;
}

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

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

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

.CRISPR-subject .step-box:before {
  border-color: transparent transparent white #034198;
}

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

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

.CRISPR-subject .LinkNav .LinkNav-button-link:hover {
  background: #0856c5;
}

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

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

.genScript-overview-2022.CRISPR-subject .figure_container_title {
		background: #034198;
		color: white;
		padding: 10px 20px;
		font-weight: 500;
	}

	.genScript-overview-2022.CRISPR-subject .figure_container_content {
		border: 1px solid #b5b5b5;
		padding: 20px;
		border-top: 0px;
	}
	
.CRISPR-subject .title-card .title-card-title, .CRISPR-subject .text-card .text-card-title {
  background: #0856c5;
}	
	
/*CRISPR-subject END*/

@media (max-width: 991px) {
	.genScript-overview-2022 .QuoteSupport .support-row {
		width: 100%;
	}
}
@media (max-width: 768px) {
	
.genScript-overview-2022 .NumberOverview .d-xs-none {
    border-width: 0;
    height: 0;
}

.genScript-overview-2022 .NumberOverview .overview-text {
    margin-bottom: 1.0rem;
}

.genScript-overview-2022 .NumberOverview .overview-box {
    margin-bottom: 1.0rem;
}

.genScript-overview-2022 .step-box:after {
    border-style: solid dashed dashed dashed;
    border-width: 8px;
    border-color: white transparent transparent transparent;
    left: 50%;
    top: auto;
    bottom: -11px;
    transform: translateX(-50%) translateY(0);
  }
.genScript-overview-2022 .step-box-row>div, .Antibody-subject .step-box-row>div {
    padding: 15px;
}

  .genScript-overview-2022 .step-box:before {
    border-style: solid dashed dashed dashed;
    border-width: 10px;
    border-color: #0590b1 transparent transparent white;
    left: 50%;
    top: auto;
    bottom: -15px;
    transform: translateX(-50%) translateY(0);
  }
.Antibody-subject .step-box:before {
    border-color: #52388c transparent transparent white;
}
}

@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;
  }
}