/* -------------------TOP HERO SECTION ----------------------------*/
.hero-section { height: 800px; }

.hero-section:after { opacity: .2; height: 50px; z-index: 1; }

.hero-section p { font-size: 28px; }

.hero-section li { color: #fff; font: 18px/1.3 slatereg; }

.hero-section .btn { padding: 10px 18px 12px; width: 110px; color: #ddd; border: 1px solid #ddd;font-size:13px;outline:none }

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

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

.animate { position: relative; width: 100%; height: 800px; background: no-repeat center center; background-size: cover }

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

.hero-after:after{background:#3c3c3c;opacity:.2}
.hero-drs-after:after{background:rgba(255, 255, 255, .65);opacity:.65}
.hero-section .slick-dots li button{background: rgba(0, 0, 0, 0);
    color: rgb(228, 228, 228);}

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

.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%; }

.center-hero-content li:first-child { margin-left: 0; }

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

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

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

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

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

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

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

.customer-name b { font-family: slatemed; }

.left-hero-content .btn { clear: left; margin-top: 85px; }

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

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

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

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

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

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

/*----------------- Slides Specifics  --------------------*/
/* SLIDES need to have class, no id */

.visual-65x{background-image:url('../img/products/liquidhandlers/visual-echo-655T-bg.jpg');background:#fff}
.visual-65x section{height:800px}
.visual-65x p:first-child{
  background:#b7c951;
  font:18px gilroybold;
  width:45px;
  color:#fff;
  padding:6px 2px 2px 8px;
  border-radius:3px;
  margin-bottom:30px
}
.visual-65x h1 sup{font-size:16px}
.visual-65x .step-forward{color:#7d868c;font-size:28px}
.visual-65x .btn{background:#1eb0e9;border:1px solid #1eb0e9;margin-top:60px}
.thmb-65x{display:none;position:absolute;right:-6%;bottom:190px;width:43%;min-width:570px;z-index:2}
.visual-65x img{width:100%;position:relative}
.visual-65x ul{width:100%;height:34px;overflow-y:hidden;margin:0 0 12px 0;padding:0}
.visual-65x li{margin:0;font:28px/1.3 robotolite;color:#282828} 

.anim-zero{right:0}
.anim-left{
 -webkit-animation:moveLeft 5s forwards;
  -moz-animation:moveLeft 5s forwards;
  animation:moveLeft 5s forwards
}

@-webkit-keyframes moveLeft{
  0% {
    transform:translateX(0);
  }
  100% {
    transform:translateX(-10%);
  }
}
@-moz-keyframes moveLeft{
  0% {
    transform:translateX(0);
  }
  100% {
    transform:translateX(-10%);
  }
}
@keyframes moveLeft{
  0% {
    transform:translateX(0);
  }
  100% {
    transform:translateX(-10%);
  }
}

.visual-655T { background-image: url("../img/main/visual-655T-2018-v2.jpg"); }
.visual-655T h1 sup { font-size: 16px; }

.visual-ade { background-image: url("../img/main/visual-echo-ade-06.jpg"); }
.visual-ade .fa-registered { font-size: 8px; }
.visual-ade section { width: 77%; margin-left: 23%; }

.ade-hero section{position:absolute;left:0%;top:100px;z-index:2}
.ade-hero .btn{margin-top:50px}
.animate video{position:absolute;top:0;bottom:0;left:0;right:0;width:auto;height:auto;min-height:100%;min-width:100%;
margin:auto;
overflow:hidden;
pointer-events:none;
opacity:1;
object-fit:cover;
z-index:0
}

.visual-sengine { background-image: url("../img/main/visual-sengine-lab.jpg")}
#sengine-video{margin-top:-80px}
.visual-sengine p:first-child{font:19px gilroysbold;margin:-20px 0 70px 0;opacity:.7}
.visual-sengine p:first-child em{display:block}
.visual-sengine h1 em{display:block}
.visual-sengine #customer-name{font-family:gilroylite;font-size:22px;margin-top:20px}
.visual-sengine .btn{margin-top:50px}

.visual-slas2018 section { margin-top: 235px; }
.visual-slas2018 h1 { margin: 35px 0 10px 0; font-size:47px; line-height:1.2 }
.slas-logo { width: 25%; min-width: 300px; padding-bottom: 40px; }
.visual-slas2018 .btn { margin-top: 60px; }

.visual-jala { background-image: url("../img/main/visual-jala-issue-03.jpg"); }

.visual-jala .btn { margin-top: 135px; }

.visual-echo { background-image: url("../img/main/visual-echo-555-03.jpg"); }

.visual-echo sup { font-size: 20px; }

/*////////////////////////////////////////////////////////////////////////////////////////////
---------------------------------- PAGE CONTENT BEGINS HERE ----------------------------------
////////////////////////////////////////////////////////////////////////////////////////////*/
#begin-content{background:#fff;z-index:10;}
.left-paragraph { width: 100%; text-align: center; }

.left-paragraph h2 { margin: 10px 0 2px 0; width: 100%; font: 34px gilroysbold; color: #080808; }

.page-inner h3 { margin-bottom: 35px; font: 24px slatelite; color: #7b858c; }

#begin-content { border-top: 5px solid #e8e9ea; }
#content-heading{margin-top:80px}

/*-------------------------------------- HTML5 VIDEO -------------------------------------------*/
#main-video-wrap { position: relative; float: left; width: 100%; background: #eee; }

#main-video { position: relative; float: left; padding: 0; width: 66.27%; }

#echo-video, #echo-video_html5 { float: left; width: 100%; }

video { opacity: 0; }

#main-video-wrap:before, #main-video-wrap:after { position: absolute; content: ""; height: 12px; top: 0; }

#main-video-wrap:before { width: 8%; left: 87.5%; background: #0b3c61; }

#main-video-wrap:after { width: 4%; right: 0; background: #7d868c; }

#video-desc { position: relative; float: left; width: 29.73%; padding: 4% 2% 0 2%; text-align: left; }

#video-desc .fa-registered { font-size: 12px; }

#video-desc h4 { font: 25px/1.2 slatebold; margin: 20px 0 25px 0; color: #181818; }

#video-desc h5 { font: 18px/1.3 robotoreg; margin: 25px 0 7px 0; color: #282828; }

#video-desc p { font-size: 15px; line-height: 1.4; padding: 10px 0 5px 0; color: #58595b; }

.iframe-video { padding-bottom: 56.2%; }

/*---------------------------------------MAIN MEDIA COLUMNS-----------------------------------*/
#main-media { margin: 30px 0 0 0; background: linear-gradient(to top, #e8e9ea 75%, #fff 25%); padding-bottom: 65px;text-align:center}

#main-media h3{font:32px robotolite;color:#282828;margin-bottom:45px}

#main-media h4{position:relative; bottom:0; left:auto; padding:0; color: #fff; font: 17px slatemed; margin:0;text-transform:uppercase}
#main-media p{float:none;text-align:center;font:17px slatelite;margin:15px 0 25px 0;padding:0}
#main-media p em{display:block;font:19px/1.8 slatebold;color:#282828}

#main-media .col4{background:#fff;padding:0;margin-right:4%;height:530px}
#main-media .col4:last-child{margin-right:0}
.webinar-title{background:red;width:100%;padding:12px 0;margin-bottom:25px}
.webinar-title h4{color:#fff;}
#drug-discovery-media{background:#9caf49}
#genomics-media{background:#310a48}
#cancer-research-media{background:#00346f}
#personalized-medicine-media{background:#9c1517}
.webinar-text{width:85%;padding:0 7.5%}
.webinar-text h5{font:22px slatelite;margin-bottom:30px}
.webinar-text a{font:18px slatemed;color:#0b3c61}
.webinar-text a:hover{color:#009add}
.webinar-text i{font-size:15px;margin-left:3px}

/*----------------------------------------MAIN TESTIMONIAL-----------------------------------*/
#main-testimonial { position: relative; padding: 0; margin: 60px 0 80px 0; height:460px;overflow:hidden}

.testimonial-text { float: left; width: 100%; text-align: center; height:460px;position:relative;outline:none}

#main-testimonial h3 { font: 34px gilroysbold; margin-bottom: 35px; padding-bottom: 10px; color: #181818; border-bottom: 1px solid #eee;text-transform: uppercase }

.testimonial-text p { font: 22px/1.4 robotoslablite; }

.testimonial-text .fa-quote-left, .testimonial-text .fa-quote-right { font-size: 40px; color: #11233f; opacity: 0.2; }

.testimonial-text .fa-quote-left { margin-right: 10px; }

.testimonial-text .fa-quote-right { line-height: .4; vertical-align: bottom; padding-left: 8px; }

.testimonial-text h4 { font: 22px/1.6 gilroybold; color: #282828; margin: 0 0 20px 0; }

.testimonial-text h4 span { font: 17px robotolite; }

.testimonial-text .title-break { vertical-align: top; font-size: 22px; margin: 0; }

.customer-thmb { float: left; width: 100%; padding: 20px 0; }
 .customer-thmb img{margin:0 auto;width: 20%; min-width: 150px;}

 #main-testimonial .slick-arrow { visibility: visible; top:58%;color:#000;opacity:1}
 #main-testimonial .slick-prev:before, #main-testimonial .slick-next:before{color:#b4b2b2}
 .customer-quote{width:87%;margin:0 auto}
 .ionis-quote .customer-quote{width:90%}
 .dna-foundry-quote{width:95%}

.testimonial-buttons { float: left; width: 100%; padding-top: 3%; text-align: center; }

.testimonial-buttons .btn { margin: 0 auto; width: 125px; padding: 10px; font: 15px robotomed; color: #282828; border: 1px solid #acb4b8; }

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

.testimonial-buttons .fa { font-size: 18px; margin-left: 5px; }

/*----- title section for blog and events -----*/
.title-box { position: relative; float: left; width: 100%; border-bottom: 2px solid #282828; }

/*-----------------------------------------BLOG SECTION---------------------------------------*/
#labcyte-blog { position: relative; background: #000;margin-bottom: 0; }

.main-news article { position: relative; padding: 2% 0; margin-bottom: 20px; text-align: left; }

#labcyte-blog h4, #labcyte-events h4 { float: left; font: 25px gilroymed; margin-bottom: 3px; padding: 10px 0 5px 0; color: #eee; text-transform: uppercase; }

#main-blog { position: relative; float: left; }

#main-blog h4 { float: left; }

#main-blog section { position: relative; float: left; width: 23.5%; height: 320px; margin-right: 2%; }

#main-blog section:last-child { margin-right: 0; }

#main-blog img { width: 100%; }

.blog-img { position: relative; display: block; }

#main-blog ul { float: left; width: 100%; padding: 20px 0 0 0; }

#main-blog li { color: #E1E1E1; margin-bottom: 15px; font: 15px/1.4 robotoreg; }

#main-blog li:nth-child(1) { color: #acacac; }

#main-blog li a { font: 17px robotoreg; }

#main-blog li a:hover { color: #fff; }

#main-blog .blog-list-title { font: 15px/1.4 robotoreg; color: #eee; margin-top: 5px; }

#main-blog i { margin-left: 3px; }

#main-blog .btn { position: absolute; bottom: 0; left: 0; padding: 5px 10px 7px; border: 1px solid #acacac; color: #acacac; }

#main-blog .download-hover { z-index: 10; }

#main-blog .download-hover em { color: #fff; opacity: .8; }

#main-blog .btn:hover { color: #fff; border-color: #fff; }

/*-------------- DEFAULT ROW FOR IN THE NEWS and PRESS RELEASES --------------*/
.press-row { position: relative; float: left; height: 80px; padding-top: 40px; padding-bottom: 6px; }

.press-row h5 { float: left; width: 17%; font: 25px/1.6 gilroymed; }

.press-row ul { float: left; overflow: hidden; height: 30px; width: 74.6%; }

.press-row li a { float: left; font: 18px/1.35 slatelite; margin-top: 8px; width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.press-row .fa-external-link { font-size: 18px; padding-left: 30px; }

/*-------------- IN THE NEWS SECTION -----------------*/
#in-the-news { background: #11233f url("https://cdn.labcyte.com/img/main/main-visual-newsR.jpg") no-repeat; background-size: cover;margin-top:0;margin-bottom:75px}

#in-the-news h5 { color: #eee; padding-top: 1px; }

#in-the-news li a { color: #d3d3d3; }

#in-the-news li a:hover { color: #fff; }

#in-the-news .fa-external-link { color: #d3d3d3; }

/*------------- WEBINAR SECTION ---------------*/
#webinar-section { margin: 50px 0; }

#webinar-wrap { position: relative; float: left; width: 100%; background: #eee; }

#webinar-wrap:before, #webinar-wrap:after { position: absolute; content: ""; height: 12px; top: 0; }

#webinar-wrap:before { width: 8%; left: 0; background: #0b3c61; }

#webinar-wrap:after { width: 4%; left: 8.5%; background: #7d868c; }

#webinar-desc { position: relative; float: left; width: 29.73%; padding: 4% 2% 4.8% 2%; text-align: left; }

#webinar-desc .fa-registered { font-size: 12px; }

#webinar-desc .btn { float: left; padding: 10px 15px; color: #282828; border: 1px solid #7d868c; }

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

#featured-webinar { color: #0b3b60; font: 16px robotomed; }

#webinar-desc h4 { font: 23px/1.2 slatebold; margin: 25px 0 10px 0; color: #181818; }

#webinar-desc h5 { font: 18px/1.3 robotoreg; margin: 25px 0 7px 0; color: #282828; }

#webinar-desc img { float: left; width: 55%; }

#webinar-abstract { float: right; font-size: 15px; line-height: 1.4; padding: 10px 0 30px 0; color: #58595b; }

#webinar-media { position: relative; float: right; width: 62.27%; }

#webinar-media h3 { font: 30px/1.2 slatebold; color: #252525; }

#webinar-media h4 { margin-top: .5%; font: 24px slatebold; }

#video-container { position: relative; padding-bottom: 50.8%; padding-top: 40px; height: 0; overflow: hidden; }

#video-container iframe, #video-container object, #video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

/* ----------------- EVENTS SECTION -------------------*/
#labcyte-events { background: linear-gradient(to top, #e8e9ea 65%, #f6f7f7 35%); padding-bottom: 3%; }

#news-event { float: left; }

#news-event .title-box { border-bottom: 0; }

#news-event h4 { color: #282828; }

#news-event section { position: relative; float: left; height: 300px; width: 23.5%; margin-right: 2%; }

#news-event section:last-child { margin-right: 0; }

.event-thumb { float: left; width: 100%; }

#news-event img { width: 100%; }

#news-event p { background: #11233f; width: 94%; padding: 3%; color: #fff; font: 15px robotoreg; text-align: center; border-top: 3px solid #e0e0e0; }

#news-event ul { float: left; width: 100%; padding: 15px 0; text-align: center; }

#news-event li { color: #acacac; margin: 0 0 4px 0; font-family: robotolite; }

#news-event li a { color: #181818; font: 20px slatemed; }

#news-event li a:nth-child(1) { color: #181818; }

#news-event .event-title { font: 20px/1.3 robotomed; }

#news-event .event-booth { font: 16px robotomed; color: #11233f; }

#news-event .event-place { font-size: 15px; color: #58595b; margin-top: 10px; }

#news-event .smooth-hover:hover { color: #11233f; }

/*-------------- PRESS RELEASE SECTION ---------------*/
#press-release { background: #dfe0e0; height: 70px; margin-top:0}

#press-release h5 { color: #181818; width: 20%; padding-top: 1px; }

#press-release ul { width: 72%; }

#press-release li a { color: #282828; width: 90%; padding-left: 0.7%; }

#press-release li a:hover { color: #11233f; }

#press-release .fa-external-link-square { color: #282828; }

/* ------------- View All Buttons -------------- */
.view-all { float: right; font-size: 16px; margin-top: 16px; min-width: 74px; }

#main-blog .view-all { color: #acacac; }

#in-the-news .view-all { color: #acacac; width: 7%; margin-top: 9px; min-width: 91px; vertical-align: bottom; line-height: 1.6; }

#press-release .view-all { margin-top: 8px; line-height: 1.5; }

#main-blog .view-all:hover, #in-the-news .view-all:hover { color: #fff; }

.fa-th { font-size: 19px; margin-left: 3px; }

.btn { border-radius: 1px; }

@media all and (max-width: 1380px) { 
  .wide-section { padding-left: 3%; padding-right: 3%; width: 94%; }
  .animate { padding-left: .4%; padding-right: .4%; width: 99%; }
  .hero-section { height: 730px; padding: 0; width: 100%; }
  .animate section { margin-top: 235px; }
  .ade-hero section{top:70px}
  .visual-synbio section, .visual-genomics section { margin-top: 225px; }
  .visual-slas2018 section { margin-top: 185px; }
  .visual-sengine section{margin-top:200px}
  .visual-sengine p:first-child{margin-top:0;}
}
@media all and (max-width: 1285px) { 
  .hero-section h1 { font-size: 52px; }
  .hero-section p { font-size: 26px; }
  .hero-section li { float: none; margin: 0 0 10px 0; font-size: 17px; }
  .center-hero-content .btn { margin-top: 150px; }
  .visual-slas2018 h1 { font-size: 49px; }
  .visual-jala .btn { margin-top: 125px; }
  .visual-synbio .quote { font-size: 18px; }
  .customer-name { font-size: 16px; }
  .visual-synbio .fa { font-size: 38px; }
  .media-title p { font-size: 16px; }
  #main-media h4 { font-size: 17px; bottom: 30%; }
  #testimonial-text h2 { font-size: 28px; margin-bottom: 50px; }
  #testimonial-text p { font-size: 19px; line-height: 1.5; }
  #testimonial-text .fa-quote-left, #testimonial-text .fa-quote-right { font-size: 45px; }
  #testimonial-text .fa-quote-left { top: 60px; }
  #main-blog section { height: 300px; }
  #webinar-desc h4 { font-size: 20px; }
  #featured-webinar { font-size: 15px; }
  #news-event .event-title { font-size: 18px; }
  .press-row { padding-top: 40px; padding-bottom: 40px; }
  .press-row h5 { float: none; width: 100%; text-align: left; }
  #press-release h5 { width: 100%; }
  .press-row .fa-external-link { position: absolute; left: 0; top: 53px; padding-left: 0; }
  .press-row ul, #press-release ul { float: right; width: 98%; padding-left: 20px; }
  .press-row li a { width: 100%; }
  #press-release li a { padding-left: 0; width: 100%; }
  .press-row .view-all { position: absolute; top: 0; right: .3%; } 
  .visual-sengine h1{font-size:49px}
}
@media all and (max-width: 1220px) { 
  .hero-section .slick-dots { visibility: hidden; }
  .hero-section .slick-arrow { visibility: visible; }
  .hero-section:after { background: #000; opacity: .2; } 
}
@media all and (max-width: 1195px) { 
  .hero-section { height: 695px; }
  .visual-slas2018 { background-image: url("https://cdn.labcyte.com/img/tablet/main/visual-drs-mainT-v2.jpg"); }
  .animate section { margin-top: 205px; }
  .thmb-65x{bottom:160px}
  .visual-65x section{margin-top:160px}
  .visual-65x .step-forward{font-size:26px}
  .step-forward em{display:block}
  .ade-hero section{top:40px}
  .visual-synbio section, .visual-genomics section { margin-top: 190px; }
  .visual-slas2018 section { margin-top: 160px; }
  .visual-sengine section{margin-top:150px}
  #main-media .col4{width:48%;height:580px;margin-bottom:5%}
  #main-media .col4:nth-child(odd){margin-right:0}
  #main-testimonial{height:480px}
}
@media all and (max-width: 1165px) { 
  .hero-section h1 { font-size: 50px; }
  .hero-section p { font-size: 24px; }
  .visual-65x img{right:-6%}
  .visual-synbio section { margin-top: 180px; }
  .visual-synbio .quote { width: 50%; padding-bottom: 15px; min-width: 370px; }
  #video-desc h5, #webinar-desc h5 { font-size: 15px; }
  #video-desc p, #webinar-desc p { font-size: 15px; }
  .media-title p { bottom: 75%; }
  #main-media h4 { font-size: 15px; bottom: 36%; }
  #testimonial-text h3 { font-size: 32; }
  #testimonial-text p { font-size: 18px; }
  #testimonial-text h4 { font-size: 21px; }
  #testimonial-text h4 span { font-size: 16px; }
  #testimonial-text .title-break { font-size: 21px; } 
}
@media all and (max-width: 1095px) { 
  .hero-section h1 { font-size: 47px; line-height: 1.1; }
  .hero-section p { font-size: 22px; }
  .animate video{display:none}
  .ade-hero{background-image:url(../img/mobile/main/visual-echo-adeM.jpg)}
  .ade-hero section{position:relative;top:0;width:77%;margin:240px 0 0 23%;text-align:center}
  .ade-hero .btn{clear:none;margin:50px auto 0 auto}
  .visual-slas2018{background-image:url("../img/main/visual-drs-main-v3.jpg")}
  .visual-slas2018 h1, .visual-slas2018 p{color:#282828}
  .visual-slas2018 .btn{background:#0b3c61;color:#fff;border:1px solid #0b3c61}
  .visual-slas2018 .btn:hover{border:1px solid #0b3c61;color:#0b3c61}
  .visual-genomics{background-image: url(../img/main/visual-echo-genomics-flipped.jpg)}
  .visual-synbio .fa { font-size: 36px; }
  #main-video-wrap:before, #main-video-wrap:after { display: none; }
  #main-video { width: 100%; }
  #video-desc { width: 96%; padding-top: 20px; padding-bottom: 15px; }
  #video-desc h4 { margin-top: 0; width: 100%; }
  #testimonial-text h2 { font-size: 26px; }
  #testimonial-text p { font-size: 18px; margin-bottom: 10px; }
  #testimonial-text h4 { font-size: 20px; }
  #testimonial-text h4 span { font-size: 15px; }
  #testimonial-text .title-break { font-size: 20px; }
  #webinar-wrap { width: 100%; height: 100%; margin-bottom: 2%; }
  #webinar-wrap:before, #webinar-wrap:after { display: none; }
  #webinar-desc { position: absolute; bottom: 0; left: 0; width: 96%; padding-bottom: 25px; }
  #featured-webinar { font-size: 16px; }
  #webinar-desc h4 { margin-top: 15px; font-size: 22px; }
  #webinar-media { float: left; width: 100%; margin-bottom: 250px; }
  .media-title p { font-size: 16px; }
  #main-media h4 { font-size: 14px; bottom: 35%; }
  #main-blog section { height: 280px; }
  #main-blog li { font-size: 14px; }
  #main-blog .blog-list-title { font-size: 14px; } }
@media all and (max-width: 1024px) { 
  #main-media {padding-bottom:0}
  .testimonial-thmb { display: none; }
  #testimonial-text p { font-size: 17px; }
  #testimonial-text .fa-quote-left, #testimonial-text .fa-quote-right { font-size: 40px; } 
}
@media all and (max-width: 1015px) { 
  .hero-section { height: 650px; }
  .visual-65x img{right:-8%}
  .visual-ade { background-position: 40% 100%; }
  .visual-ade section, .ade-hero section{ width: 79%; margin-left: 21%; }
  .visual-echo h1 { width: 45%; }
  .animate section { margin-top: 190px; }
  .visual-65x{background-image:url(../img/tablet/main/visual-65x-main5.jpg)}
  .visual-65x img{display:none}
  .visual-65x section{margin-top:150px}
  .ade-hero section{margin-top:260px}
  .visual-synbio section, .visual-genomics section { margin-top: 170px; }
  .visual-slas2018 section { margin-top: 155px; }
  .visual-synbio .quote { width: 38%; }
  .visual-synbio .btn { margin-top: 40px; }
  .visual-echo { background-position: 65% 100%; }
  .visual-echo section { margin-top: 170px; }
  .visual-echo ul { padding-top: 20px; margin-bottom: 25px; }
  .hero-section .btn { padding: 10px 15px; width: 90px; }
  .visual-slas2018 .btn { margin-top: 50px; }
  #main-media h4 { font-size: 17px; }
  .visual-sengine section{margin-top:140px}
  .visual-genomics-symposium .btn{width:110px}
  #main-media .col4{height:550px}
 }
@media all and (max-width: 890px) { 
  .hero-section h1 { font-size: 45px; }
  .hero-section p { font-size: 22px; }
  .visual-ade section, .ade-hero section{ width: 80%; margin-left: 20%; }
  .visual-synbio { background-position: 60% 100%; }
  .visual-synbio section { margin-top: 125px; }
  .visual-synbio p { width: 50%; }
  .visual-echo p { width: 40%; }
  .visual-synbio .fa { font-size: 34px; }
  #main-media h4 { font-size: 16px; }
  #testimonial-buttons .btn { width: 100px; font-size: 14px; }
  #main-blog section { width: 48%; height: 340px; margin-bottom: 15px; }
  #main-blog section:nth-child(odd) { float: right; margin-right: 0; }
  #main-blog .blog-list-title { font-size: 15px; }
  #news-event section { width: 48%; height: 400px; }
  #news-event section:nth-child(odd) { float: right; margin-right: 0; } 
  #main-testimonial {margin: 60px 0 40px 0; height:470px}
  .testimonial-text {height:450px}
  }
@media all and (max-width: 845px) { 
  .hero-section h1 { font-size: 44px; }
  .visual-slas2018 { background-image: url("https://cdn.labcyte.com/img/mobile/main/visual-drs-mainM2.jpg"); }
  .visual-655T { background-image: url("https://cdn.labcyte.com/img/mobile/main/visual-655T-2018M.jpg"); }
  .visual-ade section, .ade-hero section{ width: 86%; margin-left: 14%; }
  .visual-synbio .fa { font-size: 32px; }
  #main-blog li { font-size: 14px; }
  #main-blog .blog-list-title { font-size: 14px; } 
  .visual-sengine { background-image: url("https://cdn.labcyte.com/img/mobile/main/visual-sengine-labM.jpg"); }
  .testimonial-text h4 span {display:block}
  .testimonial-text .title-break {display:none}
  #main-media .col4{height:530px}
}
@media all and (max-width: 815px) { 
  #main-blog section { height: 310px; }
  #webinar-media { margin-bottom: 270px; } 
}
@media all and (max-width: 770px) { 
  .hero-section { height: 600px; }
  .animate section { margin-top: 160px; }
  .visual-65x{background-image:url(../img/mobile/main/visual-65x-main.jpg)}
  .visual-65x section{margin-top:120px}
  .visual-65x .step-forward{color:#000}
  .visual-slas2018 section { margin-top: 130px; }
  .hero-section h1 { font-size: 43px; min-width: 350px; }
  .hero-section p { font-size: 21px; }
  .visual-echo { background-position: 62% 100%; }
  .visual-ade section, .ade-hero section { width: 100%; margin-left: 0; }
  .ade-hero section{margin-top:200px}
  .visual-synbio section, .visual-echo section { margin-top: 120px; }
  #news-event section { height: 370px; } 
  .visual-sengine section{margin-top:120px}
  .testimonial-text p{font-size:20px}
  #main-testimonial{height:490px;}
}
@media all and (max-width: 736px) { #main-media article { height: 100%; }
  #main-media h4 { font-size: 16px; }
  #main-blog section { height: 290px; }
  #main-blog .btn { position: absolute; bottom: 0; left: 0; } 
  #main-testimonial, .testimonial-text{height:490px}
}
@media all and (max-width: 670px) { 
  .hero-section{text-align:center;height:auto;margin:0;max-height:580px;overflow:hidden}
  .animate{height:auto;max-height:580px;overflow:hidden}
  .animate h1 { margin-bottom: 5%; }
  .animate section { margin: 22% 0 30% 0; }
  .hero-section h1 { text-align: center; }
  .hero-section ul { position: relative; float: left; display: block; margin-top: 2%; left: 50%; }
  .hero-section li { position: relative; display: block; right: 50%; margin: 2%; }
  .left-hero-content p, .center-hero-content p, .right-hero-content { margin: 0; }
  .right-hero-content { float: none; text-align: center; }
  .right-hero-content ul { float: none; padding: 0; }
  .left-hero-content .btn, .right-hero-content .btn { clear: none; float: none; margin: 8% auto 0 auto; }
  .visual-65x p:first-child{margin:0 auto 20px auto;padding-right:5px}
  .visual-ade { background-image: url(../img/mobile/main/visual-echo-adeM.jpg); }
  .visual-ade ul, .visual-genomics ul, .visual-echo ul { padding: .5% 0 2% 0; }
  .visual-ade li, .visual-echo li { width: 100%; }
  .visual-synbio { background-image: url("https://cdn.labcyte.com/img/mobile/main/visual-echo-syntheticM.jpg"); }
  .visual-synbio p { width: 100%; }
  .visual-synbio .fa-quote-left { top: -43%; left: 10px; }
  .visual-synbio .quote { width: 100%; padding-bottom: 15px; min-width: 370px; }
  .visual-synbio .customer-name { font-size: 18px; }
  .visual-genomics { background-image: url("https://cdn.labcyte.com/img/mobile/main/visual-echo-genomicsM3.jpg"); }
  .visual-slas2018 .btn { margin-top: 8% 0 0 0; }
  #news-event section { height: 350px; } 
  .visual-sengine section{margin-top:15%} 
  .visual-sengine h1{font-size:40px}
  #main-testimonial, .testimonial-text{height:530px}
}
@media all and (max-width: 620px) { .hero-section ul, .visual-synbio .quote, .visual-synbio .customer-name { display: none; }
  .animate section { margin-top: 30%; }
  .visual-slas2018 section { margin-top: 25%; }
  .visual-jala section { margin-top: 32%; }
  .animate .btn { margin-top: 8%; margin-bottom: 50%; }
  .visual-sengine section{margin-top:20%}
  .visual-sengine p:first-child{margin-bottom:10%}
}
@media all and (max-width: 611px){ 
 #webinar-media{margin-bottom:290px} 
}
@media all and (max-width: 600px) { .visual-synbio section, .visual-genomics section { margin-top: 35%; }
  .visual-jala section { margin-top: 35%; }
  #main-media h4 { font-size: 18px; }
  #main-blog section { height: 270px; }
  #news-event section { height: 330px; } 
}
@media all and (max-width: 570px) { .animate section { margin-top: 33%; }
  .visual-slas2018 section { margin-top: 28%; }
  .visual-synbio section, .visual-jala section { margin-top: 36%; }
  .visual-sengine section { margin-top: 30% }
  .visual-sengine p:first-child{display:none}
  .testimonial-text p{font-size:20px}
  .testimonial-text .fa-quote-left, .testimonial-text .fa-quote-left{font-size:36px}
   #main-testimonial .slick-arrow{top:72%}
   #main-media .col4{height:100%;margin:0 0 8% 0;width:100%;padding-bottom:6%}
   #main-testimonial, .testimonial-text{height:550px}
}
@media all and (max-width: 530px) { 
  .animate { height: auto; }
  .animate section { margin-top: 35%; }
  .visual-slas2018 section { margin-top: 32%; }
  .visual-synbio section, .visual-jala section { margin-top: 40%; }
  #main-media h4 { font-size: 16px; }
  #main-blog section { width: 100%; height: 100%; margin-right: 0; }
  #main-blog .btn { position: relative; float: left; }
  #news-event section:nth-child(even) { float: left; }
  #news-event section { width: 100%; height: 100%; margin-right: 0; }
  #news-event section:nth-child(even) { float: left; } 
  .visual-sengine section{margin-top:27%}
  .visual-sengine h1{font-size:40px}
  .visual-sengine p em{display:block}
  .visual-sengine p span{display:none}
  .visual-sengine .btn{width:80px;margin-left:36%}
   #main-testimonial, .testimonial-text{height:540px}
   .testimonial-text p{font-size:18px}
    #main-testimonial .slick-arrow{top:76%}
}
@media all and (max-width: 480px) { .hero-section h1 { line-height: 1.1; margin-top: 30px; }
  .animate section { margin-top: 30%; }
  .visual-slas2018 section { margin-top: 32%; }
  .visual-synbio section { margin-top: 33%; }
  .visual-genomics section { margin-top: 44%; }
  .visual-sengine section{margin-top:23%}
  .visual-sengine h1{font-size:38px}
  .visual-sengine h1 em{display:block}
   #main-testimonial, .testimonial-text{height:550px}
}
@media all and (max-width: 470px) { .visual-slas2018 h1 { font-size: 40px; }
  .hero-section, .animate { max-height: 540px; }
  .hero-section p { font-size: 20px; }
  #testimonial-text h4 { font-size: 20px; }
  #testimonial-text h4 span { display: block; }
  #testimonial-text .title-break { display: none; }
}
@media all and (max-width: 433px) {
 .visual-slas2018 .line-break { display: inline; }
  #webinar-media { margin-bottom: 320px; } 
   #main-testimonial, .testimonial-text{height:580px}
}

@media all and (max-width:390px){
  #main-testimonial, .testimonial-text{height:590px}
}

@media all and (max-width: 375px) { .hero-section, .animate { max-height: 535px; }
  .animate section { margin-top: 31%; }
  .visual-slas2018 section { margin-top: 38%; }
  .visual-synbio section { margin-top: 35%; }
  .visual-slas2018 p { font-family: slatemed; }
  .visual-jala section { margin-top: 34%; }
  .visual-sengine section{margin-top:25%}
  .visual-sengine p:first-child{font-size:18px}
  .visual-sengine #customer-name{font-size:20px}
}
@media all and (max-width: 360px) { .hero-section, .animate { max-height: 516px; }
  .mobile-break { display: block; }
   #main-testimonial, .testimonial-text{height:600px}
}
@media all and (max-width: 340px) { .hero-section, .animate { max-height: 480px; }
  .hero-section h1 { margin-left: -5%; }
}
/*//////////////////////////////////////////////////////////////////////////////////////// MOBILE
////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-device-width: 320px) and (max-device-width: 736px) { .hero-section .slick-arrow { visibility: hidden; }
  .hero-section:after { display: none; } }

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