/*------------------DEFAULT HERO SECTION----------------------------------*/
.hero-section { margin-top: 0; height: 550px; background: no-repeat center center; background-size: cover; }

.hero-section section { margin-top: 220px; }

.hero-section h1 { font-size: 49px; }

.hero-section p:first-child { font: 20px/0.5 slatereg; }

.hero-line-break { display: inline; }

.hero-section .btn { padding: 10px 20px; width: 100px; color: #ccc; border: 1px solid #ccc; }

.hero-section .btn:after { background: none; }

.hero-section .btn:hover { color: #fff; border: 1px solid #fff; }

.hero-section .white-btn{background:#eee;color:#282828;border:1px solid #fff}
.hero-section .white-btn:hover{background:none;border:1px solid #fff;color:#fff}

/*-----------------------APPS SLIDE SHOW----------------------*/
.app-animate { position: relative; width: 100%; height: 550px; background: no-repeat center center; background-size: cover; }

#apps-slide:after { opacity: .2; height: 50px; z-index: 1; }

.app-animate section { position: relative; width: 100%; margin-top: 170px; }

.app-animate h1 { text-align: center; }

.app-animate .btn { margin-top: 40px; }

.hero-section .black-btn { border: 1px solid #282828; color: #282828; }

.app-animate:before { content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 550px; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 54%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 54%, rgba(0, 0, 0, 0.65) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 54%, rgba(0, 0, 0, 0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000',GradientType=0); opacity: .1; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out; }

.app-animate:hover:before { opacity: .6; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; }

.app-title-white h1 { color: #fff; }

.app-title-black h1 { color: #282828; }

.hero-section video { position: fixed; top: 25%; left: 50%; min-width: 100%; min-height: 550px; width: auto; height: auto; z-index: -1; transform: translateX(-50%) translateY(-50%); transition: 1s opacity; }

#left-hero-content { width: 100%; height: 300px; }

#right-hero-content { text-align: right; height: 300px; }

/*------- slide show heros -------*/
#visual-bio-assays { background-image: url("../img/applications/visual-app-biochemical.jpg"); }

#visual-personalized-medicine { background-image: url("../img/applications/visual-personalized-medicine.jpg"); }

#visual-leukemia { background-image: url("../img/applications/visual-app-leukemia.jpg"); }

#visual-cell-assays { background-image: url("../img/applications/visual-app-cell-based.jpg"); }

.visual-sequencing { background-image: url("../img/applications/visual-sequencing.jpg"); }

#visual-synbio { background-image: url("../img/applications/visual-synthetic-biology.jpg"); }

.visual-single-cell { background-image: url("../img/applications/visual-single-cell.jpg"); }

/*--------------- CENTER HERO CONTENT -------------------*/
.center-hero-content { float: left; text-align: center; }

.center-hero-content .btn { margin: 60px auto 0 auto; }

/*--------------- LEFT HERO CONTENT -------------------*/
.left-hero-content { float: left; }

.left-hero-content p { margin-bottom: 10px; }

.left-hero-content ul { float: left; padding-top: 25px; margin-bottom: 35px; }

.left-hero-content li { margin: 0; margin-bottom: 10px; color: #D1D1D1; }

.left-hero-content .quote { position: relative; margin-top: 45px; padding-bottom: 5px; font: 20px/1.3 robotoreg; }

#customer-name { font: 18px slatelite; margin-bottom: 0; }

/*--------------- RIGHT HERO CONTENT -------------------*/
.right-hero-content { float: right; text-align: right; }

.right-hero-content ul { float: right; padding: 20px 0; font-size: 18px; }

.right-hero-content .btn { clear: right; float: right; margin-top: 18px; }

.right-hero-content li { margin: 0; margin-bottom: 10px; }

.text-left { text-align: left; padding-right: 0; }

.text-right { text-align: right; padding-right: 0; }

/*//////////////////////////////////////////////////////////////////////////////////////////
-------------------------------------- BEGIN CONTENT --------------------------------------
//////////////////////////////////////////////////////////////////////////////////////////*/

.youtube-video { cursor: pointer; }

.next-video { margin-top: 40px; }

.title-no-margin h4{margin-bottom:25px}

.genomics-symposium-2018{background:url(../img/applications/thmb-genomics-symposiumR.jpg) no-repeat left top;position:relative;margin-top:25px;}
.genomics-symposium-2018 h3{float:left;margin:20px 0 10px 0;color:#fff;font:20px/1.2 robotolite}
.genomics-symposium-2018 em{display:block;font-size:20px;font-family:robotomed}
.genomics-symposium-2018 a{float:left;padding:10px;color:#eee;border:1px solid #eee}
.genomics-symposium-2018 a:hover{background:#656c7d;border:1px solid #656c7d;color:#fff}
.genomics-symposium-2018:before, .genomics-symposium-2018:after{position:absolute;content:'';top:0px;height:8px}
.genomics-symposium-2018:before{background:#f7a442;width:20px;left:0}
.genomics-symposium-2018:after{background:#656c7d;width:40px;left:23px}
.genomics-symposium-2018 h5{font:14px robotomed;color:#f7a442;margin-bottom:20px;float:left;width:100%}

/*----------------- MAIN PAGE ---------------*/

.col3-app { width: 29.33%; padding: 0 2%; text-align: center; }

.col3-app:last-child { margin-right: 0; }

.col3-app h4 { font: 28px slatebold; padding: 0 0 15px 0; margin: 0; color: #282828; }

.col3-app em { display: block; font: 24px slatelite; color: #58595b; }

.col3-app img { width: 50%; }

.col3-app ul { margin-top: 40px; height: 410px; }

.col3-app li { margin-top: 5px; }

.col3-app li a { display: block; padding: 10px; font-size: 18px; color: #0b3c61; border: 1px solid #e1e1e1; border-radius: 1px; }

.col3-app p { float: left; margin-bottom: 0; padding-top: 25px; }

/*------- NEW 3 COL APP SECTION --------*/
.app-overview-hero .center-hero-content{float:none;margin-left:auto;margin-right:auto}
#hero-drug-discovery {background-image: url("../img/applications/visual-drug-discovery9.jpg")}
#hero-drug-discovery p {color:#ddd}

#hero-genomics-research {background-image: url("../img/applications/visual-genomics-research2.jpg")}
#hero-genomics-research p {color:#ddd}

#hero-cancer-research {background-image: url("../img/applications/visual-cancer-research.jpg")}
#hero-cancer-research p {color:#ddd}

#hero-medicine {background-image: url("../img/applications/visual-personalized-medicine2.jpg")}
#hero-medicine p{color:#eee}

.app-section{padding-top:10px}
.app-section h2{text-align:center;padding-bottom:10px;margin-bottom:40px;border-bottom:2px solid #eee}
.app-section #left{text-align:left}
.app-section em{padding-top:5px}
.app-section .img-left{width:20%}
.app-section .p-text-right{width:75%;padding:0 0 0 5%}
.app-section ul{margin-top:40px}
.app-section li{float:left;margin:5px 0;margin-right:10px}
.app-section li:last-child{margin-right:0}
.app-section li a{ display:block; padding: 10px; font-size: 18px; color: #0b3c61; border: 1px solid #e1e1e1; border-radius: 1px}
.app-section li a:hover{border:1px solid #0b3c61}
.overview-text{float:left;margin-top:25px}

.dropdown-wrap{position:relative;margin-bottom:20px;height:20px;float:left;height:60px;width:100%}
.select-shadow{-webkit-box-shadow:0 8px 23px -11px rgba(0,0,0,1);-moz-box-shadow:0 8px 23px -11px rgba(0,0,0,1);box-shadow:0 8px 23px -16px rgba(0,0,0,1)}
.no-shadow{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}

/*---------------------- APP OVERVIEW PAGES -------------------*/
#app-products-wrap{background:#1f2c45;margin-top:25px}
#app-products{text-align:center;margin:3% 0;padding:0 0 25px 0}
#app-products h3{font:33px/1.3 robotolite;margin-bottom:55px;color:#fff}
.app-overview-thmb{margin-bottom:10px}
.app-overview-thmb a{opacity:.6;transition:opacity 0.3s;-webkit-transition: opacity 0.3s}
.app-overview-thmb a:hover{opacity:1} 
.app-overview-title a{color:#ddd;font:19px robotomed;margin-top:15px; margin:0 0 10px 0}
.app-overview-title a:hover{color:#fff}

/*---------------------- ADME-TOX -----------------------------*/
#hero-adme { background-image: url("../img/applications/visual-app-adme-tox.jpg"); }

#hero-adme .line-break { display: inline; }

#admeGraph { position: relative; float: right; margin: 10px 20px 20px 35px; overflow: hidden; width: 55%; }

#graphLabel { display: none; position: absolute; left: 43%; top: 58%; color: #000; font: 20px robotoreg; }

#admeGraph span { position: relative; top: 0.3em; font-size: 0.8em; }

#adme-x { display: none; position: absolute; left: 31.5%; top: 86.7%; color: #000; font-family: slatereg; width: 100%; }

#adme-x li { float: left; margin-right: 18.5%; font-size: 13px; }

#adme-webinar { margin-bottom: 75%; }

/*----------------------- BIO ASSAYS --------------------------*/
#hero-bio-assays { /*background-image:url(../img/applications/visual-app-biochemical.jpg)*/ }

#hero-bio-assays p { color: #ddd; min-width: 400px; }

.bio-assays-content { margin-bottom: 85%; }

/*----------------------- CELL BASED ASSAYS -------------------*/
#hero-cell-assays { background-image: url("../img/applications/visual-app-cell-based.jpg"); }

#hero-cell-assays p { color: #c9cdcf; }

.cell-assyas-content { margin-bottom: 32%; }

#cell-assays-costs h3 { width: 60%; }

/*----------------------- HTS PAGE ----------------------------*/
#hero-hts { background-image: url("../img/applications/visual-app-hts.jpg"); }

#hero-hts p { color: #a4aeb4; }

.hts-content { margin-bottom: 24%; }

#hts-volume { margin-bottom: 0; }

.hts-benefits { padding: 0; margin-top: 15px; }

#hts-studies h3 { margin: 10px 0; }

#hts-studies h4 { margin-bottom: 15px; font: 24px/1.3 robotomed; color: #282828; }

#hts-studies p { margin-bottom: 15px; }

#hts-data { margin-bottom: 30px; }

#hts-data col:first-child { width: 25%; }

#hts-data col:nth-child(2) { width: 35%; }

#hts-data col:last-child { width: 40%; }

#hts-data th, #hts-data td { text-align: center; }

#hts-data th { font: 17px slatebold; }

#hts-data th:first-child { background: #313131; }

#hts-data td:nth-child(2) { font-family: slatebold; color: #282828; }

#hts-pie-info-text { margin-bottom: 0; }

#hts-pie-text { float: left; width: 42%; padding-right: 3%; }

p.foot-note { margin-bottom: 5px; font: 12px/1.5 slatereg; }

.foot-note span { padding-right: 5px; }

#showPie { position: relative; float: right; width: 55%; }

#showPie canvas { width: 100%; }

#showPie div { display: none; position: absolute; z-index: 1; }

#showPie p { color: #fff; font: 15px robotolite; margin: 0 0 3% 0; }

#blue-pie-txt { left: 55%; top: 29%; }

#orange-pie-txt { top: 58%; left: 17%; }

#showPie span { font-size: 30px; letter-spacing: 1px; }

#showPie b { font-family: robotoreg; }

#blue-pie-txt p, #orange-pie-txt p { line-height: 18px; }

#blue-pie-txt .pie-nums, #orange-pie-txt .pie-nums { line-height: 35px; }

/*---------------------- MICROSAMPLING ------------------------*/
#hero-microsampling { background-image: url("https://labcyte.com/img/applications/visual-app-microsampling3.jpg"); }

#hero-microsampling p { color: #ddd; }

.microsampling-content { margin-bottom: 40%; }

.microsampling-benefits { margin-top: 15px; }

.microsampling-benefits h4 { margin-bottom: 10px; padding-top: 10px; font: 18px/1.3 slatebold; }

.microsampling-benefits ul { padding: 0 0 10px 3%; }

.microsampling-benefits ul:last-child { padding-bottom: 0; }

#sampling-studies { margin-top: 10px; }

.micro-sampling { float: left; width: 49%; }

#compositepk-box { margin-right: 2%; }

.micro-sampling p { width: 92%; padding: 10px 4%; }

#composite-pk { background: #941141; color: #fff; font: 24px slatelite; }

#serial-pk { background: #7bbc2f; color: #fff; font: 24px slatelite; }

.micro-sampling img { width: 100%; }

.micro-sampling h3 { float: left; padding-top: 40px; font: 24px/1.3 slatelite; }

.mobile-table { display: none; }

#microsampling-data table { margin-bottom: 30px; }

#microsampling-data p { margin-bottom: 20px; }

#microsampling-data col:first-child { width: 33%; }

#microsampling-data col:nth-child(2) { width: 35%; }

#microsampling-data col:last-child { width: 32%; }

#microsampling-data th { font: 16px/1.3 slatereg; vertical-align: top; padding: 10px 1% 5px 1%; }

#microsampling-data th, #microsampling-data td { text-align: center; }

#microsampling-data tr:nth-child(even) td { font: 16px slatebold; }

#microsampling-data .foot-note { margin: 10px 0; }

/*---------------------- Protein Crystallography --------------*/
#hero-crystallography p { width: 34%; min-width: 450px; }

/*----------------------- RNAI PAGE ---------------------------*/
#hero-rnai { background-image: url("../img/applications/visual-app-rnai2.jpg"); }

#hero-rnai p { color: #eee; }

.rnai-content { margin-bottom: 10%; }

/*----------------------- Sample Management --------------------*/
#hero-acoustic-sample-mgmt { background-image: url("../img/applications/visual-acoustic-sample-management.jpg"); }

#hero-acoustic-sample-mgmt p:first-child { margin: 0 0 15px 0; line-height: 1.3; }

#asm-article .pub-text { margin: 0 0 10px 0; }

#asm-article .institution { margin-bottom: 25px; }

#asm-article .blue-btn { margin-top: 10px; float: left; }

#asm-echo { width: 35%; padding: 0 0 0 4%; margin-top: -23px; }

#fully-acoustic-asm h3 { margin-top: 30px; }

#asm-echo .img-title-below-r { padding: 0 9% 0 0; }

#asm-echo .img-title-below-r span { display: inline; }

.asm-diagram-wrap { float: left; position: relative; width: 103%; overflow: hidden; }

.asm-diagram-wrap h4 { font: 18px slatebold; text-align: center; margin-bottom: 20px; color: #282828; }

.asm-diagram { opacity: 0; position: relative; width: 100%; overflow: hidden; }

.asm-mobile-nav { display: none; }

.asm-mobile-nav li { color: #ccc; font-size: 35px; width: 64px; cursor: pointer; }

.asm-mobile-nav li:nth-child(1) { float: left; }

.asm-mobile-nav li:nth-child(2) { float: right; }

.asm-mobile-nav .fa-chevron-circle-right { float: right; }

.asm-arrow { position: absolute; height: 11px; border-top: 1px solid #7d868c; width: 0; }

.asm-arrow-anim { animation: animFwd .6s forwards; }

.asm-arrow-long-anim { animation: longAnimFwd .6s forwards; }

.asm-arrow-up-anim { animation: upAnimFwd .4s forwards; }

.asm-arrow-line-anim { animation: animLineFwd .6s forwards; }

.asm-arrow-up-anim { animation: upAnimFwd .4s forwards; }

.asm-arrow-down-anim { animation: downAnimFwd .1s forwards; }

@keyframes animFwd { from { width: 0; }
  to { width: 49%; } }
@keyframes animLineFwd { from { width: 0; }
  to { width: 67%; } }
@keyframes longAnimFwd { from { width: 0; }
  to { width: 57%; } }
@keyframes upAnimFwd { from { height: 0; }
  to { height: 20%; } }
@keyframes downAnimFwd { from { height: 0; }
  to { height: 11%; } }
.asm-arrow:after { display: none; content: ''; float: right; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 11px; border-color: transparent transparent transparent #7d868c; margin: -3.525% -0.3% 0 0; }

.asm-arrow-up:before { display: none; float: left; content: ''; width: 0; height: 0; border-style: solid; border-width: 0 4px 11px 4px; border-color: transparent transparent #7d868c; margin-left: -3.25px; }

.asm-arrow.show:after, .asm-arrow-up.show:before { display: block; }

#asm-left-arrow { top: 38%; left: 55%; }

#asm-right-arrow { top: 64.2%; left: 61%; }

#asm-sec-l-arrow { bottom: 0%; left: 30%; }

#bottom-long-arrow { left: 18.7%; bottom: 23%; }

#top-long-arrow { left: 18.7%; top: 18%; }

#asm-bottom-left-arrow { left: -22%; bottom: 20%; }

#asm-bottom-left-arrow:after { margin-top: -2.3%; }

#asm-right-line { bottom: 20.2%; left: 73%; }

#asm-right-line:after { display: none; }

.asm-long-arrow:after { margin-top: -.95%; }

.secondary-diagram #bottom-long-arrow { bottom: 37%; }

.asm-arrow-up { position: absolute; height: 0; background: #7d868c; width: 1px; right: -40%; bottom: 23.3%; }

.asm-arrow-down { position: absolute; height: 0; background: #7d868c; width: 1px; left: -22%; bottom: 23.1%; }

#sample-primary-screening h3 { width: 100%; float: left; }

#sample-primary-screening p { float: left; }

.sample-m-col3 { padding-bottom: 0; }

.sample-m-col3 .col3-app { position: relative; padding: 0; text-align: left; }

.sample-m-col3 .col3-app:last-child { margin-right: 0; }

#sample-primary-screening .col3-app { margin-right: 3%; }

#sample-primary-screening .asm-mobile-nav li { color: #ccc; }

.sample-m-col3 h5, .sample-m-col3 h6 { font: 16px slatemed; color: #282828; margin: 0 0 10px 8%; }

.sample-m-col3 h6 { margin: 15px 0 0 0; }

#sample-primary-screening img { margin: 0 auto; }

#sample-primary-screening #sample-tube-racks { width: 34.33%; }

#sample-tube-racks h5 { margin-left: 0; }

#sample-tube-racks img { width: 48%; }

#sample-primary-screening #sample-source-plates { width: 35%; }

#sample-source-plates h5 { margin-left: 11%; }

#sample-source-plates img { width: 56%; }

#sample-primary-screening #primary-assay-ready { width: 24.6%; margin-right: 0; }

#primary-assay-ready h5 { margin-left: 18%; }

#primary-assay-ready img { width: 91.5%; margin-left: 8.5%; }

.sample-m-col3 p { margin-bottom: 20px; }

#sample-secondary-screening p { margin-bottom: 40px; }

#sample-secondary-screening .col3-app { width: 20%; margin-bottom: 5%; }

#sample-secondary-screening h5 { margin-left: 0; }

#sample-secondary-screening img { width: 80%; }

#sample-secondary-screening .secondary-validate-8x { width: 50%; text-align: center; padding-top: 3%; }

#sample-secondary-screening .secondary-assay-ready { width: 30%; }

#sample-secondary-screening .secondary-assay-ready img { float: right; width: 73%; }

#sample-secondary-screening .secondary-assay-ready h5 { margin-left: 32%; }

.secondary-validate-8x h5 { font: 18px slatebold; padding: 5% 0 0 0; }

#sample-secondary-screening .secondary-validate-8x p { margin: 0 0 10% 0; padding: 0; font-size: 15px; }

#sample-secondary-screening .secondary-validate-8x img { width: 40%; }

#secondaryDiagramBottom h5 { margin-top: 12%; }

.asm-docs #asm-rel-links li { padding-top: 0; }

.asm-docs #asm-rel-links .featured-type { padding: 7% 0 2% 0; }

.asm-docs #asm-rel-links .featured-title { margin-bottom: 2%; }

/*----------------------- Personalized Medicine --------------------*/
#hero-bottom-text { position: absolute; left: 0; bottom: 0; margin: 0; font: 24px/1.3 robotolite; }

.personalized-med-content #content-heading { margin-bottom: 25px; }

#screening-heading h2{margin-top:10px;}
#screening-heading .img-right{width:52%;padding-left:3%}

#accelerate-paragraph{padding-bottom:0}

#accelerate-paragraph p:last-child{margin-bottom:0}

.personalized-med-content .next-video { margin-bottom: 40px; }

.personalized-med-content { margin-bottom: 10%; }

#sfpm-thumb img{max-width:200px}
#sfpm-section p{margin-bottom:0}

#docs .rel-articles .btn { min-width: 90px; }

#cancer-think-tank .brochures ul{width:60%}
#cancer-think-tank .featured-docs .rel-thumb{margin-bottom:0}

/*----------------------- DSRT PAGE --------------------*/
#hero-dsrt { background-image: url(../img/applications/visual-app-dsrt2.jpg); }

#hero-dsrt section { margin-top: 210px; max-width: 720px; width: 100%; }

#hero-dsrt p { width: 100%; color: #a7a6a6; text-align: right; }

/*----------------------- SEQUENCING PAGE --------------------*/
#hero-sequencing { background-image: url("../img/applications/visual-app-sequencing3.jpg"); }

#hero-sequencing p { color: #a7a6a6; }

.sequencing-content { margin-bottom: 45%; }

#sequencing-heading { padding-top: 10px; margin-bottom: 0; }

#sequencing-data col:first-child { width: 30%; }

#sequencing-data col:nth-child(2) { width: 35%; }

#sequencing-data col:last-child { width: 35%; }

#sequencing-data th, #sequencing-data td { text-align: center; }

#sequencing-data th { font: 17px slatebold; }

#sequencing-data td:first-child, #sequencing-data td:last-child { font-family: slatebold; color: #282828; }

#seq-igenomix-video { margin-bottom: 7%; }

/*----------------------- SINGLE-CELL PAGE --------------------*/
#hero-single-cell p { color: #eee; }

#hero-single-cell video { top: 350px; }

#single-cell-echo .img-right { margin-bottom: 30px; }

/*----------------------- GENE EXPRESSION --------------------*/
#hero-gene-expression { background-image: url("../img/applications/visual-app-gene-expression2.jpg"); }

.gene-exp-content { margin-bottom: 97%; }

#gene-exp-left b { font-family: slatebold; }

/*----------------------- GENOTYPING --------------------*/
#hero-genotyping { background-image: url("../img/applications/visual-app-genotyping2.jpg"); }

#hero-genotyping p { color: #999; }

/*----------------------- MICROBIOME --------------------*/
#hero-microbiome p { color: #eee; }

.microbiome-content { margin-bottom:22%}

.microbiome-content #content-heading { margin-bottom: 40px; }
.microbiome-content #key-benefit{margin-bottom:25px}
#microbiome-pub{margin-top:0}

/*---------------------- qPCR PAGE ----------------------------*/
#hero-qpcr { background-image: url("../img/applications/visual-app-qpcr2.jpg"); }

.qpcr-content { margin-bottom: 10%; }

#qpcr-echo-thumb { margin-bottom: 25px; }

/*---------------------- SYNBIO PAGE --------------------------*/
#hero-synbio p { color: #999; width: 34%; min-width: 400px; }

.synbio-content{margin-bottom:53%}

.synbio-content #content-heading { margin-bottom: 25px; }

#synbio-echo { margin-bottom: 20px; }

.customer-quote { position: relative; float: left; padding: 3.5% 0 3.5% 0; margin-bottom: 15px; background: #112332; }

.customer-quote:before { position: absolute; content: ""; width: 100%; left: -100%; top: 0; height: 100%; background: #112332; }

.customer-quote h4 { margin: 0 0 20px 0; color: #c3d500; font: 18px slatemed; }

.quote-text p { font: 20px/1.5 robotoslablite; padding-bottom: 15px; color: #fff; }

.quote-text { float: left; width: 90%; }

.customer-name { margin-top: 10px; font: normal 20px/1.3 robotolite; }

.customer-quote span { font-family: robotoreg; color: #c3d500; }

.qpcr .text-left { padding-top: 75px; }

/*----------- SYNBIO DIAGRAM -------------*/
.apps-workflow { position: relative; width: 100%; overflow: hidden; }

#appGraphics { opacity: 0; position: relative; width: 100%; margin-top: 0; min-width: 790px; }

#graphicsTitle { float: left; width: 100%; margin-bottom: 20px; }

#graphicsTitle h2 { font: 25px/1.2 robotomed; color: #282828; }

#graphicsTitle h5 { width: 80%; text-align: center; margin-top: 6%; font: 17px slatebold; }

#graphics-mobile-nav { display: none; position: absolute; left: 0; bottom: 4%; width: 100%; z-index: 100; }

#graphics-mobile-nav li { color: #ccc; font-size: 35px; width: 64px; cursor: pointer; }

#graphics-mobile-nav li:nth-child(1) { float: left; }

#graphics-mobile-nav li:nth-child(2) { float: right; }

#graphics-mobile-nav span { font-size: 11px; vertical-align: middle; color: #000; font-family: slatebold; display: block; }

#graphics-mobile-nav .fa-chevron-circle-right { float: right; }

#slide-box { width: 100%; position: relative; }

#top-lines { position: absolute; top: 21%; left: 10.9%; width: 58.1%; height: 9%; border-top: 1px solid #ccc; border-right: 1px solid #ccc; min-width: 504px; }

#top-lines:before { content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 30%; background: #ccc; }

#dashed-border { position: relative; float: left; border: 1px dashed #ccc; padding: 3% .5% 3% .9%; width: 57%; min-width: 490px; }

#dashed-border:after { position: absolute; content: ""; height: 1px; width: 66.35%; left: 16.7%; bottom: -4.5%; background: #376092; }

#dashed-border ul { float: left; }

#three-left-circles { padding-left: 5.7%; width: 94.3%; }

#appGraphics li { float: left; }

#appGraphics .circle { position: relative; border-radius: 50%; width: 75px; height: 75px; padding: 15px; text-align: center; display: table; font: 13px slatebold; margin-bottom: 7%; }

.synbio-graphics .circle { color: #fff; }

#appGraphics .circle:after { position: absolute; content: ""; height: 40%; width: 1px; left: 49.7%; bottom: -33%; }

#appGraphics .circle span { display: table-cell; vertical-align: middle; }

#circle-1 { background: #77933c; }

#circle-1:after { background: #77933c; }

#circle-2 { background: #31859c; }

#circle-2:after { background: #31859c; }

#circle-3 { background: #376092; }

#circle-3:after { background: #376092; }

#appGraphics #circle-4 { background: #953735; margin-bottom: 10%; }

#circle-4:after { background: #953735; }

#appGraphics .arrow { border: solid #d9d9d9; border-width: 0 4px 4px 0; display: inline-block; width: 10px; height: 10px; margin-top: 11%; }

#appGraphics .r-arrow { margin-right: 4.1%; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

#appGraphics .l-arrow { margin-left: 4.1%; transform: rotate(135deg); -webkit-transform: rotate(135deg); }

.rectangle { position: relative; float: left; width: 27%; padding: 1% 2%; margin: 0 2.5% 0 0; height: 130px; }

.rectangle:after { position: absolute; content: ""; height: 30%; width: 1px; left: 49.6%; bottom: -30%; }

.rectangle h4 { font: 16px slatebold; margin-bottom: 10px; }

.rectangle li { color: #7c868c; font: 14px slatereg; margin-bottom: 5px; }

.rectangle span { padding-left: 11px; }

#rect-1 { border: 1px solid #77933c; }

#rect-1:after { background: #77933c; }

#rect-1 h4 { color: #77933c; }

#rect-2 { border: 1px solid #31859c; }

#rect-2:after { background: #31859c; }

#rect-2 h4 { color: #31859c; }

#rect-3 { border: 1px solid #376092; margin-right: 0; }

#rect-3:after { background: #376092; }

#rect-3 h4 { color: #376092; }

#rect-4 { clear: left; margin-left: 3%; width: 55%; border: 1px solid #953735; height: 132px; padding-left: 3%; padding-top: 1.2%; }

#rect-4:after { left: 38.8%; background: #953735; }

#rect-4 h4 { color: #953735; }

#two-right-circles { position: relative; float: left; width: 38%; padding: 3.1% 0 3% 0; }

#two-right-circles li { float: left; }

#two-right-circles .circle span { display: table-cell; vertical-align: middle; }

.synbio-graphics #circle-5 { color: #948a54; border: 1px solid #948a54; width: 73px; height: 73px; }

#two-right-circles .r-arrow { margin: 15% 7% 0 1%; }

#two-right-circles .last-arrow { margin-left: 5%; }

.dash-btm { position: absolute; width: 19.2%; height: 40px; top: 88.6%; border-bottom: 1px solid #376092; }

#dash-l-btm { border-left: 1px solid #77933c; left: 10%; }

#dash-r-btm { border-left: 1px solid #31859c; border-right: 1px solid #376092; left: 29.3%; }

#echo-placeholder { clear: both; width: 100%; padding-top: 25px; }

#echo-placeholder img { float: left; width: 20%; margin-left: 21%; }

/*------------------ qPCR DIAGRAM---------------------*/
.qpcr-workflow h2 { padding: 0 0 0px 0; }

.qpcr-workflow #graphicsTitle h5 { width: 93%; }

#qpcr-graphics { float: left; padding: 0 0 30px 0; width: 97%; }

#qpcr-circles { float: left; width: 100%; height: 160px; }

#qpcr-graphics .circle { background: none; width: 86px; height: 86px; font-size: 14px; margin-bottom: 0; }

#qpcr-graphics .circle:after { width: 2px; left: 49.7%; height: 30px; bottom: -30px; }

#qpcr-graphics #circle-1 { border: 2px solid #632523; color: #632523; }

#qpcr-graphics #circle-1:after { height: 160px; bottom: -160px; background: #632523; }

#qpcr-graphics #circle-2 { border: 2px solid #403152; color: #403152; }

#qpcr-graphics #circle-2:after { background: #403152; }

#qpcr-graphics #circle-3 { background: #0c3c61; color: #fff; border: 2px solid #0c3c61; }

#qpcr-graphics #circle-3:after { background: #0c3c61; }

#qpcr-graphics #circle-4 { border: 2px solid #4f6228; color: #4f6228; background: none; }

#qpcr-graphics #circle-4:after { height: 160px; bottom: -160px; background: #4f6228; }

#qpcr-graphics #circle-5 { border: 2px solid #c0504d; color: #c0504d; }

#qpcr-graphics #circle-5:after { height: 160px; bottom: -160px; background: #c0504d; }

#qpcr-graphics .arrow { border: solid #999; border-width: 0 6px 6px 0; display: inline-block; width: 10px; height: 10px; margin: 6% 2.8% 0 2%; transform: rotate(-45deg) skew(20deg, 20deg); -webkit-transform: rotate(-45deg) skew(-10deg, -10deg); }

#qpcr-graphics .rectangle { float: left; width: 18%; height: auto; border: 0; padding: 0; margin: 0; }

#qpcr-graphics .rectangle:after { height: 0; width: 0; left: 48.5%; top: 40%; }

#qpcr-graphics img { float: left; width: 95%; }

#qpcr-graphics #rect-1 { padding-top: 130px; }

#qpcr-graphics #rect-2 { width: 19%; }

#rect-2 img { width: 75%; margin: 0 0 0 11%; }

#qpcr-graphics #rect-3 { width: 22%; position: relative; }

#qpcr-graphics #rect-3:after { width: 2px; height: 8%; top: 33%; background: #0c3c61; }

#rect-3 img { width: 75%; margin: 180px 0 0 12%; }

#rect-04 img { width: 60%; margin: 135px 0 0 30%; }

#rect-05 img { width: 70%; margin: 135px 0 0 29%; }

#qpcr-graphics .rectangle p { position: absolute; padding: 7%; width: 60%; left: 14%; top: -15px; border: 1px solid #0c3c61; color: #0c3c61; text-align: center; z-index: 1; background: #fff; }

#qpcr-graphics .rectangle ul { padding: 0; width: 100%; }

#qpcr-graphics .rectangle li { width: 100%; text-align: center; color: #403152; font-size: 13px; margin: 0; }

#qpcr-graphics .rectangle li:nth-child(even) { margin-bottom: 15px; }

#qpcr-graphics #rect-2 li:last-child { margin-top: 3px; }

#key-benefit { padding-top: 0; }

/*------------------------ FEATURED PUBLICATION LEFT PARAGRAPH ------------------------------*/
.content-publication { padding-bottom: 50px; }

.content-publication .pub-heading { margin-bottom: 25px; color: #7d868c; font: 15px/1.5 robotomed; }

.content-publication .pub-heading i { vertical-align: bottom; font-size: 26px; padding-right: 10px; color: #7d868c; }

.content-publication h3 { font-size: 32px; margin-bottom: 10px; font: 32px/1.2 slatelite; }

#seq-infographic { margin-bottom: 6%; }

#seq-infographic h3 { color: #7d868c; font: 20px robotolite; }

#seq-infographic h3 em { color: #4b4d52; font-family: robotomed; }

#seq-infographic h3 span { display: block; color: #0c3c61; font: 32px robotobold; }

.content-publication h4 { width: 100%; margin-bottom: 0; font: 18px slatebold; color: #000; }

#seq-infographic h4 { width: 50%; margin-bottom: 10px; }

#seq-infographic .img-right { width: 42%; padding-left: 6%; }

#synbio-infographic h3{margin-bottom:25px;}

.content-publication .date { color: #777; font-size: 18px; margin-bottom: 15px; }

.content-publication .author { margin-bottom: 3px; color: #0c3c61; font: 18px slatebold; }

.content-publication .institution { font: 14px slatelite; margin-bottom: 10px; }

#single-cell-pub .institution { font-family: slatebold; margin-top: 20px; padding-bottom: 20px; }

.content-publication h5 { margin: 25px 0 5px; font: 25px slatebold; color: #000; }

#single-cell-pub h5 { margin-top: 0; }

.pub-text { padding-bottom: 10px; }

.content-publication .blue-btn { padding: 10px 15px 12px; font-family: robotomed; color: #fff; }

.content-publication .blue-btn:hover { background: #7d868c; }

.content-pub-img { margin: 5px 0 30px 0; }

#wennerberg-podcast { padding: 0; }

.podcast-section .pub-heading i { padding-right: 7px; }

.podcast-section h3 { margin-bottom: 20px; }

.podcast-img-link { display: block; margin-bottom: 25px; }

.podcast-text { margin: 0; }

.content-publication .last-text { margin-bottom: 40px; }

.podcast-section .last-text { margin-bottom: 25px; }

.podcast-link { position: relative; font: 17px slatebold; }

.podcast-link:hover { color: #0f4a77; }

.podcast-section .blue-btn { float: left; }

.personalized-med-content .content-publication { padding-bottom: 20px; }

.shadow-bkg { position: relative; display: block; width: 94%; height: 94%; padding: 3%; -webkit-box-shadow: 1px 1px 3px 2px #ddd; -moz-box-shadow: 1px 1px 3px 2px #ddd; box-shadow: 1px 1px 3px 2px #ddd; }

.shadow-bkg:before { content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 100%; background: #000; background: -moz-linear-gradient(top, #5b5b5b 0%, #000 100%); background: -webkit-linear-gradient(top, #5b5b5b 0%, #000 100%); background: linear-gradient(to bottom, #5b5b5b 0%, #000 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b5b5b', endColorstr='#000000',GradientType=0); opacity: 0; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out; }

.shadow-bkg:hover:before { opacity: .7; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out; }

.shadow-bkg:hover .download-hover { opacity: 1; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out; }

#synbio-infographic{margin:35px 0 5% 0}
#synbio-infographic .shadow-bkg{width: 98%; height: 98%; padding: 1%;}

/*----------------------------------------------------------------------------------------------------------
------------------------------------------- MEDIA QUERIES --------------------------------------------------
-----------------------------------------------------------------------------------------------------------*/
@media all and (max-width: 1380px) { .media-section:after { background: #112332; }
  #apps-slide { padding: 0; width: 100%; }
  .app-animate { padding-left: .4%; padding-right: .4%; width: 99%; } }
@media all and (max-width: 1280px) { #dashed-border:after { width: 66.2%; bottom: -4.6%; }
  #appGraphics .circle { width: 70px; height: 70px; font-size: 12px; }
  .rectangle { width: 26.5%; margin: 0 3% 0 0; }
  #qpcr-graphics .rectangle:after { left: 51.7%; }
  .rectangle li { font-size: 13px; }
  #rect-4 { margin-left: 3%; width: 50%; }
  #rect-4:after { left: 43%; }
  #two-right-circles .last-arrow { margin-right: 3%; }
  #qpcr-circles { height: 140px; }
  #qpcr-graphics .rectangle { width: 110px; margin: 0 8px 0 0; }
  #qpcr-graphics img { width: 100%; }
  #qpcr-graphics #rect-2 { width: 100px; margin-left: 30px; }
  #qpcr-graphics #rect-2 li:nth-child(even) { margin-left: 10px; }
  #qpcr-graphics #rect-3 { margin-left: 20px; }
  #qpcr-graphics #rect-3 p { font-size: 15px; }
  #qpcr-graphics #rect-3 img { width: 80%; margin: 170px 0 0 30px; }
  #qpcr-graphics #rect-3:after { top: 30%; }
  #qpcr-graphics #rect-04 img { margin-left: 20px; }
  #qpcr-graphics #rect-05 img { margin-left: 50px; } 
 #cancer-think-tank .brochures ul{width:55%}
}
@media all and (max-width: 1265px) { #apps-slide .slick-dots li { width: 200px; }
  #apps-slide .slick-dots li button { width: 200px; }
  .img-right { margin-bottom: 10px; }
  .no-wrap { width: auto; }
  .content-pub-img { margin-bottom: 25px; }
  #dashed-border:after { width: 66.1%; bottom: -4.6%; }
  .qpcr-content { margin-bottom: 40%; }
  #sample-secondary-screening .line-break { display: inline; } }
@media all and (max-width: 1195px) { .hero-section { height: 500px; }
  .hero-section section { margin-top: 180px; }
  .app-animate section { margin-top: 130px; }
  #hero-bottom-text { bottom: 0; }
  #hero-dsrt section { margin-top: 145px; }
  #hero-gene-expression { background-image: url("../img/tablet/applications/visual-app-gene-expressionT.jpg"); }
  .bio-assays-content { margin-bottom: 90%; }
  .app-overview-col{ width: 22%; padding: 0 1.5%;height:100%}
  #graphLabel { font-size: 19px; }
  #adme-x { top: 85.4%; }
  #hts-data th { font-size: 16px; }
  #showPie p { font-size: 14px; }
  #showPie span { font-size: 28px; }
  #top-lines { top: 22.1%; width: 57%; min-width: 462px; }
  #dashed-border { width: 56%; min-width: 450px; }
  #dashed-border:after { left: 17%; bottom: -5.4%; }
  #appGraphics .circle { width: 68px; height: 68px; font-size: 12px; padding: 12px; }
  #qpcr-graphics .circle { width: 71px; height: 71px; }
  .rectangle { width: 27.5%; margin: 0 1.9% 0 0; }
  #qpcr-graphics .rectangle { width: 100px; margin: 0 8px 0 0; }
  .rectangle li { font-size: 12px; }
  #rect-4 { margin-left: 3%; width: 50%; }
  #two-right-circles .last-arrow { margin-right: 7%; }
  .qpcr-content { margin-bottom: 48%; }
  #sample-secondary-screening .secondary-validate-8x { width: 52%; padding-top: 2%; }
  #sample-secondary-screening .secondary-assay-ready { width: 28%; }
  #sample-secondary-screening .secondary-assay-ready img { width: 80%; } }
@media all and (max-width: 1120px) { .col3-app { width: 31.33%; padding: 0 1%; }
  .col3-app h4 { font-size: 27px; }
  .col3-app em { font-size: 23px; }
  #hero-adme { background-image: url("../img/tablet/applications/visual-app-adme-toxT.jpg"); }
  #hero-cell-assays { background-image: url("../img/tablet/applications/visual-app-cell-basedT.jpg"); background-position: 70% top; }
  #hero-hts { background-image: url("../img/tablet/applications/visual-app-htsT.jpg"); }
  #hero-microsampling { background-image: url("../img/tablet/applications/visual-app-microsamplingT.jpg"); }
  #hero-rnai { background-image: url("../img/tablet/applications/visual-app-rnaiT.jpg"); }
  #hero-sample-management { background-image: url("../img/tablet/applications/visual-app-sample-managementT.jpg"); }
  #hero-dsrt { background-image: url("../img/tablet/applications/visual-app-dsrtT.jpg"); }
  #hero-sequencing { background-image: url("../img/tablet/applications/visual-app-sequencingT.jpg"); }
  #hero-genotyping { background-image: url("../img/tablet/applications/visual-app-genotypingT.jpg"); }
  #hero-dsrt p { color: #ddd; }
  #adme-x { top: 84.5%; }
  #hero-bio-assays .line-break { display: block; }
  .content-pub-img { margin-top: 20px; }
  #two-right-circles .last-arrow { margin-right: 3%; margin-left: 3%; }
  #top-lines { top: 22.5%; width: 58%; min-width: 400px; }
  #dashed-border { width: 55%; }
  #appGraphics .circle { width: 65px; height: 65px; font-size: 11px; padding: 10px; }
  #appGraphics .arrow { margin-top: 9%; }
  #two-right-circles .r-arrow { margin-top: 13%; }
  .rectangle { width: 27.4%; margin: 0 2% 0 0; }
  #qpcr-graphics .rectangle:after { left: 51%; }
  .rectangle li { font-size: 13px; }
  #rect-4 { width: 53%; }
  #rect-4:after { left: 39.3%; }
  #two-right-circles .last-arrow { margin-right: 7%; }
  #qpcr-graphics .circle { width: 71px; height: 71px; font-size: 12px; }
  #qpcr-graphics .arrow { border-width: 0 4px 4px 0; margin-top: 5%; }
  #qpcr-graphics .rectangle { width: 100px; margin-right: 1px; }
  #qpcr-graphics #rect-2 { width: 100px; margin-left: 32px; }
  #qpcr-graphics #rect-2 li:nth-child(even) { margin-left: 10px; }
  #qpcr-graphics #rect-3 { margin-left: 20px; }
  #qpcr-graphics #rect-3 p { font-size: 15px; }
  #qpcr-graphics #rect-3 img { margin-top: 160px; }
  #qpcr-graphics #rect-3:after { top: 31%; }
  #qpcr-graphics #rect-3 p { font-size: 14px; }
  .qpcr-content { margin-bottom: 55%; }
  .secondary-validate-8x h5 { font-size: 17px; }
  #sample-secondary-screening .secondary-validate-8x p { font-size: 14px; } }
@media all and (max-width: 1080px) { #hero-adme .line-break { display: block; }
  #hero-bottom-text { color: #282828; }
  #two-right-circles .last-arrow { margin-right: 3%; }
  .qpcr-content { margin-bottom: 58%; } }
@media all and (max-width: 1024px) { 
  #apps-slide .slick-dots { visibility: hidden; }
  #apps-slide .slick-arrow { visibility: visible; }
  #apps-slide:after { background: #eee; opacity: .2; }
  .col3-app{width:31.73%;padding:0 .8%}
  .col3-app h4 { font-size: 27px; }
  .col3-app em { font-size: 22px; }
  .col4-app{height:660px}
  .app-overview-col{height:100%}
  #adme-webinar, .bio-assays-content, .cell-assyas-content, .microsampling-content, .rnai-content, .sequencing-content, .gene-exp-content, .qpcr-content, .microbiome-content, .synbio-content { margin-bottom: 3%; }
  #admeGraph { float: right; margin: 10px 20px 20px 35px; }
  #graphLabel { font-size: 20px; }
  #adme-x { left: 30.4%; top: 88.7%; }
  #adme-x li { margin-right: 19%; }
  #adme-characterization { float: none; }
  .hts-content { margin-bottom: 5%; }
  #hts-data th { font-size: 17px; }
  #showPie p { font-size: 15px; }
  #showPie span { font-size: 30px; }
  .quote-text { width: 99%; max-width: 950px; }
  #appGraphics { min-width: 950px; }
  #top-lines { top: 20.6%; width: 58.1%; min-width: 504px; }
  #dashed-border { width: 57%; min-width: 490px; }
  #dashed-border:after { left: 16.9%; bottom: -3.9%; }
  #appGraphics .circle { width: 80px; height: 80px; padding: 15px; font-size: 14px; }
  #qpcr-graphics .circle { width: 86px; height: 86px; font-size: 14px; }
  .rectangle li { font-size: 14px; }
  #rect-4 { width: 48%; }
  #rect-4:after { left: 43%; }
  #two-right-circles .last-arrow { margin-right: 7%; }
  #qpcr-circles { height: 160px; }
  #qpcr-graphics .arrow { border-width: 0 6px 6px 0; width: 10px; height: 10px; margin: 6% 2.8% 0 2%; }
  #qpcr-graphics .rectangle { width: 18%; padding: 0; margin: 0; }
  #qpcr-graphics .rectangle:after { left: 50.5%; }
  #qpcr-graphics img { width: 90%; }
  #qpcr-graphics #rect-1 { padding-top: 130px; }
  #qpcr-graphics #rect-2 { width: 16.5%; margin-left: 0; }
  #qpcr-graphics #rect-2 li:nth-child(even) { margin-left: 0; }
  #qpcr-graphics #rect-2 img { width: 75%; margin: 0 0 0 9%; }
  #qpcr-graphics #rect-3 { width: 22%; margin-left: 0; }
  #qpcr-graphics #rect-3:after { width: 2px; height: 8%; top: 33%; }
  #qpcr-graphics #rect-3 img { width: 75%; margin: 180px 0 0 12%; }
  #qpcr-graphics #rect-04 img { width: 60%; margin: 135px 0 0 30%; }
  #qpcr-graphics #rect-05 img { width: 70%; margin: 135px 0 0 29%; }
  #qpcr-graphics #rect-3 p { font-size: 15px; }
  #qpcr-graphics #rect-3:after { top: 30%; }
  #qpcr-graphics .rectangle li { margin: 0; }
  .adme-tox-docs .related-links { height: 473px; }
  .microsampling-docs .featured-docs { height: 830px; }
  #docs #crystall-feature .featured-nature { height: 485px; }
  .qpcr-docs #featured-videos .docs-section { height: 340px; }
  #docs .feat-app-seq { height: 530px; }
  .sequencing-docs #featured-videos .docs-section { height: 270px; }
  .sequencing-docs .seq-brochures, .sequencing-docs .related-links { height: 160px; }
  .sequencing-docs .related-links { padding-bottom: 15px; }
  .left-col .short-featured { height: 470px; }
  .short-column .genomics-rel-links { height: 167px; }
  .short-column .access-rel { height: 155px; }
  #docs .short-literature { padding-top: 20px; height: 130px; }
  .crystallography-docs .related-links { height: 508px; }
  #docs #crystall-short .short-literature { height: 498px; }
  .crystallography-docs .literature { height: 80px; }
  #docs .short-column:last-child .dsrt-literature { height: 70px; }
  .single-cell-docs #featured-videos .docs-section { height: 450px; }
  .single-cell-docs .access-rel { height: 475px; }
  .single-cell-docs .links { padding-top: 15px; padding-bottom: 10px; }
  .single-cell-docs .docs-section-wrapper:nth-child(5) .literature { height: 100%; padding-bottom: 30px; min-height: 110px; }
  #docs .gene-exp-short .short-literature { height: 160px; padding-bottom: 0; }
  .genotyping-docs .related-links { height: 140px; padding-bottom: 30px; }
  .genotyping-docs .col2-docs .docs-section, .genotyping-docs .right-col .docs-section { height: 120px; }
  .microbiome-docs .featured-docs { height: 450px; }
  .microbiome-docs #featured-videos .docs-section { height: 230px; }
  .asm-diagram-wrap { width: 100%; }
  #sample-secondary-screening .secondary-validate-8x { width: 50%; padding-top: 3%; }
  #sample-secondary-screening .secondary-assay-ready { width: 30%; }
  #sample-secondary-screening .secondary-assay-ready img { width: 73%; }
  .secondary-validate-8x h5 { font-size: 18px; }
  #sample-secondary-screening .secondary-validate-8x p { font-size: 15px; }
  #sample-primary-screening .ul-with-circles { width: 31%; } 
  .personalized-med-docs .brochures{height:140px}
  .personalized-med-docs .featured-docs{height:350px}
  #docs .genomics-symposium-2018{margin-top:0;height:180px}
  #cancer-think-tank .featured-docs{height:100px}
}
@media all and (max-width: 950px) { .col3-app h4 { font-size: 26px; }
  .col3-app em { font-size: 21px; }
  .app-overview-title a{font-size:18px;}
  #drug-disc-list p { float: left; }
  #adme-x { top: 87.6%; }
  #appGraphics { min-width: 800px; }
  #top-lines { top: 21.3%; width: 58.1%; min-width: 500px; }
  #dashed-border:after { bottom: -4.7%; }
  #appGraphics .circle { width: 70px; height: 70px; font-size: 12px; }
  .rectangle li { font-size: 13px; }
  #rect-4 { width: 52%; }
  #qpcr-circles { height: 140px; }
  #qpcr-graphics .circle { width: 76px; height: 76px; font-size: 13px; }
  #qpcr-graphics #circle-2:after { height: 20px; bottom: -20px; }
  #qpcr-graphics .rectangle { width: 150px; margin: 0 8px 0 0; }
  #qpcr-graphics #rect-1 img { margin-top: 10px; width: 85%; }
  #qpcr-graphics #rect-2 { width: 135px; margin-left: 0; }
  #qpcr-graphics #rect-2 img { margin-left: 13px; }
  #qpcr-graphics #rect-2 li:nth-child(even) { margin-left: -3px; }
  #qpcr-graphics #rect-3 { width: 170px; margin-left: 0; }
  #qpcr-graphics #rect-3 p { font-size: 15px; }
  #qpcr-graphics #rect-3 img { width: 80%; margin: 160px 0 0 20px; }
  #qpcr-graphics #rect-3:after { top: 33%; }
  #qpcr-graphics #rect-04 img { margin: 140px 0 0 40px; }
  #qpcr-graphics #rect-05 { margin-right: 0; }
  #qpcr-graphics #rect-05 img { margin: 140px 0 0 30px; }
  .adme-tox-docs .related-links { height: 611px; padding-top: 10px; }
  .microsampling-docs .featured-docs { height: 770px; }
  #docs #crystall-feature .featured-nature { height: 635px; }
  .crystallography-docs .related-links, #docs #crystall-short .short-literature { padding-top: 15px; padding-bottom: 15px; height: 282px; }
  #docs .feat-app-seq { height: 630px; }
  .sequencing-docs #featured-videos .docs-section { height: 300px; }
  .gene-exp-docs .rel-lit-links { padding-top: 20px; height: 140px; }
  .qpcr-docs #featured-videos .docs-section { height: 390px; }
  #docs .short-literature { padding-top: 25px; height: 145px; }
  #docs .dsrt-literature, #docs .short-column:last-child .dsrt-literature { height: 80px; }
  .single-cell-docs #featured-videos { clear: both; }
  .single-cell-docs #featured-videos .docs-section { height: 430px; }
  .single-cell-docs .access-rel { height: 620px; }
  .single-cell-docs .links { height: 190px; }
  .left-links { clear: both; }
  .single-cell-docs .links { padding-top: 10px; }
  #docs .gene-exp-short .short-literature { height: 155px; }
  .microbiome-docs .featured-docs { height: 570px; }
  .microbiome-docs #featured-videos .docs-section { height: 280px; }
  .left-col .short-featured { height: 450px; }
  .synbio-docs .featured-docs { height: 550px; } 
  #cancer-think-tank .featured-docs{height:180px}
}
@media all and (max-width: 910px) { .col3-app { width: 100%; padding: 0; }
  .col3-app img { width: 30%; }
  .col3-app h4 { margin-top: 20px; }
  #drug-disc-list h4 { margin-top: 0; }
  .col3-app ul { height: 100%; padding-bottom: 5%; }
  .col3-app p { padding-bottom: 5%; border-bottom: 1px solid #ddd; }
  .sample-m-col3 .col3-app p { border: 0; }
  #rnai-echo { margin-bottom: 0; }
  #microbiome-echo .p-text-left p:last-child { margin-bottom: 0; }
  .single-cell-docs .access-rel { height: 585px; }
  .adme-tox-docs .related-links { height: 597px; }
  #docs .featured-nature { height: 580px; } }
@media all and (max-width: 880px) { #adme-x { top: 86.5%; }
  #appGraphics { min-width: 850px; }
  #top-lines { top: 21.6%; width: 58.1%; min-width: 498px; }
  #appGraphics .circle { width: 65px; height: 65px; font-size: 11px; }
  #qpcr-graphics .circle { width: 72px; height: 72px; font-size: 12px; }
  #appGraphics .arrow { margin-top: 9%; }
  #two-right-circles .r-arrow { margin-top: 13%; }
  .rectangle { width: 27.4%; margin: 0 2% 0 0; }
  .rectangle li { font-size: 13px; }
  #rect-4 { width: 53%; }
  #rect-4:after { left: 39.3%; }
  #two-right-circles .last-arrow { margin-right: 7%; }
  #qpcr-graphics .arrow { border-width: 0 4px 4px 0; margin-top: 5%; }
  #qpcr-graphics #rect-1 { width: 140px; }
  #qpcr-graphics #rect-2 { width: 135px; }
  #qpcr-graphics #rect-2 img { margin-left: 13px; }
  #qpcr-graphics #rect-3 { width: 160px; }
  #qpcr-graphics #rect-3 p { font-size: 14px; }
  #qpcr-graphics #rect-3:after { top: 32%; }
  #qpcr-graphics #rect-04 img { margin: 140px 0 0 40px; }
  #qpcr-graphics #rect-05 img { margin: 140px 0 0 30px; }
  .bio-assays-pub .literature { height: 95px; }
  .microsampling-docs .featured-docs { height: 730px; }
  .microbiome-docs .featured-docs { height: 540px; }
  .genotyping-docs .access-rel { height: 145px; }
  .genotyping-docs .related-links { padding-bottom: 20px; }
  #sample-secondary-screening .line-break { display: block; } }
@media all and (max-width: 845px) { .hero-section { height: auto; }
  .hero-section section { margin-top: 20%; }
  .hero-section h1 { font-size: 47px; }
  .hero-section p:last-child { font-size: 23px; }
  .app-animate { height: 450px; }
  .app-animate section { margin-top: 110px; }
  .app-animate p { font-size: 24px; }
  .app-animate .btn { margin-top: 35px; }
  #visual-cell-assays .hero-line-break { display: block; }
  #hero-adme p:first-child { color: #4c4c4c; }
  #hero-crystallography p { color: #a4aeb4; }
  #hero-bottom-text { bottom: 6%; }
  #hero-dsrt section { margin: 20% 0 2% 0; }
  #hero-adme { background-image: url("../img/mobile/applications/visual-app-adme-toxM.jpg"); }
  #visual-cell-assays, #hero-cell-assays { background-image: url("../img/mobile/applications/visual-app-cell-basedM.jpg"); }
  #hero-hts { background-image: url("../img/mobile/applications/visual-app-htsM.jpg"); }
  #hero-microsampling { background-image: url("../img/mobile/applications/visual-app-microsamplingM.jpg"); }
  #hero-rnai { background-image: url("../img/mobile/applications/visual-app-rnaiM.jpg"); }
  #hero-sample-management { background-image: url("../img/mobile/applications/visual-app-sample-managementM.jpg"); }
  #hero-dsrt { background-image: url("../img/mobile/applications/visual-app-dsrtM.jpg"); }
  .visual-sequencing, #hero-sequencing { background-image: url("../img/mobile/applications/visual-app-sequencingM.jpg"); }
  #hero-gene-expression { background-image: url("../img/mobile/applications/visual-app-gene-expressionM.jpg"); }
  #hero-genotyping { background-image: url("../img/mobile/applications/visual-app-genotypingM.jpg"); }
  #hero-genotyping .line-break { display: inline; }
  .app-overview-hero section{margin-bottom:17%}
  .app-section .img-left{width:30%}
  .app-section .p-text-right{width:65%}
  .app-overview-col{width:45%;padding:0 2.5%;height:100%;margin-bottom:3%}
  #app-products{padding-top:3%}
  #app-products h3{margin-bottom:3%}
  #top-lines { top: 22.2%; width: 446px; min-width: 446px; }
  #dashed-border { width: 450px; min-width: 450px; }
  #dashed-border:after { bottom: -4.5%; }
  #three-left-circles { padding-left: 5%; width: 93.6%; }
  #appGraphics .circle { margin-bottom: 7.5%; }
  .rectangle { width: 27.4%; margin: 0 1.9% 0 0; height: 121px; }
  .rectangle li { font-size: 12px; }
  #appGraphics .r-arrow { margin-right: 3.5%; }
  #appGraphics .l-arrow { margin-left: 3.5%; }
  #two-right-circles { padding-bottom: 3%; }
  #rect-4 { width: 47%; height: 122px; }
  #rect-4:after { left: 38.6%; }
  #echo-placeholder img { margin-left: 18%; }
  .single-cell-docs .access-rel { height: 565px; }
  .adme-tox-docs .related-links { height: 600px; }
  .bio-assays-pub .literature { height: 120px; }
  .microsampling-docs .featured-docs { height: 710px; }
  #docs .feat-app-seq { height: 570px; }
  .sequencing-docs #featured-videos .docs-section { height: 300px; }
  .microbiome-docs .featured-docs { height: 520px; }
  .microbiome-docs #featured-videos .docs-section { height: 260px; }
  #sample-secondary-screening .line-break { display: inline; }
  .secondary-validate-8x h5 { font-size: 17px; }
  #sample-secondary-screening .secondary-validate-8x p { font-size: 14px; } }
@media all and (max-width: 800px) { #hero-acoustic-sample-mgmt section { margin: 17% 0 2% 0; }
  #hero-acoustic-sample-mgmt p:first-child { margin-top: 0; } }
@media all and (max-width: 780px) { #admeGraph { float: left; margin: 10px 0 30px 0; width: 70%; min-width: 500px; }
  #adme-x { top: 88.1%; }
  #adme-characterization { float: left; }
  #two-right-circles .last-arrow { margin-left: 2%; }
  #qpcr-graphics { width: 100%; }
  #qpcr-graphics .circle { width: 86px; height: 86px; font-size: 14px; }
  #qpcr-circles { height: 160px; }
  #qpcr-graphics .arrow { border-width: 0 6px 6px 0; width: 10px; height: 10px; margin: 6% 2.8% 0 2; }
  #qpcr-graphics .rectangle { width: 170px; padding: 0; margin: 0; }
  #qpcr-graphics .rectangle:after { left: 53%; }
  #qpcr-graphics #rect-1 { padding-top: 130px; }
  #qpcr-graphics #rect-1 img { width: 100%; }
  #qpcr-graphics #rect-2 { margin-left: 20px; }
  #qpcr-graphics #rect-2 li:nth-child(even) { margin-left: 5px; }
  #qpcr-graphics #rect-2 img { width: 87%; margin: 0 0 0 15px; }
  #qpcr-graphics #rect-3 { width: 22%; margin-left: 20px; }
  #qpcr-graphics #rect-3:after { width: 2px; height: 10%; }
  #qpcr-graphics #rect-3 img { margin: 170px 0 0 25px; }
  #qpcr-graphics #rect-04 img { margin-left: 50px; }
  #qpcr-graphics #rect-05 img { margin-left: 20px; }
  #qpcr-graphics #rect-3 p { font-size: 16px; }
  #qpcr-graphics #rect-3:after { top: 30%; }
  #qpcr-graphics .rectangle li { margin: 0; }
  #qpcr-workflow #graphics-mobile-nav { display: block; }
  #docs .featured-nature { height: 510px; }
  .adme-tox-docs .related-links { height: 531px; }
  #docs .dsrt-literature, #docs .short-column:last-child .dsrt-literature { height: 100px; }
  .single-cell-docs .access-rel { height: 535px; }
  .single-cell-docs #featured-videos .docs-section { height: 400px; }
  /*.single-cell-docs .links{height:180px}*/
  .microbiome-docs .col2-docs .docs-section { height: 460px; }
  .microbiome-docs #featured-videos .docs-section { height: 250px; } }
@media all and (max-width: 760px) { #hero-dsrt section, #hero-dsrt p { text-align: left; }
  #hts-data th { font-size: 16px; }
  #blue-pie-txt { top: 27%; }
  #orange-pie-txt { top: 56%; }
  #showPie p { font-size: 14px; }
  #showPie span { font-size: 28px; }
  #hero-personalized-med p { color: #282828; }
  #qpcr-echo-thumb { margin-bottom: 0; }
  #synbio-workflow { padding-bottom: 100px; }
  #synbio-workflow #graphics-mobile-nav { display: block; }
  #top-lines { top: 21%; left: 10.9%; width: 58.1%; min-width: 504px; }
  #dashed-border { padding: 3% .5% 3% .9%; width: 60%; min-width: 490px; }
  #three-left-circles { padding-left: 5.7%; width: 94.3%; }
  #appGraphics .circle { width: 75px; height: 75px; padding: 15px; font-size: 13px; margin-bottom: 7%; }
  #qpcr-graphics .circle { width: 86px; height: 86px; font-size: 14px; margin-bottom: 0; }
  .rectangle { width: 27%; padding: 1% 2%; margin: 0 2.5% 0 0; height: 130px; }
  .rectangle li { font-size: 14px; }
  #appGraphics .r-arrow { margin-right: 4.1%; }
  #appGraphics .l-arrow { margin-left: 4.1%; }
  #rect-4 { width: 55%; height: 132px; }
  #echo-placeholder img { margin-left: 21%; }
  .microsampling-docs .featured-docs { height: 680px; }
  #docs .feat-app-seq { height: 550px; }
  .sequencing-docs #featured-videos .docs-section { height: 290px; }
  .qpcr-docs #featured-videos .docs-section { height: 370px; }
  .microbiome-docs .col2-docs .docs-section { height: 480px; }
  #primaryDiagram, #secondaryDiagramTop, #secondaryDiagramBottom { width: 750px; }
  .asm-mobile-nav { display: block; }
  .synbio-docs .featured-docs { height: 500px; }
  #screening-heading .img-right{width:65%;padding-left:1%;margin-top:-15px;}
   }
@media all and (max-width: 700px) { #hts-data th { font-size: 14px; }
  #hts-pie-section { height: 800px; }
  #showPie { float: none; margin: 0 auto; width: 70%; min-width: 400px; }
  #hts-pie-text { position: absolute; left: 0; bottom: 0; width: 100%; }
  .microsampling-docs .featured-docs { height: 660px; }
  #docs .feat-app-seq { height: 530px; }
  #docs .featured-nature { height: 480px; }
  .adme-tox-docs .related-links { height: 502px; }
  .bio-assays-pub .literature { height: 140px; }
  .single-cell-docs #featured-videos .docs-section { height: 365px; }
  .single-cell-docs .access-rel { height: 505px; }
  .single-cell-docs .links { height: 170px; }
  #sample-primary-screening #primary-list { width: 28%; }
  #sample-primary-screening #assay-ready-list { width: 34%; } }
@media all and (max-width: 662px) { #cell-assays-costs { margin-bottom: 0; padding: 0; }
  .micro-sampling { float: left; width: 100%; }
  #compositepk-box { margin-right: 0; }
  .micro-sampling p { width: 92%; padding: 10px 4%; }
  #docs .featured-nature { height: 450px; }
  .adme-tox-docs .related-links { height: 473px; }
  .micro-sampling img { width: 100%; }
  .micro-sampling h3 { float: left; padding-top: 40px; font: 24px/1.3 slatelite; }
  .microsampling-docs .featured-docs { height: 790px; }
  .microsampling-docs .right-col .featured-docs { height: 100%; padding-bottom: 8%; }
  .rnai-pub-docs .literature { height: 95px; }
  .single-cell-docs .access-rel { height: 475px; }
  .microbiome-docs .col2-docs .docs-section { height: 530px; }
  .microbiome-docs #featured-videos .docs-section { height: 250px; }
  #sample-primary-screening .ul-with-circles li { font-size: 14px; }
  #sample-primary-screening #primary-list { width: 26%; }
  #sample-primary-screening #assay-ready-list { width: 36%; }
  #asm-echo { width: 48%; }
  .synbio-docs .featured-docs { height: 100%; } }
@media all and (max-width: 620px) { #hero-dsrt h1 { font-size: 37px; }
  .adme-tox-docs .short-column { width: 48.45%; min-width: 100px; }
  #docs .short-title h4 { margin-right: 1%; width: 87.4%; padding: 1.9% 7.9% 1.9% 3.9%; min-width: 170px; }
  #docs .featured-nature { padding-top: 20px; height: 430px; }
  .adme-tox-docs .related-links { padding: 7px 1.1% 20px 4.1%; height: 448px; }
  .bio-assays-pub .literature { height: 100%; }
  .microsampling-docs .featured-docs { height: 770px; }
  .gene-exp-docs .rel-lit-links { height: 100%; }
  .qpcr-docs #featured-videos .docs-section { height: 100%; }
  .short-column .access-rel { height: 100%; }
  .rnai-pub-docs .literature { height: 100%; }
  #docs .short-literature { height: 100%; }
  #docs #crystall-feature .featured-nature, .crystallography-docs .related-links, #docs #crystall-short .short-literature, .crystallography-docs .literature { height: 100%; }
  #docs .dsrt-literature, #docs .short-column:last-child .dsrt-literature { height: 100%; }
  .sequencing-docs .seq-brochures { height: 100%; }
  #docs .feat-app-seq, .sequencing-docs #featured-videos .docs-section { height: 100%; }
  .single-cell-docs #featured-videos .docs-section, .single-cell-docs .access-rel, #docs #smart-seq { height: 100%; }
  .single-cell-docs .links { height: 100%; padding-top: 0; padding-bottom: 15px; }
  .single-cell-docs .docs-section-wrapper:nth-child(5) .literature { min-height: 70px; padding-bottom: 20px; }
  #docs .gene-exp-short .short-literature { height: 100%; padding-bottom: 20px; }
  .genotyping-docs .access-rel { height: 100%; }
  .genotyping-docs .related-links { height: 100%; padding-top: 0; padding-bottom: 20px; }
  .genotyping-docs .right-col { width: 96%; margin-left: 0; }
  .genotyping-docs .col2-docs .docs-section { width: 95.3%; height: 100%; padding: 3% 2% 20px 2%; }
  .genotyping-docs .right-col .docs-section { width: 96%; padding: 3% 2% 20px 2%; height: 100%; }
  #docs .genotyping-col2-title h4 { width: 91.8%; padding: 1.2% 5.5% 1.2% 2%; min-width: 200px; }
  #docs .genotyping-right-col-title h4 { width: 92.5%; padding: 1.2% 5.5% 1.2% 2%; min-width: 250px; }
  .microbiome-docs .featured-docs { height: 100%; padding-bottom: 20px; }
  .microbiome-docs #featured-videos .docs-section { height: 100%; }
  .left-col .short-featured { height: 100%; margin-bottom: 0; }
  #sample-primary-screening .ul-with-circles, #sample-primary-screening #primary-list { width: 45%; margin-bottom: 4%; }
  #sample-primary-screening #assay-ready-list { width: 100%} 
  .app-section .img-left, .app-section .p-text-right{width:100%;padding:0;float:left}
  .app-section .img-left{text-align:center}
  .app-section img{width:50%;margin:0 auto;min-width:250px}
  .personalized-med-docs .brochures, .personalized-med-docs .featured-docs{height:100%}
   #cancer-think-tank .featured-docs{height:100%}
}
@media all and (max-width: 580px) { .hero-section section { margin-top: 25%; text-align: left; }
  #hero-acoustic-sample-mgmt section { margin: 28% 0 0 0; }
  #right-hero-content { float: left; width: 100%; text-align: left; }
  .app-animate section { margin-top: 130px; text-align: center; }
  #visual-cell-assays section { margin-top: 110px; }
  .hero-section h1 { font-size: 37px; }
  .hero-section p { width: 100%; }
  .hero-section p:last-child { font-size: 22px; }
  .app-animate p { font-size: 20px; }
  .app-animate .btn { width: 80px; font-size: 12px; }
  #hero-sample-management p { width: 60%; min-width: 410px; }
  #hero-bottom-text { font-size: 22px; }
  #hero-qpcr p { color: #ddd; }
  .app-overview-hero section{text-align:center}
  .app-overview-col{width:45%;padding:0 2.5%;padding-bottom:0}
  #app-products h3{font-size:30px;}
  #docs .featured-nature { height: 410px; }
  .adme-tox-docs .related-links { height: 428px; }
  .microsampling-docs .featured-docs { height: 730px; }
  .microbiome-docs .col2-docs .docs-section { height: 480px; } 
}
@media all and (max-width: 530px) { #visual-synbio .hero-line-break, .visual-single-cell .hero-line-break { display: block; }
  #visual-synbio section, .visual-single-cell section { margin-top: 110px; }
  #admeGraph { width: 100%; min-width: 330px; }
  #adme-x { top: 87.3%; }
  #showPie { min-width: 380px; }
  #docs .featured-nature { height: 380px; }
  .adme-tox-docs .related-links { height: 398px; }
  .microsampling-docs .featured-docs { height: 690px; }
  .sequencing-docs #featured-videos .docs-section { height: 330px; } }
@media all and (max-width: 515px) { .content-pub-img { float: left; width: 70%; padding-left: 0; min-width: 340px; margin-bottom: 20px; }
  #synbio-infographic .content-pub-img{width:100%}
  .content-publication .p-text-left { float: left; }
  .content-publication .img-right { padding-bottom: 0; }
  #seq-infographic { margin-bottom: 6%; }
  #seq-infographic .pub-heading { position: absolute; left: 0; top: 0; }
  #seq-infographic h3 { float: left; }
  #seq-infographic h4 { width: 100%; }
  #seq-infographic .img-right { padding: 0; margin: 12% 0 7% 0; }
  #asm-echo { width: 70%; padding: 0; min-width: 320px; margin-left: -20px; }
  #fully-acoustic-asm { float: left; padding-top: 5%; }
  #asm-echo .img-title-below-r { padding: 0 0 0 6%; float: none; text-align: left; } 
  .app-section li{width:100%;}
  #screening-heading .img-right{width:100%;padding-left:0}
}
@media all and (max-width: 460px) { .app-animate h1 { font-size: 35px; }
  .visual-single-cell section { margin-top: 100px; }
  #hero-acoustic-sample-mgmt .line-break { display: inline; }
  #adme-x { left: 32%; top: 85.5%; }
  #adme-x li { margin-right: 17%; }
  #hts-pie-section { height: 830px; }
  #showPie { min-width: 350px; }
  #showPie p { font-size: 14px; }
  #showPie span { font-size: 28px; }
  #orange-pie-txt { top: 54%; }
  #synbio-echo { margin-bottom: 0; }
  #docs .short-title h4 { margin-right: 1%; width: 89.5%; padding: 1.9% 7.3% 1.9% 2.5%; min-width: 170px; }
  #docs .featured-nature { width: 95%; padding: 15px 2.1% 15px 2.1%; height: 100%; }
  .adme-tox-docs .short-column { width: 97.3%; }
  .adme-tox-docs .related-links { width: 96%; padding: 0 1.1% 15px 2.1%; height: 100%; }
  .microsampling-docs .featured-docs { height: 650px; }
  #hero-sample-management p { width: 60%; min-width: 400px; }
  #sample-primary-screening .ul-with-circles { width: 100%; }
  #sample-primary-screening #assay-ready-list { margin-bottom: 10%; } }
@media all and (max-width: 436px) { #graphLabel { font-size: 19px; }
  #adme-x { top: 84%; }
  #adme-x li { margin-right: 16.5%; }
  #hero-crystallography p { width: 34%; min-width: 350px; }
  #hero-gene-expression .hero-line-break { display: block; }
  .microsampling-docs .featured-docs { height: 100%; }
  #docs #feat-app-seq { height: 100%; }
  .sequencing-docs #featured-videos .docs-section { height: 100%; }
  .microbiome-docs .col2-docs .docs-section { height: 100%; } }
@media all and (max-width: 425px) { .visual-sequencing section { margin-top: 110px; }
  .app-overview-col{width: 97%; padding: 0 1.5%;height:100%;margin-bottom:10%}
  .app-overview-col img{width:40%}
 #app-products{padding-top:5%;padding-bottom:0}
  #app-products h3{margin-bottom:5%}
  #hts-pie-section { height: 850px; }
  #showPie { min-width: 330px; }
  #showPie p { font-size: 13px; }
  #showPie span { font-size: 26px; }
  .personalized-med-content h2 em { display: block; }
  #hero-acoustic-sample-mgmt p { color: #ddd; } }
@media all and (max-width: 400px) { #visual-cell-assays .hero-line-break:first-child { display: inline; }
  #graphLabel { font-size: 18px; }
  #adme-x { left: 33%; top: 83%; }
  #hts-pie-section { height: 890px; }
  #hero-synbio p { min-width: 320px; }
  .content-pub-img { width: 93%; min-width: auto; }
  #seq-infographic .img-right { width: 90%; } }
@media all and (max-width: 370px) { #visual-cell-assays section, #visual-synbio section { margin-top: 30%; }
  #visual-cell-assays .btn { margin-top: 20px; }
  #hero-acoustic-sample-mgmt section { margin: 24% 0 3% 0; } }
@media all and (max-width: 355px) { #visual-cancer-cells section { margin-top: 35%; }
  #showPie { min-width: 310px; }
  #hts-pie-section { height: 920px; }
  #showPie span { font-size: 24px; }
  #hero-acoustic-sample-mgmt section { margin-bottom: 20%; }
  #hero-sample-management p { font-size: 21px; min-width: 300px; }
  #asm-echo { min-width: 100%; } }
/*//////////////////////////////////////////////////////////////////////////////////////// TABLET
////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-device-width: 320px) and (max-device-width: 1100px) { .hero-section video { display: none; }
  #hero-bio-assays { background-image: url("../img/tablet/applications/visual-app-biochemicalT.jpg"); }
  #hero-crystallography { background-image: url("../img/tablet/applications/visual-app-crystallographyT.jpg"); }
  #hero-personalized-med { background-image: url("../img/tablet/applications/visual-app-person-medT.jpg"); }
  #hero-single-cell { background-image: url("../img/tablet/applications/visual-app-single-cellT.jpg"); }
  #hero-microbiome { background-image: url("../img/tablet/applications/visual-app-microbiomeT.jpg"); }
  #hero-synbio { background-image: url("../img/tablet/applications/visual-app-synbioT.jpg"); } }
@media only screen and (min-device-width: 800px) and (max-device-width: 1024px) and (orientation: portrait) { #graphics-mobile-nav { display: none; }
  #two-right-circles .last-arrow { margin-left: 3%; } }
/*//////////////////////////////////////////////////////////////////////////////////////// MOBILE
////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-device-width: 320px) and (max-device-width: 800px) { #visual-cancer-cells { background-image: url("https://cdn.labcyte.com/img/mobile/applications/visual-app-cancer-cellsM.jpg"); }
  #hero-bio-assays { background-image: url("../img/mobile/applications/visual-app-biochemicalM.jpg"); }
  #hero-crystallography { background-image: url("../img/mobile/applications/visual-app-crystallographyM.jpg"); }
  #hero-personalized-med { background-image: url("../img/mobile/applications/visual-app-person-medM.jpg"); }
  #hero-single-cell { background-image: url("../img/mobile/applications/visual-app-single-cellM.jpg"); }
  .visual-single-cell { background-image: url("../img/mobile/applications/visual-overview-single-cellM.jpg"); }
  #hero-microbiome { background-image: url("../img/mobile/applications/visual-app-microbiomeM.jpg"); }
  #visual-synbio, #hero-synbio { background-image: url("../img/mobile/applications/visual-app-synbioM.jpg"); } }
@media only screen and (min-device-width: 320px) and (max-device-width: 800px) and (orientation: portrait) { .hero-section p:first-child { padding-top: 10%; }
  .app-animate p:first-child { padding-top: 0; }
  #visual-cell-assays section { margin-top: 30%; }
  #hero-adme .hero-line-break, #hero-bio-assays .hero-line-break { display: inline; }
  #hero-crystallography .hero-line-break { display: block; }
  #hero-adme p { color: #7d868c; }
  #hero-bio-assays p:first-child, #hero-rnai p:first-child, #hero-personalized-med p:first-child { padding-top: 5%; }
  #hero-cell-assays p:first-child, #hero-crystallography p:first-child, #hero-sample-management p:first-child, #hero-dsrt p:first-child, #hero-synbio p:first-child { padding-top: 0; }
  #hero-hts p:first-child { margin-top: 0; padding-top: 0; } }

/*# sourceMappingURL=applications.css.map */