@media screen and (min-width:440px) {

	#content .posts-list.latest .post {}
	#content .posts-list.latest .post {width:auto;}
	#content .posts-list.latest .post article {display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center;}
	#content .posts-list.latest .post article .thumb {width:calc(50% - 20px);}
	#content .posts-list.latest .post article .details {width:calc(50% - 20px); margin-left:auto; box-sizing:border-box;}
	#content .posts-list.latest .post article .details h2 {font-size:56px; line-height:62px;}
	#content .posts-list.latest .post article .details h2 a {color:#00AAD2;}

}

@media screen and (min-width:1280px) {

	#header #nav-toggle {display:none;}
	
	#main-nav {float:right; margin:30px 0 0 0;}
	#main-nav #menu-primary {display:-ms-flexbox; display:flex;}
	#main-nav #menu-primary li {position:relative; margin:0 0 0 35px; padding:0 0 30px 0; font-size:14px; line-height:35px;}
	#main-nav #menu-primary > li.menu-item-has-children::after {position:absolute; bottom:15px; left:50%; width:0; height:0; content:''; border:5px solid transparent; border-bottom:none; border-top-color:#00AAD2; transform:translate(-50%);} 
	#main-nav #menu-primary li:first-child {margin:0;}
	
	#main-nav #menu-primary .sub-menu {position:absolute; top:65px; left:50%; min-width:170px; padding:10px; text-align:center; background:rgba(0,170,210,0.85); transform:translate(-50%); visibility:hidden; opacity:0; transition:all 0.5s ease;}
	#main-nav #menu-primary li:hover .sub-menu,
	#main-nav #menu-primary > li > a:focus + .sub-menu {visibility:visible; opacity:1;}
	#main-nav #menu-primary .sub-menu li {margin:0; padding:0; line-height:20px; white-space:nowrap;}
	#main-nav #menu-primary .sub-menu li a {padding:5px 0;}
	#main-nav #menu-primary .sub-menu li a:hover,
	#main-nav #menu-primary .sub-menu li a:active,
	#main-nav #menu-primary .sub-menu li a:focus,
	#main-nav #menu-primary .sub-menu li.current-menu-item a {color:#26185d;}
	
	#main-nav .close {display:none;}

	#content .content-section .intro.intro-layout-b,
	#content .content-section .cols-1.content-layout-b .col-1 {width:940px;}

	#content .bg-blob {z-index:1000; position:absolute; left:50%; display:block; width:225px; height:190px; transform:translate(-50%, 50%);}
	#content .bg-blob::before {position:absolute; top:0; left:0; display:block; width:65px; height:63px; content:''; background:url('../images/bg-blob-1.png') center center no-repeat; background-size:cover;}
	#content .bg-blob::after {position:absolute; right:0; bottom:0; display:block; width:177px; height:174px; content:''; background:url('../images/bg-blob-2.png') center center no-repeat; background-size:cover;}
	
	#content .tech-section,
	#content .partners-section,
	#content .careers-section,
	#content .timeline-section,
	#content .people-section,
	#content #application-form {position:relative;}
	
	#content .tech-section .bg-blob {bottom:0; margin-left:400px;}
	#content .partners-section .bg-blob {bottom:50px; margin-left:-200px;}
	#content .people-section .bg-blob {bottom:0; margin-left:-400px;}
	#content .careers-section .bg-blob {bottom:50px;}
	#content #application-form .bg-blob {bottom:170px; margin-left:-400px;}
	#content .timeline-section .bg-blob.blob-1 {top:-80px; margin-left:400px; transform:scale(0.5);}
	#content .timeline-section .bg-blob.blob-2 {bottom:50px; margin-left:-550px;}

	#content .bg-blob::before {animation:floatBefore 6s ease-in-out infinite;}
	#content .bg-blob::after {animation:floatAfter 5s ease-in-out infinite;}
	@keyframes floatBefore {
		0% {transform:translateY(0);}
		50% {transform:translateY(10px);}
		100% {transform:translateY(0px);}
	}
	@keyframes floatAfter {
		0% {transform:translateY(0px);}
		50% {transform:translateY(15px);}
		100% {transform:translateY(0px);}
	}

}

@media screen and (max-width:1279px) {

	.wrapper {width:960px;}

	h1, #banner h2 {font-size:60px; line-height:66px;}
	h2, #content .editable-content h1 {font-size:36px; line-height:42px;}

	#header #main-logo img {height:70px;}

	#header #nav-toggle {float:right; display:block; margin:30px 0 0 0; padding:13px 0; border:none;}
	#header #nav-toggle span,
	#header #nav-toggle span::before,
	#header #nav-toggle span::after {position:absolute; display:block; width:30px; height:4px; content:''; border-radius:2px; background:#FFF;}
	#header #nav-toggle span {position:relative; text-indent:-9999px;}
	#header #nav-toggle span::before {top:-8px; transition:top 0.3s ease;}
	#header #nav-toggle span::after {bottom:-8px; transition:bottom 0.3s ease;}
	#header #nav-toggle:hover span::before {top:-10px;}
	#header #nav-toggle:hover span::after {bottom:-10px;}

	#main-nav {z-index:2000; position:fixed; top:0; right:-320px; bottom:0; width:320px; height:100vh; box-shadow:0 3px 5px 0 rgba(0,0,0,0); background:#26185d; overflow:hidden; transition:box-shadow 0.5s ease, right 0.5s ease;}
	#main-nav.active {right:0; box-shadow:0 3px 5px 0 rgba(0,0,0,0.25);}
	.logged-in #main-nav {top:32px; height:calc(100vh - 32px);}

	#main-nav .nav-wrap {width:100%; height:100%; padding:70px 0 120px 0; overflow-y:scroll; -webkit-overflow-scrolling:touch; box-sizing:border-box;}

	#main-nav #menu-primary li {padding:5px 20px; line-height:20px;}
	#main-nav #menu-primary .sub-menu {padding:10px 0 0 0;}
	#main-nav #menu-primary .sub-menu li {font-size:16px;}

	#main-nav .close {position:absolute; top:20px; right:20px; display:block; width:30px; height:30px; text-indent:-9999px; background:url('../images/bg-close.svg') center center no-repeat; background-size:24px;}

	#banner {min-height:420px;}

	#content section {padding:60px 0;}
	#content section.has-bg,
	#content .txt-img-section .row.has-bg {padding-bottom:120px;}
	
	#content .map-section {padding:0;}
	#content .awards-section,
	#content .downloads-section {padding-bottom:1px;}
	#content .partners-section,
	#content .investors-section,
	#content .icons-section {padding-bottom:20px;}
	#content .press-section,
	#content .solutions-section,
	#content .video-section {padding-bottom:40px;}
	#content .txt-img-section .row {padding:80px 0 40px 0;}

	#content .events-section .cols-wrap {display:block;}
	#content .events-section .col {width:auto; padding:0;}
	#content .events-section .col-1 {margin:0 0 50px 0; text-align:center;}
	#content .events-section .events-wrap {padding:0 45px;}
	#content .events-section .events-list {margin:0;}
	#content .events-section .events-wrap .prev {left:10px;}
	#content .events-section .events-wrap .next {right:10px;}

	#content .timeline-wrap {width:940px;}
	#content .timeline-list li .wrap.odd {margin-top:250px;}
	#content .timeline-list li .wrap::before {top:225px}
	#content .timeline-list li .wrap.odd::before {bottom:225px;}
	#content .timeline-list li .wrap::after {top:206px; height:25px;}
	
	#content .posts-list.featured .post .thumb {margin: 0 0 20px 0;}	

	#content .partners-list li,
	#content .investors-list li {width:50%;}

	#content .press-section .cols-wrap {display:block; margin:0;}
	#content .press-section .col {width:auto; padding:0;}
	#content .press-section .col-1 {margin:0 0 50px 0;}

	#content .icons-list li {width:33.33%!important;}
	#content .solutions-section .solutions-list .solution {width:33.33%; margin:0 0 40px 0;}

	#content .posts-section header .posts-nav.tags {margin:0 auto;}
	#content .posts-section header .posts-nav ul {display:none;}
	#content .posts-section header .posts-nav .filter-form {width:300px;}
	#content .posts-section header .posts-nav.categories .filter-form {display:block;}
	#content .posts-section header .search-form {width:300px;}

	#content .posts-list:not(.featured):not(.latest) .post {width:50%;}
	#content .posts-list.latest .post article .details h2 {font-size:44px; line-height:50px;}

	#content .careers-section .cols-wrap {display:block; margin:0;}
	#content .careers-section .col {width:auto; padding:0;}
	#content .careers-section .col-1 {margin:0 0 50px 0; text-align:center;}

	#content .steps-section .steps-list .step .text {width:calc(100% - 285px);}

	.single-post #main {width:690px;}
	#aside {width:220px; padding:60px 0;}
	#aside .cta {margin:0 0 20px 0; padding:20px;}

	#footer address {margin:0 0 20px 0;}
	
}

@media screen and (max-width:979px) {

	.wrapper {width:740px;}

	h1, #banner h2 {font-size:50px; line-height:56px;}

	#content .layout-section .cols-wrap {display:block; margin:0;}
	#content .layout-section .col {width:auto; padding:0;}
	#content .layout-section .col-1 {margin:0 0 30px 0;}

	#content .txt-img-section .row .cols-wrap {display:block; margin:0;}
	#content .txt-img-section .row .col {width:auto; padding:0;}

	#content .tech-section .cols-wrap {display:block; margin:0;}
	#content .tech-section .col {width:auto; padding:0;}
	#content .tech-section .col-1 .text {display:none;}
	#content .tech-section .col-2 .text {display:block;}
	#content .tech-section .video {max-width:600px; margin:0 auto 30px auto;}

	#content .timeline-wrap {width:705px;}

	#content .board-list li {width:50%;}
	
	#content .partners-list,
	#content .investors-list {margin:0 -10px;}
	#content .partners-list li,
	#content .investors-list li {margin:0 0 20px 0; padding:0 10px;}
	#content .partners-list li .wrap,
	#content .investors-list li .wrap {padding:20px 20px 1px 20px;}

	#content .posts-list.latest .post article .details h2 {font-size:32px; line-height:38px;}

	#content .press-list li {width:50%;}

	#content .downloads-list {margin:0 -10px;}
	#content .downloads-list li {margin:0 0 40px 0; padding:0 10px;}

	#content .careers-list .career {width:50%;}
	#content .career-section .row {margin:0 0 30px 0; padding:30px 0 0 0;}

	#content .products-section {padding-bottom:40px;}
	#content .products-section .intro {margin:0 0 50px 0;}
	#content .products-section .products-list .product {width:50%; margin:0 0 40px 0;}

	#content .solutions-section .solutions-list .solution {width:50%;}

	#content .content-wrapper {display:block;}
	.single-post #main {width:auto;}
	#content .post-section {padding-bottom:30px;}
	
	#content .posts-section header .posts-nav .filter-form,
	#content .posts-section header .search-form {width:230px;}
	
	#aside {width:auto; padding:0; padding-bottom:60px;}

	.newsletter-section .content-form .wrap .field {width:50%; margin:0 0 20px 0;}
	.newsletter-section .content-form .info {margin:0 0 20px 0; padding:0;}

	
	.newsletter-section .hs-form .hs-submit {padding-top:0;}

	#footer {text-align:center;}
	#footer .cols-wrap {display:block; margin:0;}
	#footer .col {width:auto; padding:0;}
	#footer .col-2 {text-align:center;}
	#footer .col-2 .wrap {display:block;}
	#footer .logos {justify-content:center;}
	#footer .logos li {margin:0 10px 20px 10px;}
	#footer nav ul {justify-content:center;}
	#footer .social-links {justify-content:center;}
	
	#aside .cta.posts {display:none;}	
	#content .diagram-section .tabs .diagram:before {display: none;}
	#content .diagram-section .tabs .diagram {padding: 0 90px;}

}

@media screen and (max-width:782px) {

	.logged-in #header {top:46px;}
	.logged-in #main-nav {top:46px; height:calc(100vh - 46px);}
	.front-page #banner {min-height:calc(100vh - 46px);}

}

@media screen and (max-width:759px) {

	.wrapper {width:580px;}

	h1, #banner h2 {font-size:40px; line-height:46px;}
	#content .post-section header h1 {font-size:40px; line-height:46px;}
	h2, #content .editable-content h1 {font-size:30px; line-height:36px;}
	h3 {font-size:20px; line-height:26px;}

	#header {padding:0;}
	#header #main-logo img {height:50px;}
	#header #nav-toggle {margin:20px 0 0 0;}

	#banner::after {background-size:760px 50px;}
	#banner .content {padding-top:120px;}

	#content section.has-bg,
	#content .txt-img-section .row.has-bg {padding-bottom:70px;}
	#content section.has-bg::after,
	#content .txt-img-section .row.has-bg::after {background-size:760px 50px;}

	#content .timeline-wrap {width:470px;}

	#content .awards-list {margin:0;}
	#content .awards-list li {width:50%;}

	#content .products-section {padding-bottom:20px;}

	#content .press-list,
	#content .partners-list,
	#content .investors-list {display:block; margin:0;}
	#content .press-list li,
	#content .partners-list li,
	#content .investors-list li {width:auto; padding:0;}

	#content .downloads-list li {width:50%;}

	#content .steps-section .intro {margin:0 0 50px 0;}
	#content .steps-section .steps-list .step {display:block;}
	#content .steps-section .steps-list .step:not(:last-child) {position:relative; padding:0 0 30px 0;}
	#content .steps-section .steps-list .step:not(:last-child)::after {display:none;}
	#content .steps-section .steps-list .step .title {z-index:2; position:relative; display:block; width:auto; min-height:auto; padding:0; background:none;}
	#content .steps-section .steps-list .step .title h3 {margin:0 0 20px 0; text-align:left; font-size:30px;}
	#content .steps-section .steps-list .step .text {width:auto; margin-left:0; padding-top:0;}

	#content .posts-section header {display:block;}
	#content .posts-section header .posts-nav .filter-form,
	#content .posts-section header .search-form {width:100%; margin:0;}
	#content .posts-section header .posts-nav .filter-form {margin:0 0 10px 0;}

	#content .posts-list.latest .post article {display:block;}
	#content .posts-list.latest .post article .thumb {width:auto;}
	#content .posts-list.latest .post article .details {width:auto;}
	
	.newsletter-section .hs-form {display:block; margin:0;}
	.newsletter-section .hs-form .hs-form-field {width:100%; margin:20px 0 10px 0; padding:0;}	

}

@media screen and (max-width:579px) {

	.wrapper {width:100%;}

	body {font-size:16px;}

	#content .posts-list {margin:0 -10px;}
	#content .posts-list .post {padding:0 10px;}

	#content .post-section header .wrap {display:block; margin:0 0 20px 0;}
	#content .post-section header .social {margin-left:-10px;}
	#content .post-section .form-wrap {margin:30px 0 0 0; padding:20px;}

	#content .board-list {display:block; margin:0;}
	#content .board-list li {width:auto; padding:0;}

	#content .timeline-wrap {width:235px; padding:0 40px;}
	#content .timeline-wrap::before {left:40px;}
	#content .timeline-wrap::after {right:40px;}
	#content .timeline-section .intro {margin:0 0 40px 0;}
	#content .timeline-list {background:none;}
	#content .timeline-list li .wrap.odd {margin-top:0;}
	#content .timeline-list li .wrap::before,
	#content .timeline-list li .wrap::after {display:none;}

	#content .awards-list {display:block;}
	#content .awards-list li {width:auto; padding:0;}

	#content .icons-list {margin:0;}
	#content .icons-list li {width:50%!important;}

	#content .stats-section .intro {margin:0 0 30px 0;}
	#content .stats-section .stats-list {margin:0;}
	#content .stats-section .stats-list li {width:200px;}
	#content .stats-section .stats-list li p .number {font-size:32px; line-height:32px;}

	#content .careers-list {display:block; margin:0;}
	#content .careers-list .career {width:auto; padding:0;}

	#content .diagram-section .tabs .diagram {padding:0;}

	.newsletter-section .content-form .wrap {display:block; margin:0;}
	.newsletter-section .content-form .wrap .field {width:100%; margin:0 0 10px 0; padding:0;}

	
	
	#content .events-section .events-list .event {width: auto;}

}

@media screen and (max-width:439px) {

	#content .posts-list {display:block; margin:0;}
	#content .posts-list .post {width:auto; padding:0;}
	#content .posts-list.latest .post article .thumb {width:260px;}
	#content .posts-list.latest .post article .details h2 {font-size:30px; line-height:36px;}

	#content .downloads-list {display:block; margin:0;}
	#content .downloads-list li {width:auto; padding:0;}
	
	#content .tech-section .tabs-list, #content .tech-section .tabs .content, #content .tech-section .tabs.videos {display: none;}

}

@media screen and (max-width:379px) {

	
	#content .icons-list {display:block;}
	#content .icons-list li {width:auto!important; padding:0;}

}