@media (max-width: 1024px) {
	#header .navbar-nav > li {
		margin-left: 2% !important;
	}
	#header .nav{ 
		width: 100% !important;
	}
	.spacer {height: 80px;}
}

@media (min-width: 992px) {	

	#sidebar-wrapper { top: 73px !important; }

	#services,
	#processes,
	#intro{
		padding-top: 50px;
		padding-bottom: 50px;
	}

	#services h3{ padding-bottom: 30px; }
	#services p { padding-top: 30px; }


}
@media (max-width: 991px) { 
	#logo{
		margin: 8px;
	}

	.desktop-view{ height:50px; }
	#logo, .logo-wrap{
		margin: 4px 0px;

	}
	
	#header .navbar-nav > li { margin-left: 3% !important; }



	body{ overflow-x: hidden; }

	.affix{ 
		position: relative!important;
		top: auto;
	}

	.paraffix { padding-bottom: 0; }
	.buttons .btn {

	    min-width: inherit;

	    padding: 10px 15px;

		font-size: 14px;

	}

	.kit {
	    margin: -150px 0 15px -50px;
	    max-width: 100%;
	}	h2 .title,


	h3 .title { font-size: 30px; }

	#who-we-are { 
		font-size: 16px;
		padding: 50px 0;
	}

	#who-we-are .who {
	    margin-bottom: 30px;
	    padding-bottom: 30px;
	}


	.who aside { text-align: center; }
	.form input[type="submit"], .form input[type="button"] {
	    font-size: 16px;
	    padding: 10px 35px;
	}

}

@media (max-width: 767px) {

	.btn-overlay{		top: (50% - 28px);}


	h2.title{

	    font-size: 36px;

	}
	h3.title {

	    font-size: 26px;

	}
	#header nav {

		margin: 0px;

		padding-bottom: 10px;

		}
	#header nav li {

	    display: inline-block;

	    margin: 0 5px;

	}
	#header p { margin: 0px;}
	#services{ font-size: 16px; }
	.bottom-section h2 {

	    font-size: 25px;

	}

	.bottom-section h4{ 

		font-size: 20px;

	}
	.copy,

	.copy .text-right{

		text-align: center;

	}

	#footer .copy{ 

		padding: 35px 0 0;

	}
	.bottom-section,

	#footer{ 

		padding: 35px 0;

	}
	#footer h3 {

	    font-size: 23px;

	    margin: 15px 0 15px;

		}
	#who-we-are{ 

		font-size: 15px;

		line-height: normal;

		padding: 30px 0;

	}
	.kit {

	    margin: 0 auto 20px;

	    max-width: 100%;

			display: block;

	}
	#footer form,

	#footer p{ 

		max-width: inherit;

		margin-top: 30px;;

	}
	#footer p{ padding-top: 5px;}
	#footer .foot-logo {

		display: block !important;

		max-width: 300px;

		margin: 0 auto;

	}

	#header {
	    height: 85px;
	}
	#logo {
	    width: 100%;
	}

}/* max-width: 767px */
@media (max-width: 568px) {	


	#services,
	#processes{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.btn-overlay{

		top: (50% - 28px);

	}

}

@media (max-width: 480px) {

	#services,
	#processes,
	#intro{
	padding-top: 40px;
	}

	#footer .col-xs-6{ 
		width: 100%;
		margin: 0 auto;
	}
	#services h3,

	#processes h3{

		padding-bottom:40px;

	}
	#services p,

	#processes p{

		padding-top: 40px;

	}

	

	

	.btn-overlay{


		top: (50% - 28px);

	}

	.logo-wrap {
	    margin: 0;
	    padding: 0;
	}
	#logo { 
	    margin: 20px 0 0;
	}

}