/* =============================
	0-768
==============================*/

@media only screen 
and (min-width : 0)
and (max-width : 768px) {
	
	header.featured-image {
	margin-top: 73px;
}
	
	main.push-down {
		padding-top: 120px;
	}
	
	.search-popup .modal-content {
		padding: 0;
	}
	
	.search-popup button.close {
		position: relative;
		left: 0;
	}
	
	.back-to-top {
		display: block !important;
		float: right;
		font-size: 2em;
		color: #ccc !important;
	}
	
	.slide-heading-intro h2 {
		margin: 70px 30px 40px 30px !important;
		font-size: 3.1em;
		line-height: 85%;
	}

	.slide-text-intro p {
		margin: 0 30px !important;
		font-size: 1.2em;
	}
	
	.panel-array .bucket-image,
	.panel-array .bucket-video,
	.panel-array .bucket-text {
		margin-bottom: 20px;
	}
	
	.homeSlide .container > h2 {
		font-size: 2em;
		line-height: 130%;
	}

	.slide-text p {
		font-size: 1em;
	}

	.slide-numbers {
		width: 80%;
		margin: 20px auto 0 auto;
		height: auto;
		display: table;
		border: 1px solid #bcb490;
	}

	.slide-numbers p {
		font-size: .9em;
	}

	.slide-numbers strong {
		margin: 5px auto -20px auto;
		display: table;
		font-size: 3em;
	}
	
	.bcg {
		background-position: center center;
		background-repeat: no-repeat;
		background-attachment: initial !important;
		background-size: cover;
		height: 100%;
		width: 100%;
	}
	
	.hsContent {
		width: 100%;
		position: absolute;
		left: auto;
		bottom: 50%;
		top: 40% !important;
	}
	
	.hsContainer a.next {
		position: absolute;
		left: 50%;
		bottom: 15px;
	}
	
	.panel-array h6 {
		font: 500 3em "IBM Plex Mono", sans-serif;
	}

	.panel-array h2 {
		font-size: 1.1em;
	}

	.panel-array p {
		font-size: .9em;
	}
	
	header h1 a.navbar-brand,
	header h2 a.navbar-brand {
		padding-top: 1px;
		width: 200px;
		height: 39px;
	}
	
	main.page {
		padding-left: 40px;
		padding-right: 40px;
	}
	
	aside.page-links {
		margin: 0;
		padding: 0;
	}
	
	aside.page-links ul {
		margin-bottom: 30px;
	}
	
	aside.page-links ul a {
		margin: 0;
		padding: 8px 10px;
		font-size: 1em;
		text-decoration: none;
		border-top: 1px solid #eae7dc;
		border-bottom: 1px solid #eae7dc;
	}
	
	aside.page-links ul li:first-child a {
		border-bottom: 0;
	}
	
	aside.page-links ul a:hover {
		color: #000;
		background: #eae7dc;
	}
	
	ul.our-team li strong.name,
	.our-team span.position {
		position: relative;
		top: -90px;
		font-size: 1em;
	}
	
	h2.blog-title {
		margin-bottom: 40px;
	}
	
	main.blog .excerpt {
		font-size: 130%;
		padding: 0 10px 10px 10px !important;
		background: none;
	}
	
	main.blog .excerpt h2 {
		margin-bottom: 15px;
		font-size: 1.4em !important;
		line-height: 130% !important;
	}

	main.blog .excerpt p {
		padding: 0 0 15px 0;
	}

	main.blog .excerpt p.continue {
		margin: 0;
		font: .8em/145% "IBM Plex Sans", serif;
	}

	main.blog .excerpt p.continue a {
		padding: 7px 15px;
		display: inline-block;
		color: #444;
		font-weight: 500;
		border: 1px solid #444 !important;
	}
	
	main.blog article.full-article {
		font-size: 130%;
		margin-bottom: 50px;
		padding: 0 10px 10px 10px !important;
		background: none;
	}
	
	article.full-article header h1 {
		font-size: 1.5em !important;
	}
	
	article.full-article h2 {
		font-size: 1.2em !important;
	}
	
	article.full-article figure {
		margin: 0 0 20px 0 !important;
		float: none !important;
		clear: both !important;
	}
	
	figcaption {
		text-align: left !important;
	}
	
	article.full-article footer {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.navigation-links ul li {
		display: block !important;
	}
	
	.blog-sidebar {
		text-align: center;
	}
	
	.blog-sidebar form#subscribe-blog-blog_subscription-2 {
		margin: 0;
		padding: 0;
	}
	
	.blog-sidebar form input {
		width: 60% !important;	
	}
	
	.blog-sidebar form button {
		width: 40% !important;
	}
	
	.blog-sidebar select {
		margin: 0 auto;
	}
	
	body.page-contact aside {
		margin-bottom: 20px;
		text-align: center;
	}
	
	a.linkedin-contact {
		margin: 0 auto;
	}
	
	footer.main .row {
		margin: 0 auto;
		display: table;
		text-align: center;
	}
	
	footer.main a.logo {
		margin: 0 auto 20px auto;
		width: 200px;
	}
	
	footer.main ul {
		margin: 0 auto 20px auto;
		padding: 0 !important;
	}
	
	footer.main ul a {
		margin: 0;
		padding: 5px 5px !important;
	}
	
	footer.main ul.badges li {
		display: inline;
		width: 100px;
		margin: 0 10px 0 10px;
		text-align: center;
	}
	
	footer.main ul.badges li img {
		margin-bottom: 30px;
		width: 100px;
		height: auto;
	}
	
	body.page-go-ahead-ask-us {
		background: #575a52 !important;
	}
	
	div.prove-it {
		margin: 0 0 20px 0;
		padding: 35px 20px 25px 20px;
		background: #bcb492;
	}
	
	div.prove-it h1 {
		font: 500 1.6em "IBM Plex Sans", sans-serif;
	}

	div.prove-it p {
		font: 1em "IBM Plex Sans", sans-serif;
	}
	
	div.prove-it form.everest-form {
		margin: 0 auto;
		padding-left: 0;
		padding-right: 0;
	}	
	
	button.back-button {
		position: absolute;
		right: 0;
		top: -5px;
		z-index: 100;
	}

}





/* =============================
	0-1000PX MOBILE to TABLET
==============================*/

@media only screen 
and (min-width : 0)
and (max-width : 990px) {
	
	header nav.navbar {
		height: auto !important;	
	}
	
	nav.navbar {
		margin: 0;
		border: 0;
		background: none;
	}

	button.navbar-toggler {
		margin: 0;
		padding: 15px 0 0 0;
		border: 0;
		float: right;
		background: none;
		border-radius: 0;
	}

	button.navbar-toggler:hover,
	button.navbar-toggler:active {
		background: none !important;
	}

	button.navbar-toggler.collapsed,
	button.navbar-toggler.collapsed:hover,
	button.navbar-toggler.collapsed:active {
		background: none !important;
	}

	button.navbar-toggle div {
		display: inline-block !important;
	}
	
	span.navbar-toggler-icon {
		border-color: #fff !important;
	}

	.navbar-toggler-icon {
	  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
	}

	.navbar-toggler {
	  border-color: rgb(255,255,255);
	} 

	div.navbar-collapse {
		margin-top: 5px;
		text-align: center;
	}

	div.navbar-collapse ul li {
		display: block;
	}

	div.navbar-collapse ul li a {
		color: #fff !important;
		text-decoration: none;
		text-align: center;
		
		text-transform: none;
		font-weight: normal;
		font: 1.3em "IBM Plex Mono", serif;
	}
	
	div.navbar-collapse ul li a:hover,
	div.navbar-collapse ul li a:focus {
		color: #000 !important;
	}

	div.navbar-collapse ul li:first-child a {
		border: 0;
	}
	
	nav li.search a {
		margin: 0 auto !important;
		display: inline-block;
		top: 0;
		left: 5px;
		padding: 0;
	}
	
	.panel-array .col-lg-4 {
		border: 0 !important;
	}
	
}