@charset "UTF-8";
.hero-section { height: 600px; margin-top: 0; background-repeat: no-repeat; background-position: 25% bottom; }

.hero-section h1 { font: 47px gilroylite; color: #7d868c; }

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

.hero-section h1 span { font: 47px gilroybold; color: #0c3c61; }

.overview-hero-list span { font: 18px slatemed; padding: 0 5px; }

.app-animate{background: no-repeat center center; background-size: cover;image-rendering: -webkit-optimize-contrast;}

.visual-liquid-handlers-overview { background-image: url("https://cdn.labcyte.com/img/products/visual-liquid-handlers-overviewR24.jpg");}
.visual-automation-overview { background-image: url("https://cdn.labcyte.com/img/products/visual-lab-automation-overviewR19.jpg");background-position:center top}
.visual-software-overview { background-image: url("https://cdn.labcyte.com/img/products/visual-software-overviewR5.jpg");}
.visual-consumables-overview { background-image: url("https://cdn.labcyte.com/img/products/visual-consumables-overviewR.jpg"); }

#visual-655 { background-image: url("https://cdn.labcyte.com/img/products/visual-echo-655T-liquid-handler.jpg"); }

#visual-650 { background-image: url("https://cdn.labcyte.com/img/products/visual-echo-655T-liquid-handler.jpg"); }

#visual-525 { background-image: url("https://cdn.labcyte.com/img/products/visual-product-echo-525-liquid-handlerR.jpg"); }

#visual-555 { background-image: url("https://cdn.labcyte.com/img/products/visual-product-echo-555-liquid-handlerR.jpg"); }

#visual-550 { background-image: url("https://cdn.labcyte.com/img/products/visual-product-echo-550-liquid-handlerR.jpg"); }

#visual-520 { background-image: url("https://cdn.labcyte.com/img/products/visual-product-echo-520-liquid-handlerR.jpg"); }

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

.center-hero-content { float: left; text-align: center; }
.center-hero-content .btn { margin: 60px auto 0 auto; }

.app-animate section { position: relative; width: 100%; margin-top: 220px; }
.app-animate h1 { font:49px gilroysbold}
.app-animate h3{color:#7d868c;font: 25px/1.3 robotolite}
.visual-consumables-overview h3{color:#bbb}
.app-animate .left-content h1{text-align:left}
.app-animate .white-text h1{color:#fff;}
.app-animate .black-text h1{color:#282828}
.app-animate .btn { margin-top: 40px; width:100px;padding: 10px 20px}

#apps-slide .slick-dots { visibility: hidden; }
.hero-section .slick-arrow { visibility: visible; top:58%;color:#000;opacity:1}
.slick-prev:before, .slick-next:before{color:#b4b2b2}
#visual-software .slick-arrow {visibility:hidden}

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

.echo-hero section, #visual-automation section, #visual-tempo section {margin-top:200px;padding: 0 20px 0 0; width: 612px; }

#echo-inner{height:100%}
#product-review{position:absolute;right:0;bottom:25px;font:16px robotomed;margin-top:20px;color:#282828}
#visual-product #product-review{left:0;max-width:200px}
#product-review ul{float:right;border:0;margin:0;padding:0}
#visual-product #product-review ul{float:left}
#product-review li{float:left;margin:0 0 2px 0;font-size:14px}
#product-review li:last-child{margin:0}
#product-review i{font-size:12px;color:#7d868c;margin:0 3px 7px 0}
#product-review #last-star{margin-right:7px}
#product-review a{font-size:16px;line-height:17px;display:block;color:#1d3d5e;text-align:right}
#visual-product #product-review a{text-align:left;float:left}
#product-review a:hover{color:#5caf60}
#product-review em{display:block;color:#808080;font-family:robotolite;padding-left:21px;font-size:14px}
#visual-product #product-review em{padding-left:0}

.echo-65x section { margin-top: 190px; }

#visual-650 section { margin-top: 170px; }

#center-hero-content { position: relative; float: left; text-align: center; width: 100%; margin-top: 190px; }

#center-hero-content p { margin-bottom: 15px; }

#center-hero-content ul { position: relative; float: left; display: block; margin-top: 10px; left: 50%; }

#center-hero-content li { margin: 10px 0; position: relative; display: block; right: 50%; }

#broad-range h4 { margin-bottom: 20px; }

#broad-range .ul-with-circles li { margin-bottom: 10px; }

.link-box .btn { padding: 10px; color: #7d868c; border: 1px solid #acb4b8; }

.link-box .btn:hover { color: #0b3c61; border: 1px solid #0b3c61; }

.bioz-object { float: left; width: 100%; height: 75px; background-color: white; border: 1px solid #eee; }

.bioz-container { font: 14px/1.3 slatereg; background: red; }

.bioz-down-arrow { width: 100px; }

/*----------------------------------  OVERVIEW DEFAULT --------------------------------*/
.overview h4 { font: 28px slatebold; padding: 0 0 15px 0; margin: 0; }

.overview em { font: 24px slatelite; }

.overview p { float: left; margin-bottom: 0; }

.overview strong { font-family: slatebold; }

.overview div { float: left; width: 100%; }

.overview-btn { position: absolute; bottom: 0; left: 0; }

.overview .btn { margin: 0 auto; width: 40%; padding: 10px; }

.overview .btn:hover { background: #7d868c; color: #fff; }

.overview h5 { font: 24px slatebold; padding: 0 0 15px 0; margin: 0; color: #282828; }

.overview ul { position: relative; float: left; width: 100%; background: #fff; border-bottom: 3px solid #e8e9ea; }

.overview li { font: 16px slatebold; margin-bottom: 10px; }

.overview li:last-child { margin: 0; }

/*------------------------------------- LIQUID HANDLERS -------------------------------*/
/* -- show this when content goes below hero image --*/
#visual-product section:before, .echo-65x section:before, .echo-hero section:before, #visual-access-drs section:before { display: none; content: ''; position: absolute; width: 108%; top: 0; left: -3.2%; height: 9px; background: #ededed; opacity: 0.4; filter: alpha(opacity=40); z-index: 400; }

#visual-product { background-image: url("https://cdn.labcyte.com/img/products/visual-product-overview-555R.jpg"); background-position: 70% bottom; background-size: 700px; }

.echo-65x { background-position: 70% bottom; background-size: 600px; }

#visual-product section { margin-top: 260px; }

#visual-product li { margin-bottom: 5px; }

#liquid-handlers { background: linear-gradient(to bottom, #fff 30%, #e8e9ea 70%); }

.overview-section .left-paragraph { width: 100%; text-align: center; }

.overview-section h2 { width: 100%; padding-bottom: 10px; border-bottom: 2px solid #f5f5f5; margin-bottom: 0; }

#product-list { position: relative; margin-bottom: 35px; }

#handlers-subheading { position: absolute; left: 0; top: 860px; width: 100%; text-align: center; }

#handlers-subheading h3 { font: 32px robotolite; }

.col4-product { position: relative; float: left; width: 22%; padding: 0 1.5%; text-align: center; }

.col4-product h4 { color: #282828; }

.col4-product h4 .fa-registered { font-size: 11px; }

.col4-product em { display: block; color: #58595b; }

.product-thmb { position: relative; margin-bottom: 180px; height: 790px; }

.product-thmb img { width: 90%; }

.product-thmb p { margin-top: 20px; }

.apps-compare ul { padding: 7% 0; border-bottom: 3px solid #e8e9ea; height: 170px; }

.check-wrap { position: relative; float: left; height: 100%; margin-bottom: 60px; }

.check-wrap:before, .check-wrap:after { display: none; content: ''; position: absolute; top: 0; height: 100%; }

.col4-product .check-wrap:before, .col4-product .check-wrap:after { width: 12.7%; background: linear-gradient(to bottom, #fff 10%, #e8e9ea 90%); }

.col4-product .check-wrap:before { left: -12.7%; }

.col4-product .check-wrap:after { right: -12.7%; }

.check-compare { background: #fff; }

.check-compare p { color: #0c3c61; width: 100%; padding: 10px 0 8px 0; font: 14px robotomed; text-transform: uppercase; }

.check-compare ul { height: 20px; padding: 0px 0 40px 0; }

.check-compare span { font-size: 14px; }

.overview .fa-check-circle { font-size: 30px; color: #0c3c61; }

#last-handlers { height: 100px; background: #f6f7f7; }

/*------------------------------ ECHO 55X PAGES ----------------------------------*/
.echo-hero { background-size: 620px; }

/*--------------------------------- Product Table Specs -----------------------------------*/
#overview-spec { position: relative; float: left; width: 100%; padding-bottom: 20px; }

#overview-spec button { display: none; position: absolute; top: 16px; right: 0; color: #0b3b60; }

#overview-spec .fa-table, #overview-spec .fa-file-text-o { font-size: 24px; margin: 0 10px 0 2px; padding-bottom: 3px; color: #7d8681; vertical-align: middle; }

#overview-spec .fa-file-text-o { vertical-align: bottom; }

#overview-spec .fa-registered, #overview-spec .fa-trademark { font-size: 8px; }

#overview-spec .fa-times-circle { font-size: 24px; }

#product_spec { display: none; float: left; padding-bottom: 20px; }

#overview-btn { display: block; float: left; position: relative; padding: 5px 0; font: 15px robotomed; line-height: 1.8; }

#echo-55x-table td:first-child { font-family: slatebold; color: #282828; }

#echo-55x-table td:first-child { border-left: 0; }

#echo-55x-table col:first-child { width: 35%; }

#echo-55x-table col:last-child { width: 65%; }

/*-----------------------------------ECHO 655----------------------------------------*/
.echo-65x em { display: block; }

.echo-655-thmb .img-right { padding-bottom: 0; }

.echo-655-thmb .p-text-left { margin-top: 20px; }

.echo65x-content #key-benefit h3 { border-bottom: 0; }

#echo-655T-tube { margin: 0; }

#echo-655T-tube p { margin-bottom: 20px; }

.echo-650-range { margin-bottom: 10%; }

/*-----------------------------------ECHO 525----------------------------------------*/
#echo-525-reservoir .img-right { width: 45%; padding-left: 2%; }

.product-arrows h4 { margin-bottom: 25px; padding-bottom: 3px; border-bottom: 2px solid #f7f7f7; }

.product-arrows .ul-with-arrows li { font: 16px/1.3 slatemed; margin-bottom: 10px; color: #000; }

.product-arrows .ul-with-arrows li:before { top: .9em; }

.column4-table col:first-child { width: 40%; }

.column4-table col:nth-child(2) { width: 20%; }

.column4-table col:nth-child(3) { width: 20%; }

.column4-table col:last-child { width: 20%; }

.echo-520-content { margin-bottom: 69%; }

#echo-520-placeholder { position: relative; margin-top: 35px; }

#echo-520-placeholder img { width: 100%; }

#echo-520-placeholder p { position: absolute; left: 30px; top: 25px; color: #fff; font: 18px slatemed; }

#echo-520-placeholder i { color: #fff; font-family: slatereg; }

#graph-overflow { overflow: hidden; }

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

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

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

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

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

/*--- 525 GRAPH ---*/
#linesGraph { position: relative; float: left; width: 100%; padding-bottom: 25px; overflow: hidden; }

#linesGraph canvas { width: 100%; }

#echo525-four-graphs table { margin-top: 40px; }

/*--------------------------------ECHO 550----------------------------------------------*/
.echo-550-range .link-box { float: left; margin: 10px 0 20px 0; }

.echo-550-range .link-box:last-child { margin-bottom: 0; }

#barGraph { position: relative; float: right; padding: 25px 0 10px 0; text-align: center; width: 100%; overflow: hidden; }

#barGraph canvas { width: 100%; }

#barGraph img { width: 100%; }

#barGraph p { color: #000; margin: 10px 0; font: 18px slatebold; }

#barGraph ul { width: 39%; margin-left: 35%; }

#barGraph li { float: left; padding-right: 10%; }

#barGraph li:nth-child(1) span { color: #367cb0; }

#barGraph li:nth-child(2) span { color: #52b4db; }

.small-table col:first-child { width: 30%; }

.small-table col:last-child { width: 15%; }

.small-table th { padding-bottom: 2px; }

/*-------------------------------------Pie Chart----------------------------------------*/
#pie-box { padding-bottom: 0; margin-bottom: 0; }

/*-------Echo 555 Pie Chart---------*/
#showPie { position: relative; float: left; width: 50%; }

#showPie canvas { width: 100%; margin-left: -15px; }

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

#showPie p { color: #fff; font-family: robotolite; font-size: 13px; margin: 0; }

#blue-pie-txt { left: 53%; top: 100px; }

#orange-pie-txt { top: 180px; left: 10%; }

#showPie span { font-size: 28px; 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; }

#bibliography { float: right; padding-top: 60px; width: 50%; }

#bibliography p.foot-note { font-size: 12px; line-height: 1.3; }

#bibliography p.study-notes { margin-top: 30px; line-height: 1.5; font-size: 17px; font-family: slatereg; }

.graphs-550 { margin-bottom: 8%; }

/*----------Echo 55X small graphs------------*/
#smallGraphs { position: relative; width: 100%; height: 240px; margin-top: 25px; padding-top: 20px; }

.small-graph-wrap { position: relative; float: left; width: 46%; }

#left-graph-wrap { margin-right: 8%; }

.small-graph { float: left; width: 100%; overflow: hidden; }

.small-graph-x { display: none; position: absolute; left: 115px; top: 208px; color: #000; font-family: robotoreg; width: 360px; }

.small-graph-x li { float: left; margin-right: 14.5%; font-size: 12px; }

.nadph { display: none; position: absolute; left: 300px; top: 2%; color: #000; width: 100%; z-index: 500; }

#left-graph .nadph { left: 350px; }

.nadph li { display: block; }

.nadph li:nth-child(1) { color: #8cc055; font-size: 8px; padding-left: 1px; }

.nadph li:nth-child(2) { color: #4359a0; font-size: 10px; }

#smallGraphs .fa-circle-o { font-weight: 900; }

.nadph li span { color: #000; font-size: 14px; }

.nadph li:nth-child(1) span { padding-left: 3px; }

.echo-555-graph-legend { left: 80%; }

#left-graph .echo-555-graph-legend { left: 90%; }

.echo-555-graph-legend span { padding-left: 5px; }

.echo-555-graph-legend li:nth-child(1) span { padding-left: 6px; }

.echo-555-graph-legend li:nth-child(1) { padding-left: 0; }

.echo-555-graph-legend small { font-size: 13px; }

.echo-555-graph-legend i { line-height: 1.6; }

.echo-555-graph-legend li { position: relative; }

.echo-555-graph-legend li:before { content: ""; width: 15px; height: 2px; position: absolute; left: -4px; top: 8px; }

.echo-555-graph-legend li:nth-child(1):before { background: #67bcde; }

.echo-555-graph-legend li:nth-child(1) { color: #67bcde; }

.echo-555-graph-legend li:nth-child(2):before { background: #367cb0; top: 9px; }

.echo-555-graph-legend li:nth-child(2) { color: #367cb0; }

.echo-555-graph-legend li:nth-child(3):before { background: #8cc055; }

.echo-555-graph-legend li:nth-child(3) { color: #8cc055; }

#smallGraphs .figure, .graphs-echo .figure { margin: 40px 0 15px 0; width: 100%; font-size: 12px; line-height: 1.3; }

/*--------------------------------- AUTOMATION OVERVIEW ---------------------------------*/
#visual-automation { background-image: url("https://cdn.labcyte.com/img/products/visual-product-automationR.jpg"); background-position: 0 center; background-size: 1380px; }

#visual-automation section { margin-top: 210px; width: 530px; }

#automation-overview { background: linear-gradient(to bottom, #fff 40%, #e8e9ea 60%); }

.col2-product { position: relative; float: left; width: 47%; padding: 0 1.5%; text-align: center; }

.automation-thmb { position: relative; margin-bottom: 50px; height: 560px; }

.automation-thmb img { width: 100%; }

.automation-thmb p { margin-top: 20px; }

.col2-product h4 { color: #0c3c61; }

.col2-product em { color: #7d868c; }

.col2-product .btn { width: 20%; min-width: 100px; }

.col2-product .check-wrap:before, .col2-product .check-wrap:after { width: 4.85%; background: linear-gradient(to bottom, #fff 5%, #e8e9ea 95%); }

.col2-product .check-wrap:before { left: -4.85%; }

.col2-product .check-wrap:after { right: -4.85%; }

.col3-product { position: relative; float: left; width: 29.33%; padding: 0 2%; text-align: center; }

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

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

.col3-product ul { height: 200px; }

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

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

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

.col5-product { position: relative; float: left; width: 19%; margin-right: 1.25%; text-align: center; }

.col5-product-outer { margin-right: 0; }

.col5-thmb { float: left; }

.col5-thmb img { margin: 0 auto; }

.col-box { padding-top: 20px; padding-bottom: 20px; background: linear-gradient(to top, #f7f7f7 5%, #fefefe 95%); }

/*------------------- Echo for Regulatory Environments --------------------------*/
#visual-regulatory-env { background-image: url("https://cdn.labcyte.com/img/products/visual-product-echo-555-liquid-handlerR.jpg"); }

#visual-regulatory-env h1 { margin-top: 50px; }

#reg-env-heading { padding-top: 10px; }

#reg-env-heading h2 { padding-bottom: 10px; border-bottom: 2px solid #f5f5f5; }

#dilution-comparison { margin-bottom: 5%; }

.dilution-col { float: left; width: 49%; }

#traditional-dilution { margin-right: 2%; }

#traditional-dilution li:before { border-color: #ea4320; }

#echo-dilution li:before { border-color: #0c2d4e; }

.dilution-col p { width: 95%; padding: 10px 2.5%; color: #fff; font: 24px slatelite; margin-bottom: 15px; }

#traditional-dilution p { background: #ea4320; }

#echo-dilution p { background: #0c2d4e; }

.dilution-col ul { margin-bottom: 25px; width: 97%; padding-left: 3%; }

.dilution-col li { font: 18px/1.3 slatelite; margin-bottom: 5px; color: #000; }

.dilution-col li:before { top: 15px; }

.dilution-col img { width: 100%; }

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

#echo-flow-lists { margin: 20px 0 40px 0; background: #f1f0f1; }

#echo-flow-lists .left-paragraph { margin: 0; padding: 0; }

#echo-flow-lists .col5-product { background: #fff; height: 630px; }

#echo-flow-lists .col5-thmb { padding-top: 40px; }

#echo-flow-lists .col5-thmb img { width: 40%; }

#echo-flow-lists h3 { font: 22px gilroysbold; margin-top: 35px; padding-bottom: 10px; color: #0d3b5e; }

#echo-flow-lists h3 em { display: block; color: #8e979d; font-family: gilroylite; }

#echo-flow-lists ul { float: left; width: 100%; }

#echo-flow-lists li { position: relative; text-align: center; font: 16px slatemed; width: 90%; padding: 10px 5%; margin-bottom: 3px; color: #282828; }

#reg-env-echos { padding-top: 25px; margin-bottom: 45px; background: linear-gradient(to bottom, #fff 55%, #eee 45%); }

#reg-env-echos h3 { text-align: center; font: 34px/1.3 robotolite; margin-bottom: 45px; }

#reg-env-echos h3 sup { font-size: 18px; }

#reg-env-echos h4 { margin-bottom: 0px; padding-bottom: 0; }

#reg-env-echos .product-thmb { margin-bottom: 20px; height: auto; }

#reg-env-echos ul { height: 20px; border-bottom: 3px solid #f7f7f7; }

#reg-env-software { margin-bottom: 3%; }

#reg-env-software h3 { margin-bottom: 40px; }

#reg-env-software h4 { font: 28px slatebold; padding: 0 0 15px 0; margin: 0; }

#reg-env-software em { font: 24px slatelite; }

#reg-env-software h4 { color: #282828; }

#reg-env-software h5 { font: 22px robotolite; margin-bottom: 15px; }

#reg-env-software .img-left { width: 14%; }

#reg-env-software .p-text-right { width: 84%; padding: 0; }

#reg-env-software .col4-product { width: 24.43%; margin-right: .75%; height: 460px; padding: 0 0 30px 0; }

#reg-env-software .col4-product:last-child { margin-right: 0; }

#reg-env-software .product-thmb { margin: 0; height: auto; width: 92%; padding: 0 4%; }

#reg-env-software img { width: 80%; }

#reg-env-software h6 { font: 16px slatebold; color: #282828; margin-top: 20px; }

/*------------------------------------ ACCESS DRS --------------------------------------------*/
#visual-access-drs { height: 650px; background-image: url("https://cdn.labcyte.com/img/products/visual-access-drsR.jpg"); background-size: 870px; background-position-x: 31%; }

#visual-access-drs section { margin-top: 175px; }

#visual-access-drs em { display: block; }

.access-drs-benefits { margin-top: 20px; }

.regular-text { font-family: robotolite; }

#access-drs-tube { margin-bottom: 20px; }

#access-drs-tube h3 sup { vertical-align: top; font-size: 12px; }

#access-drs-tube .col3-product { width: 30.33%; padding: 0 1.5%; text-align: left; height: auto; }

#access-drs-columns { width: 103%; }

#access-drs-tube #access-drs-col-one { padding-left: 0; width: 29.33%; }

#access-drs-tube .col3-product:last-child { width: 31.33%; }

#access-drs-tube h4 { font: 18px slatebold; padding-bottom: 5px; margin: 0; }

#access-drs-tube h4 em { display: block; font: 17px slatereg; }

#access-drs-tube ul { margin: 0; height: auto; }

#access-drs-tube li { color: #282828; margin: 0 0 10px 0; line-height: 1.4; }

#access-drs-tube .data_table { margin: 0; }

#access-drs-tube .data_table col:first-child { width: 65%; }

#access-drs-tube .data_table col:last-child { width: 35%; }

#access-drs-tube .data_table td { padding: 6px 10px 7px 10px; }

#access-drs-tube .col3-product:last-child p { color: #7d868c; line-height: 1.1; margin: 0; padding-top: 10px; }

#access-drs-col2 #modular-left { width: 41%; padding-left: 0; }

.access-drs-col-wrap { float: left; width: 105%; margin-bottom: 30px; }

#access-drs-col2 #modular-right { width: 54.5%; }

#access-drs-col2 #devices-left { width: 43%; padding-left: 0; }

#access-drs-col2 #devices-right { width: 50.5%; padding-left: 3%; }

#access-preserve-quality .p-text-left { margin-top: 40px; }

#access-drs-tempo h3 sup { vertical-align: top; font-size: 12px; padding-top: 3px; }

#access-drs-tempo ul { float: left; width: 40%; }

#access-drs-tempo ul:last-child { float: right; width: 55%; }

#access-drs-tempo li { margin-bottom: 10px; }

#access-dsr-mosaic { margin-bottom: 10%; width: 93%; }

#access-dsr-mosaic .img-right { width: 63%; padding-left: 3%; margin-top: -40px; }

#access-dsr-mosaic li { position: relative; margin-bottom: 20px; text-indent: 10px; }

#access-dsr-mosaic li:before { display: none; }

#access-dsr-mosaic li span { position: absolute; left: 0; top: 0; padding-top: 1px; background: #f7941e; width: 17px; height: 16px; font: 13px slatelite; text-indent: 0; text-align: center; color: #fff; border-radius: 50%; z-index: 10; }

/*------------------------------------ ACCESS WORKSTATION ------------------------------------*/
#visual-access h1, #visual-access h1 span, #visual-access h1 em, #visual-access p { color: #fff; }

.access-content { margin-bottom: 110%; }

.access-content #content-heading { margin-bottom: 20px; }

#access-configure { text-align: center; }

#access-configure h3 { padding-top: 15px; margin-bottom: 30px; border-top: 2px solid #eee; }

#access-configure .fa-cogs { margin-right: 12px; color: #0b3c61; }

#access-configure .instructions { font: 20px/1.3 slatemed; }

#config-tabs { float: left; margin-bottom: 30px; }

#config-tabs li { float: left; padding: 10px 0; width: 49.2%; border: 1px solid #bbb; color: #7d868c; margin-bottom: 10px; font: 16px/1.3 slatemed; text-align: center; cursor: pointer; }

#config-tabs li:nth-child(even) { float: right; }

#config-tabs li:hover { border: 1px solid #112332; color: #112332; }

#config-tabs .current { border: 1px solid #112332; color: #112332; }

#config-tabs i { margin-right: 5px; }

#access-configure h4 { width: 96%; padding: 10px 2% 14px 2%; background: #112332; text-align: center; color: #fff; margin-bottom: 30px; }

#access-diagram-wrap { position: relative; float: left; width: 100%; }

.access-diagram { display: none; position: absolute; left: 0; top: 0; width: 100%; overflow: hidden; }

.access-diagram:nth-child(1) { display: block; }

.diagram-desc { position: relative; padding-bottom: 20px; }

.access-diagram b { font-family: slatemed; }

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

.anim-mobile-nav { width: 100%; position: absolute; bottom: 0; left: 0; z-index: 1; }

.anim-mobile-nav li { font-size: 30px; cursor: pointer; }

.anim-mobile-nav li:first-child { float: left; }

.anim-mobile-nav li:last-child { float: right; }

.docs-config-options p { font: 16px slatemed; color: #58595b; }

.config-diagram { padding-top: 20px; }

.docs-config-options .device-options { font-family: slatebold; }

.docs-config-options .config-title { color: #112332; font-family: slatebold; }

.docs-config-options ul { width: 100%; }

#docs .docs-config-options li { padding-top: 0; font-family: slatemed; color: #7d868c; }

.docs-config-options ul a { color: #282828; }

#visual-access { background-image: url("https://cdn.labcyte.com/img/products/visual-access-workstationR.jpg"); background-position: 0 top; background-size: cover; }

#visual-access section { margin-top: 250px; }

/*---------------------------------  TEMPO AUTOMATION -----------------------------------------*/
#visual-tempo { background-image: url("https://cdn.labcyte.com/img/products/visual-tempoR.jpg"); background-size: 650px; }

#visual-tempo section { margin-top: 220px; width: 670px; }

#visual-tempo em { display: block; }

.tempo-benefits { margin: 0; padding: 10px 0 100px 0; }

.tempo-benefits p { margin-bottom: 15px; }

/*---------------------------------- SOFTWARE OVERVIEW ----------------------------------------*/
.software-hero { background-position: 35% bottom; background-size: 680px; }

.software-hero section { margin-top: 220px; padding: 0 10px 0 0; width: 450px; }

.software-hero .btn { float: left; margin-top: 20px; width: 100px; padding: 10px; border: 1px solid #0c3c61; }

.software-hero .btn:hover { border: 1px solid #7d868c; }

#visual-software { background: #000; }

#visual-software section { width: 50%; }

#visual-software #left-hero-content { margin-top: 210px; }

#visual-software #right-hero-content { margin-top: 80px; height: 100%; overflow: hidden; }

#visual-software .btn { float: left; margin-top: 20px; width: 100px; padding: 10px; border: 1px solid #e7e7e7; color: #e7e7e7; }

#visual-software .btn:hover { border: 1px solid #fff; color: #fff; }

#visual-software picture { display: inline-block; overflow: hidden; }

#visual-software img { margin-top: 20px; width: 85%; float: right; }

#visual-software h1, #visual-software p, #visual-software li { color: #fff; }

#visual-software h1 span { color: #c3d500; }

#visual-software em { display: block; }

.software-section { position: relative; float: left; width: 100%; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 2px solid #eee; }

.software-section:last-child { border: 0; }

.software-desc { float: left; width: 52%; }

.software-desc h3 { margin: 0; }

.software-desc h3 sup { font-size: 14px; }

.software-desc h4 { padding-top: 0; margin-bottom: 15px; font: 22px/1.3 slatelite; color: #7c868c; }

.software-desc p { margin-top: 10px; }

.software-desc .btn { width: 100px; padding: 10px; }

.software-thmb { float: right; width: 43%; }

.software-col .ul-with-arrows li:before { top: .9em; }

.software-col .img-right { width: 58%; margin-top: 15px; }

.software-col h4 { float: none; margin: 40px 0 15px 0; width: 50%; color: #0c3c61; font: 24px/1.3 slatemed; }

/*---------------------------------- ARRAY MAKER -----------------------------------------*/
.array-content { margin-bottom: 10%; }

#hero-array-maker { background-image: url("https://cdn.labcyte.com/img/products/visual-echo-array-makerR.png"); }

.dose-content { margin-bottom: 23%; }

.plate-content { margin-bottom: 4%; }

/*---------------------------------- CHERRY PICK -----------------------------------------*/
#hero-cherry-pick { background-image: url("https://cdn.labcyte.com/img/products/visual-echo-cherry-pickR.png"); }

#cherry-pick-heading h2 { margin-top: 10px; }

.software-col .ul-with-arrows li { font: 16px/1.3 slatemed; margin-bottom: 10px; color: #000; }

#cherry-pick-screen { margin-bottom: 10%; }

#cherry-pick-screen .img-right { width: 40%; }

/*---------------------------------- COMBINATION SCREEN -----------------------------------------*/
#hero-combination { background-image: url("https://cdn.labcyte.com/img/products/visual-echo-combination-screenR.png"); }

#hero-combination section { margin-top: 150px; }

#combination-screen { margin-bottom: 0; padding-bottom: 0; }

#combination-screen .p-text-left { padding: 0; }

.combination-content #key-benefit { margin-bottom: 8%; }

#combination-screen .img-right { margin: 5px 0 20px 0; }

/*---------------------------------- DOSE RESPONSE -----------------------------------------*/
#hero-dose-response { background-image: url("https://cdn.labcyte.com/img/products/visual-echo-dose-responseR.png"); }

#hero-dose-response section { margin-top: 190px; }

#hero-dose-response em { display: block; }

.dose-response-screen .img-right { width: 50%; }

/*---------------------------------- COMPLIANCE MANAGER -----------------------------------------*/
#hero-compliance-manager { background-image: url("https://cdn.labcyte.com/img/products/visual-echo-compliance-managerR.png"); }

#hero-compliance-manager section { margin-top: 150px; }

.coming-soon { margin-bottom: 30px; padding: 0 20px 8px 20px; background: #0a385c; /* Old browsers */ background: -moz-linear-gradient(left, #0a385c 0%, #ffffff 100%); background: -webkit-linear-gradient(left, #0a385c 0%, #ffffff 100%); background: linear-gradient(to right, #0a385c 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a385c', endColorstr='#ffffff',GradientType=1); }

.coming-soon p { margin: 0; color: #fff; font: 40px robotomed; }

.compliance-content #key-benefit { margin-bottom: 10%; }

/* //////------- COMPLIANCE DIAGRAM -------////// */
#compliance-nav { position: absolute; left: 0; top: 0; width: 100%; z-index: 30; }

#compliance-diagram-wrap { position: relative; margin-bottom: 8%; }

#compliance-diagram { position: relative; }

#compliance-left { float: left; width: 11%; text-align: center; }

#compliance-left img { width: 65%; }

#compliance-left p { color: #fff; font: 14px/1 slatereg; }

#compliance-left sup { font-size: 7px; }

#client { height: 300px; background: #101827; margin-bottom: 2px; }

#client img { margin: 100px 0 10px 0; }

#server { height: 270px; background: #032f4f; }

#server img { margin: 70px 0 10px 0; }

#compliance-right { float: right; width: 89%; }

#compliance-21crf11 { position: relative; float: left; width: 100%; height: 300px; border-bottom: 2px dashed #7b878d; }

#compliance-right p { font-family: slatebold; color: #232c3b; margin: 0; line-height: 1; }

#compliance-right em { display: block; color: #7b878d; font: 12px slatereg; margin-top: 2px; }

#compliance-right .fa-desktop { font-size: 55px; color: #231f1f; padding-right: 5px; }

#compliance-response { position: relative; float: left; width: 33%; height: 100%; }

#compliance-response:before { content: ''; width: 69.8%; height: 1px; background: #231f1f; position: absolute; top: 190px; right: 0; }

.div-one-v-arrow:after { content: '↓'; font-size: 16px; color: #231f1f; position: absolute; top: 187px; }

#compliance-response:after { left: 28.8%; }

#compliance-response p { font-size: 14px; }

#compliance-response sup { font-size: 6px; }

#compliance-desktop-echo { position: relative; float: left; width: 15%; height: 100%; min-width: 75px; }

#compliance-desktop-echo:before { content: ''; width: 100%; height: 1px; background: #231f1f; position: absolute; top: 190px; right: 0; }

#desktop-icon { float: right; width: 100%; }

#desktop-icon p { float: right; }

#computer-icon { position: relative; float: right; background: #231f1f; width: 25px; height: 50px; border-radius: 4px; margin: 0 5px 0 0; }

#computer-icon:after { content: ''; position: absolute; width: 4px; height: 4px; left: 42%; bottom: 25%; background: #fff; border-radius: 50%; }

#computer-icon li { width: 87%; height: 3px; margin: 3px 0 0 6%; background: #fff; border-radius: 2px; }

.v-arrows { height: 30px; width: 4px; }

.v-arrows small { float: left; color: #232c3b; font-size: 16px; }

.v-arrows small:last-child { margin-top: -8px; }

.two-v-arrows { clear: right; float: right; }

#desktop-icon .v-arrows { margin: 5px 49px 10px 0; }

.software-icon-box { position: relative; text-align: center; border: 1px solid #a3abb0; border-radius: 4px; }

.software-icon-box:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; background: #232c3b; border-top-left-radius: 3px; border-top-right-radius: 3px; }

.software-icon-box ul { position: absolute; left: 2px; }

.software-icon-box li { float: left; background: #fff; margin-left: 3px; border-radius: 50%; }

.software-icon { display: inline-block; margin-right: 5px; width: 20px; height: 22px; vertical-align: bottom; }

.software-icon-box p { color: #0b3a5f; width: 99.8%; padding: 10px 0 0 0; border-top: 2px solid #a3abb0; }

#compliance-icon-box { float: right; width: 85px; height: 65px; margin: 0 5px 0 0; }

#compliance-icon-box:before { height: 15px; }

#compliance-icon-box p { margin: 15px .1% 0 .1%; font-size: 16px; }

#compliance-icon-box span { background: url("https://cdn.labcyte.com/img/products/compliance-icon.jpg") no-repeat left top; background-size: 100%; }

#compliance-icon-box ul { top: 5px; }

#compliance-icon-box li { width: 5px; height: 5px; }

.software-icon-box sup { font-size: 6px; }

.small-compliance-box { width: 70px; height: 55px; }

.small-compliance-box:before { height: 13px; }

.small-compliance-box p { font-size: 14px; line-height: 1.3; }

.small-compliance-box .software-icon { width: 25px; margin-right: 2px; }

.small-compliance-box ul { top: 4px; }

.small-compliance-box li { width: 4px; height: 4px; }

#dose-response-box { float: left; margin: 210px 0 0 16%; }

#dose-response-box p { margin: 13px .1%; padding: 6px 0 0 0; line-height: 1.3; }

#dose-response-box span { background: url("https://cdn.labcyte.com/img/products/dose-response-icon.jpg") no-repeat left top; background-size: 100%; }

#compliance-response p:nth-child(2) { font-size: 13px; }

.compliance-text-title { position: absolute; bottom: 45px; }

#compliance-response-title { left: 50%; width: 60%; }

#compliance-reformat-title { left: 96%; width: 120px; font-size: 13px; }

#combination-title { left: 59.8%; width: 150px; font-size: 13px; }

#reformat-arrows { margin: 8px 49px 5px 0; }

.compliance-text-title sup { font-size: 6px; }

#reformat-box { clear: right; float: right; margin: 0 13px 0 0; }

#reformat-box p { margin: 13px .1%; padding: 6px 0 0 0; }

#reformat-box span { background: url("https://cdn.labcyte.com/img/products/reformat-icon.jpg") no-repeat left top; background-size: 100%; }

#combination-box p { margin: 13px .1%; padding: 6px 0 0 0; }

#echo-21cfr11-sql { position: relative; float: left; width: 52%; height: 100%; }

#echo-21cfr11-sql:before { content: ''; width: 48%; height: 1px; background: #231f1f; position: absolute; top: 190px; left: 0; }

#echo-21cfr11-sql:after { left: 47%; }

#echo-21cfr11-text { margin-top: 105px; width: 99%; padding-left: 1%; }

#echo-21cfr11-text p { float: left; font-size: 14px; }

#echo-21cfr11-text p:first-child { padding-top: 10px; width: 65.5%; }

#echo-21cfr11-text sup { font-size: 7px; }

#h-arrow { float: left; width: 9%; margin: 7px 1% 0 1%; }

#h-arrow small { float: left; font-size: 17px; color: #232c3b; }

#h-arrow small:last-child { margin-left: -6px; }

#compliance-sql { float: left; width: 11.5%; margin-left: 2.5%; height: 80px; }

#compliance-sql li { position: relative; width: 100%; height: 6px; margin-bottom: 2px; background: #394356; color: #fff; line-height: .6; }

#compliance-sql li:after { content: ''; position: absolute; right: 4px; top: 2px; width: 2px; height: 2px; background: #fff; border-radius: 50%; }

#compliance-sql li:first-child { background: #242c3b; border-top-left-radius: 2px; border-top-right-radius: 2px; }

#compliance-sql li:last-child { background: #242c3b; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }

#echo-21cfr11-text p:last-child { width: 6%; margin: 8px 0 0 3%; }

#combination-box { margin: 211px 0 0 38%; }

#combination-box span { background: url("https://cdn.labcyte.com/img/products/combination-icon.jpg") no-repeat left top; background-size: 100%; }

.bottom-arrows { float: left; width: 100%; height: 10px; }

.bottom-arrows:before { content: '↑'; font-size: 16px; color: #231f1f; position: absolute; bottom: 12px; display: none; }

.bottom-arrows:after { content: ''; height: 1px; background: #231f1f; position: absolute; bottom: 13px; }

#response-bottom-arrow:before { display: block; left: 28.8%; }

#response-bottom-arrow:after { width: 69.8%; right: 0; }

#reformat-bottom:after { width: 100%; left: 0; }

#comb-bottom-arrow:before { display: block; left: 46.8%; }

#comb-bottom-arrow:after { width: 48%; left: 0; }

#overlap-v-arrows { position: absolute; left: 41.1%; top: -18px; height: 25px; width: 1px; background: #231f1f; }

#overlap-v-arrows small { font-size: 16px; }

#overlap-v-arrows:before, #overlap-v-arrows:after { font-size: 16px; color: #231f1f; position: absolute; }

#overlap-v-arrows:before { content: '↑'; top: -15px; left: -3.5px; }

#overlap-v-arrows:after { content: '↓'; bottom: -15px; left: -3.5px; }

#echo-server-api { position: relative; float: left; width: 100%; height: 270px; background: #f0f0f0; background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 62%); background: -webkit-linear-gradient(top, #f2f2f2 0%, #ffffff 62%); background: linear-gradient(to bottom, #f2f2f2 0%, #ffffff 62%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0); }

#echo-server-api-left { float: left; width: 33%; height: 100%; }

#echo-arrow-cogs { position: relative; float: left; width: 15%; height: 100%; min-width: 75px; }

#echo-arrow-cogs p:first-child { position: absolute; right: 30%; top: 20px; font-size: 54px; }

#echo-arrow-cogs p:nth-child(2) { float: right; width: 20%; margin: 20px 40% 0 0; font-size: 56px; }

#echo-server-api .v-arrows { margin: 0 45% 12px 0; }

#echo-server-api img { float: right; display: block; width: 80%; }

#echo-server-api .fa-arrow-right { color: #0b3a5f; }

#echo-server-api .fa-cog { color: #79868c; }

#echo-server-api-right { float: left; width: 52%; height: 100%; }

#echo-server-api-right p { margin-top: 40px; }

/*---------------------------------- PLATE AUDIT -------------------------------------------*/
#hero-plate-audit { background-image: url("https://cdn.labcyte.com/img/products/visual-echo-plate-auditR.png"); }

/*---------------------------------- PLATE REFORMAT -------------------------------------------*/
#hero-plate-reformat { background-image: url("https://cdn.labcyte.com/img/products/visual-echo-plate-reformatR.png"); }

#hero-plate-reformat section { margin-top: 185px; }

#hero-plate-reformat em { display: block; }

/*////////////////////////////////////////////////////////////////////////////////////////////////
----------------------------------------- CONSUMABLES --------------------------------------------
/////////////////////////////////////////////////////////////////////////////////////////////////*/
.consumables-hero { background-color: #000; background-size: 620px; background-position: 69% bottom; }

.consumables-hero section { margin-top: 200px; height: 400px; }

.consumables-hero h1, .consumables-hero p { color: #fff; }

.consumables-hero h1 span { color: #c3d500; }

.consumables-hero em { display: block; }

.consumables-hero img { position: absolute; right: -80px; bottom: 0; width: 54%; }

.consumables-hero .btn { float: left; margin-top: 40px; padding: 10px 15px; border: 1px solid #e7e7e7; color: #e7e7e7; }

.consumables-hero .btn:hover { color: #fff; border-color: #fff; }

/*------------------------------------- CONSUMABLES OVERVIEW -------------------------------------*/
#visual-consumables { background: url("https://cdn.labcyte.com/img/products/visual-echo-consumablesR.jpg") no-repeat center center; background-size: cover; }

#visual-consumables section { margin-top: 260px; }

#visual-consumables li a { color: #fff; }

#visual-consumables li:before { display: none; }

#consumables-list #handlers-subheading { top: 700px; }

#consumables-list .product-thmb { height: 640px; }

#consumables-list .apps-compare ul { height: 720px; width: 95%; padding-left: 2.5%; padding-right: 2.5%; }

#consumables-list .apps-compare li { font: 16px slatemed; height: 70px; border-bottom: 3px solid #eee; }

#consumables-list .apps-compare li:last-child { border: 0; }

.consumables-table { margin-bottom: 20%; }

.consumables-table td { vertical-align: top; }

.consumables-table td:first-child { font-family: slatebold; color: #282828; }

.consumables-table td:first-child span { font-family: slatereg; display: block; }

.consumables-table td:nth-child(4) { font-family: slatebold; color: #282828; }

.consumables-table td .data_notice { display: block; }

.catalog-abbr { display: none; }

/*-------------------- PLATES ---------------------------*/
#wide-table { width: 94%; }

#source-plate-table th { padding: 5px 7px 7px 7px; }

#source-plate-table td { padding: 10px 6px 12px 6px; }

#source-plate-table col:first-child { width: 20%; }

#source-plate-table col:nth-child(2) { width: 32%; }

#source-plate-table col:nth-child(3) { width: 15%; }

#source-plate-table col:nth-child(4) { width: 12%; }

#source-plate-table col:nth-child(5) { width: 10.5%; }

#source-plate-table col:nth-child(6) { width: 5.5%; }

.data_table .table-left { text-align: center; }

.consumables-table td:first-child .source-plate-extra { display: none; margin-top: 20%; }

.consumables-table .mobile-check i { margin-left: 7px; }

#microplates-table col:first-child { width: 50%; }

#microplates-table col:nth-child(2) { width: 20%; }

#microplates-table col:nth-child(3) { width: 15%; }

#microplates-table col:last-child { width: 15%; }

.microclime-lid-content { margin-bottom: 92%; }

#microclime-table col:first-child { width: 40%; }

#microclime-table col:nth-child(2) { width: 24%; }

#microclime-table col:nth-child(3) { width: 16%; }

#microclime-table col:last-child { width: 20%; }

#reservoir-table col:first-child { width: 30%; }

#reservoir-table col:nth-child(2) { width: 40%; }

#reservoir-table col:nth-child(3) { width: 15%; }

#reservoir-table col:last-child { width: 15%; }

#reservoir-table td { background: #fff; height: 20px; }

#visual-microtube { background-image: url("https://cdn.labcyte.com/img/products/visual-echo-qualified-microtubeR.jpg"); background-size: 780px; background-position: 35% bottom; }

#visual-microtube section { width: 530px; }

#visual-microtube em { display: block; }

#visual-microtube ul { width: 100%; }

#visual-microtube li { float: left; width: 40%; text-align: left; }

#visual-microtube li:last-child { width: 20%; }

#visual-microtube img { width: 80%; }

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

.microtube-content b { font-family: slatemed; }

.microtube-content .video-section { margin-bottom: 6%; }

.microtube-content .video-section:last-child { margin-bottom: 15%; }

/*------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////// RESPONSIVE MEDIA QUERIES ////////////////////////////////////////////////
------------------------------------------------------------------------------------------------------------------*/
@media all and (max-width: 2450px) { #visual-automation { background-size: 1300px; }
  #visual-access-drs { background-position-x: 28%; } }
@media all and (max-width: 2320px) { .echo-hero { background-position-x: 22%; }
  #visual-product, .echo-65x { background-position-x: 72%; }
  #visual-automation { background-size: 1220px; }
  #visual-tempo { background-position-x: 22%; }
  .software-hero { background-position-x: 32%; }
  .consumables-hero { background-position-x: 73%; } }
@media all and (max-width: 2180px) { .echo-hero { background-position-x: 20%; }
  #visual-product, .echo-65x { background-position-x: 75%; }
  #visual-automation { background-size: 1150px; }
  #visual-access-drs { background-position-x: 25%; }
  #visual-tempo { background-position-x: 19%; }
  .software-hero { background-position-x: 32%; } }
@media all and (max-width: 2030px) { 
  .visual-liquid-handlers-overview { background-image: url("https://cdn.labcyte.com/img/products/visual-liquid-handlers-overviewT5.jpg");}
  .echo-hero { background-position-x: 17%; }
  #visual-product, .echo-65x { background-position-x: 78%; }
  #visual-automation { background-position-y: top; }
  #visual-access-drs { background-position-x: 22%; }
  #visual-tempo { background-position-x: 16%; }
  .software-hero { background-position-x: 29%; } }
@media all and (max-width: 1890px) { .echo-hero { background-position-x: 14%; }
  #visual-product, .echo-65x { background-position-x: 80%; }
  #visual-automation { background-size: 1110px; background-position-x: -6%; }
  #visual-access-drs { background-position-x: 19%; }
  #visual-tempo { background-position-x: 12%; }
  .software-hero { background-position-x: 27%; } }
@media all and (max-width: 1750px) { .echo-hero { background-position-x: 10%; }
  #visual-product, .echo-65x { background-position-x: 83%; }
  #visual-automation { background-size: 1060px; background-position-x: -10%; }
  #visual-access-drs { background-position-x: 15%; }
  #visual-tempo { background-position-x: 8%; }
  .software-hero { background-position-x: 24%; } }
@media all and (max-width: 1650px) { 
  .hero-section { height: 550px; }
  .app-animate section {margin-top: 200px}
  #visual-product, .echo-65x { background-size: 630px; }
  #visual-product section { margin-top: 240px; }
  .echo-65x section { margin-top: 170px; }
  #visual-650 { background-position-x: 88%; }
  #visual-650 section { margin-top: 150px; }
  .echo-hero { background-size: 570px; background-position-x: 10%; }
  .echo-hero section { margin-top: 190px; }
  #visual-automation { background-position-x: -17%; }
  #visual-automation section { margin-top: 185px; width: 520px; padding-right: 0; }
  #visual-access-drs { background-position-x: 8%; }
  #visual-tempo { background-size: 600px; background-position-x: 5%; }
  .software-hero { background-position-x: 22%; background-size: 630px; }
  .software-hero section { width: 470px; margin-top: 200px; }
  #visual-software #left-hero-content { margin-top: 190px; }
  #visual-software #right-hero-content { margin-top: 60px; }
  #hero-combination section { margin-top: 140px; }
  #hero-combination em { display: block; }
  #hero-compliance-manager section { margin-top: 130px; }
  #hero-plate-reformat section { margin-top: 160px; }
  #visual-consumables section { margin-top: 240px; }
  .consumables-hero section { margin-top: 180px; height: 370px; }
  .consumables-hero img { width: 49%; min-width: 570px; min-height: 100%; } }
@media all and (max-width: 1520px) { #visual-product { background-position-x: 89%; }
  .echo-65x { background-position-x: 91%; }
  .echo-hero { background-size: 560px; background-position-x: 8%; }
  .echo-hero section { padding-right: 0; width: 612px; }
  #visual-650 { background-position-x: 97%; }
  #visual-automation { background-size: 1000px; background-position-x: -25%; }
  #visual-access-drs { height: 600px; background-size: 840px; background-position-x: 2%; }
  #visual-access-drs section { margin-top: 150px; }
  #visual-tempo section { width: 640px; padding-right: 0; }
  #visual-tempo h1, #visual-tempo h1 span { font-size: 47px; }
  #visual-tempo p { font-size: 23px; }
  .software-hero { background-position-x: 18%; }
  .software-hero section { padding-right: 0; } }
@media all and (max-width: 1380px) { .hero-section, .wide-section { padding-left: 3%; padding-right: 3%; width: 94%; }
 #apps-slide { padding: 0; width: 100%; }
  .app-animate { padding-left: .4%; padding-right: .4%; width: 99%; }
  .visual-liquid-handlers-overview { background-image: url("https://cdn.labcyte.com/img/tablet/products/visual-liquid-handlers-overviewT4.jpg");}
  .echo-hero h1, .echo-hero h1 span { font-size: 47px; }
  .echo-hero p { font-size: 23px; }
  .echo-hero li { font-size: 17px; }
  .media-section:after { background: #112332; }
  .echo-hero { background-position-x: 4%; }
  .echo-hero section { margin-top: 200px; }
  .echo-65x { background-position-x: 95%; }
  #visual-650 { background-position-x: 101%; }
  #visual-automation { background-size: 950px; background-position-x: -32%; }
  #visual-access-drs { background-size: 810px; background-position-x: 0; }
  #visual-tempo { background-position-x: -3%; }
  .software-hero { background-position-x: 12%; }
  #hero-combination section { margin-top: 150px; } }
@media all and (max-width: 1330px) { .hero-section h1, .hero-section h1 span { font-size: 49px; }
  .echo-65x ul, .echo-hero ul, #visual-automation ul, #visual-access-drs ul { display: none; }
  #product-review ul{display:block}
  #visual-product, .echo-65x, #visual-650 { background-position-x: 95%; }
  #visual-product h1, #visual-software h1, #visual-650 h1 { font-size: 47px; }
  #visual-650 h1 span { font-size: 47px; }
  .echo-65x section { margin-top: 220px; }
  #visual-650 section { margin-top: 210px; }
  .echo-hero { background-position: 2% bottom; }
  .echo-hero section { margin-top: 250px; }
  #visual-regulatory-env h1 { margin-top: -30px; }
  #visual-automation { background-size: 990px; }
  #visual-automation section { width: 430px; margin-top: 220px; }
  #visual-access-drs { background-position-x: 2%; }
  #visual-access-drs section { margin-top: 255px; }
  #visual-access-drs h1, #visual-access-drs h1 span { font-size: 47px; }
  #visual-tempo { background-position-x: -5%; }
  .software-hero { background-position-x: 10%; }
  .software-hero h1, .software-hero h1 span { font-size: 47px; } }
@media all and (max-width: 1280px) { #visual-product { background-position-x: 100%; }
  .echo-hero { background-position-x: 0; }
  .echo-520-content{margin-bottom:75%}
  #visual-automation { background-size: 950px; }
  #visual-access-drs { background-size: 750px; background-position-x: -1%; }
  #visual-tempo { background-position-x: -10%; }
  #apps-slide:after { opacity: .3; height: 50px; z-index: 1}
  .hero-section .slick-arrow {top:96.5%}
  #config-tabs li { width: 99.8%; }
  #config-tabs li:nth-child(even) { float: left; }
  .software-hero { background-position-x: 5%; }
  .software-desc { float: left; width: 48%; }
  .software-desc h4 { font-size: 21px; }
  .software-thmb { float: right; width: 47%; }
  #compliance-reformat-title { left: 94%; }
  #smallGraphs .desktop-figure { margin: 70px 0 0 0; padding: 0; } }
@media all and (max-width: 1240px) { #visual-product { background-position-x: 105%; }
  .echo-hero section { margin-top: 210px; width: 500px; }
  .echo-hero em { display: block; }
  .product-thmb { height: 780px; }
  #visual-automation { background-size: 920px; }
  #visual-automation section { width: 400px; }
  .automation-thmb { height: 630px; }
  #visual-access-drs h1, #visual-access-drs h1 span { font-size: 46px; }
  #visual-access-drs em { display: block; }
  #visual-access-drs li { font-size: 17px; }
  #visual-tempo { background-size: 550px; background-position-y: 80%; }
  #visual-software #left-hero-content { width: 55%; }
  #visual-software #right-hero-content { width: 45%; margin-top: 9%; }
  #visual-software img { width: 90%; }
  .software-hero section { width: 430px; }
  #hero-combination section { margin-top: 140px; }
  .dose-content { margin-bottom: 30%; }
  #compliance-reformat-title { left: 93%; }
  #consumables-list .product-thmb { height: 660px; }
  #handlers-subheading { top: 840px; }
  #consumables-list #handlers-subheading { top: 720px; } }
@media all and (max-width: 1195px) { .hero-section { height: 500px; background-size: 560px; }
 .app-animate section { margin-top: 130px; }
  .hero-section h2 { font-size: 35px; }
  .hero-section ul { float: left; }
  .hero-section li { font-size: 17px; margin-bottom: 10px; }
  .hero-section .fa-registered { font-size: 12px; }
  .hero-section p { font-size: 25px; margin: 4px 0 20px 0; }
  #center-hero-content { margin-top: 130px; }
  #visual-product { background-position-x: 115%; }
  #visual-product section { margin-top: 180px; }
  #visual-product em { display: block; }
  .echo-65x section { margin-top: 180px; }
  #visual-650 section { margin-top: 170px; }
  #echo-650-benefits .line-break { display: inline; }
  #visual-regulatory-env h1 { margin-top: -60px; }
  .echo-hero { background-size: 540px; background-position-x: 0; }
  .echo-hero section { margin: 175px 0 0 0; padding-top: 0px; width: 470px; }
    .echo-520-content{margin-bottom:80%}
  #showPie span { font-size: 22px; }
  #blue-pie-txt { top: 25%; }
  #orange-pie-txt { left: 15%; }
  #bibliography { padding-top: 10%; }
  #visual-automation { background-size: 880px; }
  #visual-automation section { margin-top: 180px; }
  #visual-access-drs { height: 500px; background-size: 670px; }
  #visual-access-drs section { margin-top: 180px; }
  #access-drs-tube #access-drs-col-one { width: 29.33%; }
  #access-drs-tube .col3-product:last-child { width: 31.33%; }
  #access-drs-tube h4 { font-size: 17px; }
  #access-drs-tube h4 em { font-size: 16px; }
  #access-drs-tube li { margin-bottom: 8px; }
  #access-drs-tube .data_table col:first-child { width: 64%; }
  #access-drs-tube .data_table col:last-child { width: 36%; }
  #visual-access section { margin-top: 210px; }
  #visual-tempo { background-size: 530px; background-position-y: 75%; }
  #visual-tempo section { margin-top: 180px; width: 610px; }
  #visual-tempo h1 { font-size: 45px; }
  .software-hero { background-position-x: 5%; background-size: 600px; }
  .software-hero section { margin-top: 160px; }
  #visual-software #left-hero-content { margin-top: 140px; }
  #visual-software #right-hero-content { margin-top: 5%; }
  #visual-software img { width: 93%; }
  #hero-plate-reformat section, #hero-dose-response section { margin-top: 130px; }
  #hero-combination section { margin-top: 110px; }
  #hero-compliance-manager section { margin-top: 90px; }
  #echo-21cfr11-text p:first-child { width: 60.5%; }
  #h-arrow { width: 11%; margin: 12px 1% 0 1%; }
  #h-arrow small:last-child { margin-left: -2px; }
  #compliance-sql { float: left; width: 11.5%; margin-left: 2.5%; height: 80px; }
  .compliance-text-title { bottom: 35px; }
  #echo-21cfr11-text p:first-child span, .compliance-text-title span { display: block; }
  #compliance-response-title { left: 53%; width: 60%; }
  #compliance-reformat-title { left: 96%; width: 100px; }
  #combination-title { left: 61.5%; width: 120px; }
  #visual-consumables section { margin-top: 200px; }
  #consumables-list .product-thmb { height: 680px; }
  #consumables-list #handlers-subheading { top: 740px; }
  .consumables-hero section { margin-top: 120px; height: 375px; }
  .consumables-hero p { margin-top: 20px; }
  .consumables-hero img { width: 49%; } }
@media all and (max-width: 1140px) { .hero-section h1, .hero-section h1 span { font-size: 46px; }
  .hero-section p { font-size: 23px; }
  #visual-product { background-position-x: 120%; }
  .col4-product h4 { font-size: 26px; }
  .col4-product h4 .fa-registered { font-size: 10px; }
  .col4-product em { font-size: 22px; }
  .product-thmb { height: 790px; }
  .echo-hero section { margin-top: 190px; width: 430px; }
  #visual-automation { background-size: 850px; }
  #visual-automation section { width: 370px; }
  #visual-access h1, #visual-access span { font-size: 49px; }
  #visual-access p { font-size: 25px; }
  .automation-thmb { height: 610px; }
  #access-drs-tube #access-drs-col-one { width: 28.33%; }
  #access-drs-tube .col3-product:last-child { width: 32.33%; }
  #visual-tempo { background-position-x: -15%; }
  .software-hero { background-size: 580px; }
  .software-hero section { width: 370px; margin-top: 150px; }
  #hero-dose-response section { width: 380px; margin-top: 150px; }
  .software-hero em { display: block; }
  #visual-software ul { display: none; }
  #visual-software #right-hero-content { margin-top: 5%; }
  #visual-software img { width: 95%; }
  #compliance-response { width: 31%; }
  #compliance-desktop-echo { width: 17%; min-width: 75px; }
  #compliance-response-title { left: 54.5%; }
  #combination-title { left: 61%; }
  .small-compliance-box { width: 65px; height: 55px; }
  .small-compliance-box .software-icon { width: 23px; }
  .consumables-hero section { margin-top: 120px; height: 375px; }
  .consumables-hero h1, .consumables-hero h1 span { font-size: 45px; }
  .consumables-hero img { width: 49%; }
  .consumables-hero .btn { margin-top: 20px; } }
@media all and (max-width: 1115px) { 
  .echo-520-content{margin-bottom:90%}
  #access-drs-tube h4 { font-size: 16px; }
  #access-drs-tube h4 em { font-size: 16px; }
  #access-drs-tube li { font-size: 14px; }
  #access-drs-tube .data_table td { font-size: 14px; padding: 6px 8px 7px 8px; }
  #access-drs-tube .col3-product:last-child p { font-size: 14px; }
  #visual-software #left-hero-content { margin-top: 120px; } }
@media all and (max-width: 1100px) { #visual-product { background-position-x: 130%; }
  .product-thmb { height: 770px; }
  .echo-hero { background-position-x: -3%; }
  .echo-hero em { display: block; }
  #visual-automation { background-size: 810px; background-position-x: -38%; }
  .automation-thmb { height: 600px; }
  #visual-access-drs { background-position-x: -14%; }
  #visual-access-drs section { width: 405px; }
  #visual-tempo { background-size: 480px; background-position-y: 75%; }
  #visual-software #left-hero-content { margin-top: 120px; }
  #visual-software #right-hero-content { margin-top: 7%; }
  #visual-software img { width: 96%; }
  .dose-content { margin-bottom: 36%; }
  .software-hero section { width: 350px; }
  #hero-combination section { margin-top: 100px; }
  #hero-dose-response { background-position-x: 0; }
  #hero-dose-response section { width: 373px; }
  #hero-plate-reformat { background-position-x: 0; }
  #hero-plate-reformat section { width: 370px; }
  #echo-21cfr11-text p { font-size: 13px; }
  #compliance-response-title { left: 56%; }
  #combination-title { left: 62%; }
  #visual-consumables { background-image: url("https://cdn.labcyte.com/img/tablet/products/visual-echo-consumablesT.jpg"); }
  .consumables-hero h1 { width: 300px; }
  #visual-consumables h1 { width: 100%; } }
@media all and (max-width: 1050px) { #visual-product { background-position-x: 140%; }
  .echo-65x, #visual-650 { background-position-x: 110%; }
  .echo-hero { background-position-x: -5%; }
  .echo-hero section { width: 400px; }
  #visual-automation { background-size: 780px; background-position-x: -43%; }
  #visual-access-drs { background-position-x: -25%; }
  #visual-tempo { background-position-x: -20%; }
  .software-hero section { width: 330px; }
  #visual-software #right-hero-content { margin-top: 7%; } }
@media all and (max-width: 1024px) { 
  #visual-product { background-position-x: 135%; }
  .echo-65x, #visual-650 { background-position-x: 115%; }
  #visual-product p { width: 400px; }
  #liquid-handlers { background: #fff; }
  #product-list { margin-bottom: 0; }
  .col4-product { width: 45%; padding: 0 2.5%; }
  #reg-env-software .col4-product { width: 49%; margin: 0 2% 20px 0; height: 100%; padding-top: 25px; }
  #reg-env-software .col4-product:nth-child(even) { margin-right: 0; }
  #reg-env-software img { width: 60%; }
  .product-thmb { height: 740px; margin-bottom: 30px; }
  .col4-product h4 { font-size: 28px; }
  .col4-product .check-wrap:before, .col4-product .check-wrap:after { display: block; }
  .apps-compare h4 { background: #e8e9ea; }
  .col4-product h4 .fa-registered { font-size: 11px; }
  .col4-product em { display: block; font-size: 24px; }
  .col4-product img { width: 60%; }
  .product-thmb p { float: left; padding: 0 2%; }
  .col4-product .btn { width: 30%; }
  .handlers-subheading, #consumables-list #handlers-subheading { display: none; }
  .apps-compare h4 { display: none; }
  .dilution-col { float: left; width: 100%; height: 100%; margin-bottom: 7%; }
  #traditional-dilution { margin-right: 0; }
  .dilution-col p { width: 92%; padding: 10px 4%; }
  .dilution-col img { width: 90%; }
  .about-us-docs .related-links { height: 410px; }
  .col5-product { width: 45%; margin-right: 0; padding: 20px 2%; }
  .col5-product:first-child { margin-right: 2%; }
  .col5-product:nth-child(3) { margin-right: 2%; }
  #echo-flow-lists .col5-product { height: 320px; text-align: left; margin-bottom: 2%; }
  #echo-flow-lists .col5-product:nth-child(3), #echo-flow-lists .col5-product:nth-child(4) { height: 280px; }
  #echo-flow-lists .col5-product:nth-child(5) { height: 370px; margin-bottom: 0; }
  #echo-flow-lists .col5-thmb { padding-top: 20px; }
  .col5-thmb img { margin: 0; }
  #echo-flow-lists .col5-thmb img { float: left; width: 20%; }
  #echo-flow-lists h3 { float: left; width: 67%; margin: 10px 0 0 3%; padding-bottom: 0; }
  #echo-flow-lists h3 em { display: block; color: #8e979d; font-family: gilroylite; }
  #echo-flow-lists ul { width: 77%; margin-left: 23%; }
  #echo-flow-lists li { text-align: left; width: 100%; padding: 10px 0; }
  #visual-automation { background-position-x: -70%; }
  .automation-thmb { height: 580px; }
  .col3-product { width: 31.33%; padding: 0 1%; }
  .col3-product h4 { font-size: 27px; }
  .col3-product em { font-size: 23px; }
  #visual-access-drs { background-position-x: -29%; }
  #access-drs-columns { width: 100%; }
  #access-drs-tube #access-drs-col-one { width: 29.33%; }
  #access-drs-tube .col3-product:last-child { width: 31.33%; }
  #access-drs-tube h4 { font-size: 18px; }
  #access-drs-tube h4 em { font-size: 17px; }
  .access-drs-col-wrap { width: 100%; }
  #access-drs-tube .data_table td { font-size: 14px; padding: 6px 10px 7px 10px; }
  #access-drs-tube .col3-product:last-child p { font-size: 15px; }
  #access-dsr-mosaic { width: 99.7%; }
  .access-content { margin-bottom: 93%; }
  #config-tabs li { width: 49.2%; }
  #config-tabs li:nth-child(even) { float: right; }
  #visual-tempo { background-position-x: -12%; }
  #visual-tempo section { width: 480px; margin-top: 170px; }
  #visual-tempo h1 { font-size: 44px; }
  .echo-hero section { margin-top: 180px; width: 380px; }
  .software-hero { background-size: 550px; }
  #visual-software #right-hero-content { margin-top: 8%; }
  #visual-software img { width: 103%; }
  #hero-combination section { margin-top: 130px; }
  #hero-compliance-manager section { margin-top: 115px; }
  #hero-dose-response { background-position-x: -5%; }
  #hero-plate-reformat { background-position-x: -3%; }
  .software-desc { width: 52%; }
  .software-desc h4 { font-size: 22px; }
  .software-thmb { width: 43%; }
  .array-content, .dose-content, .plate-content, .microclime-lid-content { margin-bottom: 3%; }
  #cherry-protocol .img-right { width: 46%; }
  .plate-content #cherry-pick-screen { margin-bottom: 0; }
  .array-docs .short-literature { padding-top: 25px; height: 125px; }
  .plate-audit-docs .literature { height: 40px; }
  #echo-21cfr11-text p:first-child { width: 60.5%; }
  #h-arrow { margin-top: 8px; }
  #compliance-sql { float: left; width: 11.5%; margin-left: 2.5%; height: 80px; }
  .compliance-text-title { bottom: 35px; }
  #echo-21cfr11-text p:first-child span, .compliance-text-title span { display: inline; }
  #echo-21cfr11-text p { font-size: 14px; }
  .compliance-text-title { bottom: 45px; }
  #compliance-response-title { left: 48%; }
  #compliance-reformat-title { left: 99%; width: 120px; }
  #combination-title { left: 57%; width: 150px; }
  .small-compliance-box { width: 70px; }
  #echo-21cfr11-sql:before { content: ''; width: 46.7%; }
  #echo-21cfr11-sql:after { left: 45.7%; }
  #comb-bottom-arrow:before { left: 45.8%; }
  #comb-bottom-arrow:after { width: 46.7%; }
  #echo-arrow-cogs p:first-child { right: 28%; }
  #echo-arrow-cogs p:nth-child(2) { margin-right: 32%; }
  #echo-server-api .v-arrows { margin-right: 38%; }
  #echo-server-api img { width: 70%; min-width: 65px; }
  #overlap-v-arrows { left: 42.1%; top: -18px; }
  #consumables-list .product-thmb { height: 560px; }
  #consumables-list .consumables-short-thmb { height: 510px; }
  #product3, #product4 { height: 700px; }
  #wide-table { width: 100%; }
  .echo-520-content { margin-bottom: 3%; }
  .docs-config-options { height: 100px; }
  .consumables-table { margin-bottom: 3%; }
  .data-box { width: 100%; }
  #pie-box h4 { width: 90%; }
  #showPie span { font-size: 28px; }
  #orange-pie-txt { top: 50%; }
  #bibliography p { font-size: 12px; }
  #smallGraphs { width: 99%; overflow: hidden; height: auto; }
  .small-graph-wrap { width: 47.5%; }
  #left-graph-wrap { margin-right: 5%; }
  #smallGraphs .figure { margin: 30px 0 30px 0; } }
@media all and (max-width: 980px) { 
  .visual-liquid-handlers-overview h3{color:#282828;}
  #visual-product { background-position-x: 150%; }
  .echo-hero section { width: 360px; }
  #visual-automation { background-position-x: -100%; }
  #visual-access-drs { background-position-x: -46%; }
  #visual-tempo section { width: 450px; }
  .automation-thmb { height: 560px; }
  .software-hero { background-position-x: 0; }
  #hero-dose-response { background-position-x: -7%; }
  #compliance-response-title { left: 50%; }
  #combination-title { left: 59%; }
  #hero-plate-reformat { background-position-x: -7%; }
  #consumables-list .product-thmb { height: 570px; }
  #consumables-list .consumables-short-thmb { height: 490px; } }
@media all and (max-width: 950px) { 
	.hero-section, #visual-access-drs { height: 100%; background-position: 7% top; }
  .app-animate { height: 450px; }
  .app-animate section { margin-top: 110px; }
  .app-animate p { font-size: 24px; }
  .app-animate .btn { margin-top: 35px; }
  .visual-liquid-handlers-overview { background-image: url("https://cdn.labcyte.com/img/mobile/products/visual-liquid-handlers-overviewM4.jpg")}
  .visual-automation-overview { background-image: url("https://cdn.labcyte.com/img/mobile/products/visual-lab-automation-overviewM.jpg");}
   .hero-section .slick-arrow {top:96%}
  .hero-section em, #visual-product em, .echo-65x em, #visual-tempo em, #visual-access-drs em { display: inline; }
  .hero-section h1, .hero-section h1 span { font-size: 49px; }
  .hero-section ul, #visual-software ul, #visual-access-drs ul { display: block; }
  .no-border section:before, .no-border section:before { display: none; }
  #visual-regulatory-env h1 { margin-top: 0; }
  #visual-regulatory-env .line-break { display: block; }
  #right-hero-content, #center-hero-content, #visual-automation section, #visual-access-drs section, #visual-tempo section, #visual-software #left-hero-content, .software-hero section, #hero-dose-response section, #hero-plate-reformat section, #visual-consumables section, .consumables-hero section { float: left; width: 100%; }
  #right-hero-content, #visual-product section, .echo-65x section, #visual-650 section, echo-hero section, #visual-automation section, #visual-access-drs section, #visual-tempo section, #visual-software #left-hero-content, .software-hero section, #hero-combination section, #hero-compliance-manager section, #hero-dose-response section, #hero-plate-reformat section, #visual-consumables section, .consumables-hero section { padding-top: 30px; margin: 490px 0 30px 0; }
  #visual-product { background-image: url(../../img/products/visual-product-echo-555-liquid-handlerR.jpg); background-position: 10% top; background-size: 600px; }
  #visual-product section, #visual-automation section { text-align: center; }
  #echo-inner{float:left}
  #product-review{position:relative;float:left}
  #product-review ul{float:left}
  #product-review a{text-align:left}
   #product-review em{padding:0}
  #visual-product:after, .echo-65x:after, .echo-hero:after, #visual-access-drs:after { display: none; }
  #visual-product section:before, .echo-65x section:before, .echo-hero section:before, #visual-access-drs section:before { display: block; }
  #visual-product p, .echo-65x p { width: 100%; }
  .echo-65x ul { display: none; }
  .product-thmb { height: 700px; }
  #product3, #product4 { height: 680px; }
  .echo-65x, .echo-hero { background-size: 600px; border-bottom: 1px solid #eee; }
  .echo-65x, #visual-650 { background-size: 578px; }
  #visual-650 { background-position: 7% top; }
  #visual-access-drs { border-bottom: 1px solid #eee; }
  #showPie { min-width: 330px; }
  #orange-pie-txt { top: 50%; left: 15%; }
  .echo-555-graph-legend { left: 75%; }
  #left-graph .echo-555-graph-legend { left: 80%; }
  #reg-env-software .img-left { width: 20%; }
  #reg-env-software .p-text-right { width: 78%; padding: 0; }
  #visual-automation { background-position: left top; }
  #visual-automation { background-size: 663px; }
  #visual-automation ul { display: none; }
  #visual-access-drs { background-position: 5% 15%; background-size: 710px; }
  #visual-access { background-image: url(../img/tablet/products/visual-access-workstationT.jpg); background-position: 15% top; }
  #visual-access section { background: #fff; padding: 30px 0 20px 0; margin: 498px 0 0 0; }
  #visual-access h1 em, #visual-access p { color: #7d868c; }
  #visual-access h1 span { color: #0c3c61; }
  .automation-thmb { height: 540px; }
  #visual-tempo { background-size: 580px; background-position-y: 10%; }
  #visual-access section:before, #visual-access section:after { display: block; content: ''; position: absolute; top: 0; width: 3.2%; height: 100%; background: #fff; }
  #visual-access section:before { left: -3.2%; opacity: 1; }
  #visual-access section:after { right: -3.2%; }
  .software-hero { background-size: 630px; background-position: 9% 8%; }
  .software-hero .btn, #visual-software .btn { margin: 15px 0; }
  #visual-software #right-hero-content { position: absolute; left: 0; top: 0; margin-top: 3%; height: 445px; padding: 0; width: 44%; min-width: 450px; }
  #visual-software picture { padding: 20px; }
  #hero-dose-response, #hero-plate-reformat { background-position-x: 9%; }
  .sotftware-hero em, #hero-cherry-pick em, #hero-combination em, #hero-dose-response em, #hero-plate-reformat em { display: inline; }
  #hero-compliance-manager em { display: block; }
  #compliance-response-title { left: 52%; }
  #combination-title { left: 60%; }
  #echo-21cfr11-text p { font-size: 13px; }
  #visual-consumables { border: 0; background-color: #000; background-size: 140%; background-position-y: top; }
  #visual-consumables ul { display: none; }
  #visual-consumables section { background: #000; padding: 30px 0 20px 0; margin: 460px 0 0 0; height: auto; }
  #visual-consumables section:before, #visual-consumables section:after { content: ''; position: absolute; top: 0; width: 3.2%; height: 100%; background: #000; }
  #visual-consumables section:before { left: -3.2%; }
  #visual-consumables section:after { right: -3.2%; }
  .array-docs .related-links { height: 145px; }
  .array-docs .short-literature { padding-top: 30px; height: 125px; }
  .consumables-hero { background-position-y: 15%; }
  .consumables-hero img { display: none; }
  .consumables-hero section { height: auto; padding-bottom: 20px; }
  .consumables-hero h1 { width: 100%; }
  .consumables-hero .line-break { display: inline; }
  #visual-source-plates { background-image: url("https://cdn.labcyte.com/img/products/visual-echo-qualified-source-plateR.jpg"); }
  #visual-microplates { background-image: url("https://cdn.labcyte.com/img/products/visual-echo-assay-microplateR.jpg"); }
  #visual-microclime-lid { background-image: url("https://cdn.labcyte.com/img/products/visual-microclime-lidR.jpg"); }
  #visual-reservoir { background-image: url("https://cdn.labcyte.com/img/products/visual-echo-qualified-reservoirR.jpg"); } 
}
@media all and (max-width: 850px) { #visual-product { background-size: 543px; }
  .echo-hero { background-size: 543px; }
  #right-hero-content, #visual-product section, #visual-access section, .software-hero section, #hero-combination section, #hero-compliance-manager section, #hero-dose-response section, #hero-plate-reformat section, #visual-consumables section, .consumables-hero section { padding-top: 30px; margin: 442px 0 30px 0; }
  .product-thmb { height: 680px; }
  #reg-env-echos { padding-top: 25px; margin-bottom: 45px; background: linear-gradient(to bottom, #fff 83%, #eee 17%); }
  #reg-env-echos img { width: 50%; }
  #product3, #product4 { height: 660px; }
  .col2-product { width: 97%; padding: 0 1.5%; }
  .col2-product .check-wrap:before, .col2-product .check-wrap:after { display: block; }
  #showPie span { font-size: 25px; }
  #bibliography p.study-notes { font-size: 16px; }
  .small-graph-wrap { width: 100%; }
  #left-graph-wrap { margin: 0 0 10% 0; }
  .echo-555-graph-legend, #left-graph .echo-555-graph-legend { left: 50%; }
  .desktop-figure { opacity: 0; }
  .mobile-figure { opacity: 1; }
  .right-table { margin-left: 0; }
  #echo-flow-lists .col5-product:nth-child(5) { height: 400px; }
  #visual-access { background-position: 30% bottom; }
  #visual-access section { margin-bottom: 0; }
  #visual-access em { display: block; }
  .automation-thmb { height: 100%; padding-bottom: 60px; margin-bottom: 30px; }
  #automation-overview { background: #fff; }
  #config-tabs li { width: 99.8%; }
  #config-tabs li:nth-child(even) { float: left; }
  .col3-product { width: 100%; padding: 0; }
  .col3-product img { width: 80%; }
  .col3-product h4 { margin-top: 20px; }
  .col3-product ul { height: 100%; padding-bottom: 5%; }
  .col3-product p { padding-bottom: 5%; }
  #access-drs-columns { width: 103%; }
  #access-drs-tube .col3-product img { width: 100%; }
  #access-drs-tube .col3-product h4 { margin: 0; font-size: 17px; }
  #access-drs-tube h4 em { font-size: 16px; }
  #access-drs-tube .col3-product ul { padding-bottom: 0; }
  #access-drs-tube #access-drs-col-one { width: 27.33%; }
  #access-drs-tube .col3-product:last-child { width: 33.33%; }
  #access-drs-tube li { margin-bottom: 8px; }
  #access-drs-tube .data_table col:first-child { width: 64%; }
  #access-drs-tube .data_table col:last-child { width: 36%; }
  #access-preserve-quality { margin-bottom: 0; }
  .software-hero { background-size: 565px; }
  #visual-software #left-hero-content { margin-top: 442px; }
  #visual-software #right-hero-content { top: 10px; width: 40%; min-width: 410px; }
  #docs .featured-nature { height: 520px; }
  .compliance-content #cherry-pick-heading p:last-child { margin-bottom: 10px; }
  #compliance-diagram-wrap { width: 100%; overflow: hidden; }
  #compliance-diagram { width: 900px; padding-top: 50px; }
  #compliance-nav { display: block; }
  .software-desc { width: 50%; }
  .software-thmb { width: 45%; }
  #visual-consumables { background-image: url("https://cdn.labcyte.com/img/mobile/products/visual-echo-consumablesM.jpg"); background-size: 100%; }
  #visual-consumables section { margin-bottom: 0; }
  .consumables-hero { background-size: 500px; }
  .consumables-hero em { display: block; }
  #source-plate-table col:nth-child(2) { width: 42%; }
  #source-plate-table col:nth-child(3) { width: 14%; } }
@media all and (max-width: 760px) { #graph-overflow { width: 100%; }
  #barGraph { float: left; min-width: 810px; height: 460px; }
  #bar-chart-550 { display: block; }
  #access-dsr-mosaic { margin-bottom: 0; width: 99%; }
  #access-dsr-mosaic .img-right { float: left; width: 90%; padding-left: 0; margin: 3% 0 7% 0; }
  #access-dsr-mosaic .p-text-left { float: left; } }
@media all and (max-width: 736px) { 
  .visual-liquid-handlers-overview{background:none;text-align:center}
  .visual-liquid-handlers-overview .btn{margin: 50px auto 0 auto}
  .echo-65x em, .echo-hero em { display: block; }
  .product-thmb { height: 660px; }
  #product3, #product4 { height: 630px; }
  #showPie { float: none; margin: 0 auto; width: 70%; }
  #blue-pie-txt { left: 55%; top: 40%; }
  #orange-pie-txt { top: 60%; }
  #bibliography { float: left; width: 95%; padding-top: 0; }
  #bibliography p.study-notes { font-size: 17px; }
  #access-drs-tube #access-drs-col-one { width: 24.33%; }
  #access-drs-tube .col3-product:last-child { width: 36.33%; }
  #access-preserve-quality .p-text-left { float: none; width: auto; margin-top: 10px; }
  #access-preserve-quality .img-right { float: right; width: 40%; padding-left: 5%; min-width: auto; }
  .access-content { margin-bottom: 0; }
  #access-diagram-wrap { height: 810px; }
  .access-diagram { height: 100%; }
  .config-diagram { position: absolute; left: 0; top: 180px; height: 700px; min-width: 840px; }
  .access-diagram:nth-child(2) .config-diagram, .access-diagram:nth-child(4) .config-diagram { padding-top: 50px; }
  .access-diagram:nth-child(5) .config-diagram { padding-top: 0; }
  .access-mobile-nav { display: block; }
  #hero-combination em { display: block; }
  .software-col { margin-bottom: 0; padding-bottom: 0; }
  .img-right { float: left; padding: 0; margin-bottom: 20px; min-width: 400px; }
  #cherry-pick-screen .img-right { width: 45%; }
  .software-col h4 { width: 100%; }
  .p-text-left { float: left; }
  #docs .featured-nature { height: 470px; }
  .consumables-table th { font-size: 15px; }
  .consumables-table td:first-child .mobile-check { display: block; } }
@media all and (max-width: 650px) { 
  .app-animate h1{font-size:45px}
  .app-animate h3{font-size:23px}
  .visual-automation-overview{background-image:none;background:#000;text-align:center}
  .visual-automation-overview .btn{margin: 50px auto 0 auto}
  .visual-software-overview section{margin-top:22%}
  #visual-product em { display: inline; }
  .product-thmb { height: 670px; }
  .col4-product .btn { width: 41%; }
  #product3, #product4 { height: 610px; }
  #visual-access { background-image: url("https://cdn.labcyte.com/img/mobile/products/visual-access-workstationM.jpg"); background-position-x: 20%; }
  .access-diagram:nth-child(1) .config-diagram { padding-top: 50px; }
  #visual-access-drs { background-position-y: 13%; }
  #visual-access-drs em { display: block; }
  #access-drs-tube { margin-bottom: 0; }
  #access-drs-tube .col3-product, #access-drs-tube #access-drs-col-one, #access-drs-tube .col3-product:last-child { width: 100%; height: 100%; padding: 0; }
  #access-drs-tube .col3-product img { width: 80%; margin-bottom: 30px; min-width: 480px; }
  #access-drs-tube ul { margin-bottom: 30px; }
  #access-drs-col2 #modular-left, #access-drs-col2 #modular-right, #access-drs-col2 #devices-left, #access-drs-col2 #devices-right { width: 100%; padding: 0; margin-bottom: 7%; }
  .access-drs-col-wrap { width: 100%; margin-bottom: 7%; }
  #access-preserve-quality .img-right { width: 45%; }
  .software-section { height: 100%; margin-bottom: 10%; }
  .software-desc { width: 100%; }
  .software-desc h4 { margin-bottom: 65%; }
  .software-thmb { width: 100%; position: absolute; left: 0; top: 80px; }
  .software-thmb img { width: 70%; }
  #echo-525-reservoir .img-right { width: 100%; padding-left: 0; }
  #consumables-list .product-thmb { height: 600px; }
  #consumables-list .consumables-short-thmb { height: 470px; }
  .consumables-table th { font-size: 14px; }
  .consumables-table td { font-size: 14px; }
  #source-plate-table th span { display: none; }
  #source-plate-table .catalog-abbr { display: block; }
  #source-plate-table .table-break-mobile { display: block; }
  .consumables-table td:first-child .mobile-type { display: block; } }
@media all and (max-width: 620px) { 
  .echo-555-graph-legend, #left-graph .echo-555-graph-legend { left: 60%; }
  .visual-software-overview section{margin-top:21%}
  #linesGraph { width: 750px; }
  #red-graph-525 { display: block; }
  #red-graph-fig { float: left; }
  .col5-product { width: 96%; padding: 3% 2%; }
  .col5-product:first-child { margin-right: 0; }
  .col5-product:nth-child(3) { margin-right: 0; }
  #echo-flow-lists .col5-product { height: 100%; }
  #echo-flow-lists .col5-product:nth-child(3), #echo-flow-lists .col5-product:nth-child(4) { height: 280px; }
  #echo-flow-lists .col5-product:nth-child(5) { height: 100%; }
  #echo-flow-lists .col5-thmb { padding-top: 20px; }
  #echo-flow-lists .col5-thmb img { float: left; width: 20%; }
  #echo-flow-lists h3 { float: left; width: 67%; margin: 10px 0 0 3%; padding-bottom: 0; }
  #echo-flow-lists h3 em { display: block; color: #8e979d; font-family: gilroylite; }
  #echo-flow-lists ul { width: 77%; margin-left: 23%; }
  #echo-flow-lists li { text-align: left; width: 100%; padding: 10px 0; }
  #reg-env-software .img-left { width: 20%; margin: 0; min-width: 200px; }
  #reg-env-software .p-text-right { width: 100%; }
  #visual-product em, #hero-dose-response em, #hero-plate-reformat em { display: block; }
  #visual-access { background-position-x: 5%; }
  #access-preserve-quality .p-text-left { float: left; margin-bottom: 140px; }
  #access-preserve-quality .img-right { width: 60%; padding-left: 0; position: absolute; left: 0; top: 50%; min-width: 330px; }
  #access-drs-tempo { margin-top: 25%; }
  #access-dsr-mosaic .img-right { width: 100%; }
  .access-diagram:nth-child(2) .config-diagram, .access-diagram:nth-child(4) .config-diagram { padding-top: 70px; }
  .access-diagram:nth-child(4) .config-diagram { padding-top: 70px; }
  .docs-config-options { height: 100%; padding-bottom: 15px; }
  .array-docs .related-links { padding-top: 0; height: 100%; }
  .array-docs .short-literature { padding-top: 20px; height: 100%; }
  .compliance-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; }
  .compliance-docs .related-links { padding: 7px 1.1% 20px 4.1%; height: 448px; } }
@media all and (max-width: 570px) { #visual-product, .echo-hero { margin-top: 58px; background-size: 470px; }
  .echo-65x, #visual-650 { margin-top: 58px; background-size: 450px; }
  #left-hero-content, #right-hero-content, #visual-product section, #visual-650 section { padding-top: 30px; margin: 382px 0 30px 0; }
  #visual-product { background-size: 470px; }
  #visual-product em { display: block; }
  .col4-product h4 { font-size: 26px; }
  .col4-product h4 .fa-registered { font-size: 10px; }
  .col4-product em { font-size: 22px; }
  .handlers-subheading h3 { font-size: 26px; }
  #visual-access { background-position-x: 10%; }
  .access-diagram:nth-child(1) .config-diagram { padding-top: 60px; }
  .access-diagram:nth-child(3) .config-diagram { padding-top: 50px; }
  .access-diagram:nth-child(4) .config-diagram { padding-top: 100px; }
  #visual-tempo { background-position-x: 50%; }
  .software-hero { background-size: 540px; }
  .software-hero #right-hero-content { margin-top: 438px; }
  .link-box li { width: 100%; }
  #overview-btn { font-size: 20px; }
  #showPie span { font-size: 22px; }
  .consumables-hero { background-size: 430px; }
  #microplates-table col:first-child { width: 45%; }
  #microplates-table col:nth-child(2) { width: 25%; }
  #reservoir-table th span, #microplates-table th span, #microclime-table th span { display: none; }
  #reservoir-table .catalog-abbr, #microplates-table .catalog-abbr, #microclime-table .catalog-abbr { display: block; }
  #reservoir-table .table-break-mobile { display: block; } }
@media all and (max-width: 515px) { 
  #left-content { width: 99%; }
  .app-animate .btn{width:80px}
    .visual-software-overview section{margin-top:22%}
  .echo-65x, .echo-hero, #visual-product, #visual-650, #visual-automation, #visual-access-drs, #visual-tempo, #visual-software, .software-hero, #visual-consumables, .consumables-hero { margin-top: 0; height: 100%; background-size: 100%; background-position: left 3%; }
  .hero-section h1, .hero-section h1 span { font-size: 45px; }
  #visual-product { background-image: url("https://cdn.labcyte.com/img/mobile/products/visual-product-echo-555-liquid-handlerM.jpg"); }
  #visual-655 { background-image: url("https://cdn.labcyte.com/img/mobile/products/visual-echo-655t-liquid-handlerM.jpg"); }
  #visual-650 { background-image: url("https://cdn.labcyte.com/img/mobile/products/visual-echo-655t-liquid-handlerM.jpg"); }
  #visual-525 { background-image: url("https://cdn.labcyte.com/img/mobile/products/visual-product-echo-525-liquid-handlerM.jpg"); }
  #visual-555 { background-image: url("https://cdn.labcyte.com/img/mobile/products/visual-product-echo-555-liquid-handlerM.jpg"); }
  #visual-550 { background-image: url("https://cdn.labcyte.com/img/mobile/products/visual-product-echo-550-liquid-handlerM.jpg"); }
  #visual-520 { background-image: url("https://cdn.labcyte.com/img/mobile/products/visual-product-echo-520-liquid-handlerM.jpg"); }
  #visual-automation { background-image: url("https://cdn.labcyte.com/img/mobile/products/visual-product-automationM.jpg"); }
  #visual-access-drs { background-image: url("https://cdn.labcyte.com/img/mobile/products/visual-access-drsM4.jpg"); }
  #visual-tempo { background-image: url("https://cdn.labcyte.com/img/mobile/products/visual-tempoM.jpg"); background-size: 100%; }
  #hero-array-maker { background-image: url("https://cdn.labcyte.com/img/mobile/products/visual-echo-array-makerM.jpg"); }
  #hero-cherry-pick { background-image: url("https://cdn.labcyte.com/img/mobile/products/visual-echo-cherry-pickM.jpg"); }
  #hero-combination { background-image: url("https://cdn.labcyte.com/img/mobile/products/visual-echo-combinationM.jpg"); }
  #hero-compliance-manager { background-image: url("https://cdn.labcyte.com/img/mobile/products/visual-echo-compliance-managerM.jpg"); }
  #hero-dose-response { background-image: url("https://cdn.labcyte.com/img/mobile/products/visual-echo-dose-responseM.jpg"); }
  #hero-plate-audit { background-image: url("https://cdn.labcyte.com/img/mobile/products/visual-echo-plate-auditM.jpg"); }
  #hero-plate-reformat { background-image: url("https://cdn.labcyte.com/img/mobile/products/visual-echo-plate-reformatM.jpg"); }
  #visual-consumables { background-image: url("https://cdn.labcyte.com/img/mobile/products/visual-echo-consumablesM.jpg"); }
  #left-hero-content, #center-hero-content, #right-hero-content, #visual-product section, #visual-650 section, #visual-automation section, .hero-automation section, #visual-access-drs section, #visual-access section, #visual-tempo section, #visual-software #left-hero-content, .software-hero #right-hero-content, #visual-consumables section { padding-top: 30px; margin: 95.7% 0 6% 0; }
  #visual-access-drs { background-position-y: 4%; }
  #access-drs-tube ul { margin-bottom: 5%; }
  #access-drs-tube .col3-product img { width: 100%; margin-bottom: 10%; min-width: auto; }
  #access-drs-tempo ul, #access-drs-tempo ul:last-child { width: 100%; }
  #visual-access section { margin-bottom: 0; }
  .config-diagram { height: 700px; min-width: 750px; }
  .access-diagram:nth-child(1) .config-diagram { padding-top: 80px; }
  .access-diagram:nth-child(2) .config-diagram { padding-top: 120px; }
  .access-diagram:nth-child(4) .config-diagram { padding-top: 140px; }
  .access-diagram:nth-child(5) .config-diagram { padding-top: 20px; }
  .access-diagram:nth-child(6) .config-diagram { padding-top: 40px; }
  #access-configure h4 { font-size: 24px; }
  #left-hero-content { margin-top: 96.3%; }
  .col4-product { width: 97%; padding: 0 1.5%; }
  #reg-env-software .col4-product { width: 97%; padding: 0 1.5% 5% 1.5%; margin: 0 0 10% 0; }
  #reg-env-software img { width: 60%; }
  .product-thmb, #consumables-list .product-thmb, #consumables-list .consumables-short-thmb { height: 100%; padding-bottom: 15%; margin-bottom: 10px; }
  #consumables-list .product-thmb, #consumables-list .consumables-short-thmb { margin-bottom: 10%; }
  #consumables-list .overview h5 { padding-bottom: 0; }
  #consumables-list .apps-compare ul { padding-top: 3%; }
  #product3, #product4 { height: 100%; padding-bottom: 15%; }
  .col4-product .btn { width: 28%; }
  .apps-compare ul, #consumables-list .apps-compare ul { height: 100%; }
  .echo-555-graph-legend, #left-graph .echo-555-graph-legend { left: 70%; }
  #visual-software #right-hero-content { min-width: 88%; height: 410px; }
  .software-desc h4 { margin-bottom: 83%; }
  .software-thmb img { width: 90%; }
  .software-col { width: 98%; padding-right: 2%; }
  #docs .featured-nature { width: 95%; padding: 15px 2.1% 15px 2.1%; height: 100%; }
  .compliance-docs .short-column { width: 97.3%; }
  .compliance-docs .related-links { width: 96%; padding: 0 1.1% 15px 2.1%; height: 100%; }
  .consumables-hero { background-position-y: 15%; }
  #consumables-list .apps-compare li { height: 100%; padding: 10px 0 20px 0; }
  .col4-product .check-wrap:before, .col4-product .check-wrap:after { width: 4.8%; }
  .col4-product .check-wrap:before { left: -4.8%; }
  .col4-product .check-wrap:after { right: -4.8%; }
  .check-compare ul { padding-bottom: 20px; } }
@media all and (max-width: 450px) { #access-preserve-quality .p-text-left { margin-bottom: 180px; }
  .access-diagram:nth-child(1) .config-diagram, .access-diagram:nth-child(3) .config-diagram { padding-top: 100px; }
  .access-diagram:nth-child(2) .config-diagram { padding-top: 140px; }
  .access-diagram:nth-child(4) .config-diagram { padding-top: 160px; }
  .software-hero em { display: block; }
  #software-plate-reformat .software-thmb { top: 110px; }
  .img-right { width: 100%; min-width: 100%; }
  .software-desc h3 { font-size: 23px; }
  .software-desc h3 sup { font-size: 12px; }
  .software-desc h4 { font-size: 20px; } }
@media all and (max-width: 436px) { .hero-section { background-position: left 4%; }
  #left-hero-content, #right-hero-content { margin-top: 97.3%; }
  #showPie { float: left; margin: 0; width: 100%; }
  #blue-pie-txt { top: 30%; }
  #orange-pie-txt { top: 50%; }
  .access-diagram:nth-child(1) .config-diagram, .access-diagram:nth-child(3) .config-diagram { padding-top: 120px; }
  #hero-cherry-pick em { display: block; }
  .consumables-hero { background-position-y: 15%; }
  .consumables-table th, .consumables-table td { padding-left: 5px; padding-right: 5px; }
  #microplates-table col:first-child { width: 42%; }
  #microplates-table col:nth-child(2) { width: 28%; }
  #microclime-table col:first-child { width: 38%; }
  #microclime-table col:nth-child(2) { width: 26%; } }
@media all and (max-width: 400px) { 
  .visual-liquid-handlers-overview section{margin-top:23%}
  .visual-liquid-handlers-overview .btn, .visual-automation-overview .btn{margin-top:10%}
  .visual-automation-overview section{margin-top:21%}
  #left-content { width: 98%; }
  #left-hero-content, #right-hero-content { margin-top: 97.7%; }
  #visual-product em { display: block; }
  #visual-access { background-position-x: 20%; }
  .access-diagram:nth-child(2) .config-diagram { padding-top: 160px; }
  .access-diagram:nth-child(4) .config-diagram { padding-top: 205px; }
  .access-diagram:nth-child(5) .config-diagram { padding-top: 40px; }
  .access-diagram:nth-child(6) .config-diagram { padding-top: 60px; }
  #software-slide { height: 320px; }
  .software-desc h4 { margin-bottom: 95%; }
  .software-thmb img { width: 100%; }
  #software-cherry-pick .software-thmb, #software-comb-screen .software-thmb { top: 105px; }
  #microplates-table col:first-child { width: 40%; }
  #microplates-table col:nth-child(2) { width: 30%; }
  #microclime-table col:first-child { width: 35%; }
  #microclime-table col:nth-child(2) { width: 27%; } }
@media all and (max-width: 365px) { #visual-access-drs { background-position-y: 4.5%; }
  #access-preserve-quality .p-text-left { margin-bottom: 65%; }
  #access-preserve-quality .img-right { width: 100%; min-width: auto; }
  #access-drs-tempo { margin-top: 12%; }
  .access-diagram:nth-child(2) .config-diagram { padding-top: 180px; }
  .access-diagram:nth-child(4) .config-diagram { padding-top: 220px; }
  .access-diagram:nth-child(6) .config-diagram { padding-top: 80px; }
  #software-plate-audit .software-thmb { top: 110px; }
  #software-slide { height: 300px; }
  #software-comb-screen h4 { margin-bottom: 97%; } }
@media all and (max-width: 345px) { #access-preserve-quality .p-text-left { margin-bottom: 73%; }
  #access-drs-tempo { margin-top: 5%; }
  #software-comb-screen h4 { margin-bottom: 88%; } }
/*//////////////////////////////////////////////////////////////////////////////////////// TABLET
////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) and (orientation: portrait) { .hero-section { height: 30%; } }
/*//////////////////////////////////////////////////////////////////////////////////////// MOBILE
////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-device-width: 320px) and (max-device-width: 736px) and (orientation: portrait) { #orange-pie-txt { left: 15%; }
  #blue-pie-txt { left: 60%; } }