@media (max-width: 1800px){
	

	/* HEADER */
	header{
		top:50px;
	}
	a.logo{
		left: 50px;
	}
	.contactlink{
		right: 50px; top: 50px;
	}



	/* LEFT CONTENT SIDE */
	.layer_top img{
		width: 200px; height: auto;
	}
	.layer_top{
		top: -70px;
		right: -2px;
	}
	@keyframes uptodown {
	    from {top: -600px; right: 400px;}
	    to {top: -70px; right: -2px;}
	}
	@-webkit-keyframes uptodown {
	    from {top: -600px; right: 400px;}
	    to {top: -70px; right: -2px;}
	}
	.layer_left{
		right: 137px; bottom: -90px;
	}
	.layer_left img{
		width: 300px; height: auto;
	}
	@keyframes leftcorner {
	    from {bottom: -600px; right: 637px;}
	    to {bottom: -90px; right: 137px;}
	}
	@-webkit-keyframes leftcorner {
	    from {bottom: -600px; right: 637px;}
	    to {bottom: -90px; right: 137px;}
	}
	.contentbox_insidewrap{
		height: 335px;
		width: 100%;
		left: 0;
		padding: 0 50px;
	}
	.contentbox_insidewrap h2{
		font-size: 60px;
	}
	.contentbox_insidewrap h2 span{
		background: url(../../images/spaceborder.png) no-repeat center 67px;
		background-size: 180px auto;
		padding: 0 20px;
	}
	.contentbox_insidewrap p{
		width: 100%;
		font-size: 21px; line-height: 32px;
	}



	/* RIGHT EMAIL FORM SIDE */
	.layer_right{
		left: -30px; bottom:-30px;
	}
	.layer_right img{
		width: 150px;
	}
	@keyframes downtoup {
	    0% {bottom: -600px;}
	    100% {bottom: -30px;}
	}
	@-webkit-keyframes downtoup {
	    0% {bottom: -600px;}
	    100% {bottom: -30px;}
	}
	.notebox_insidewrap{
		width: 100%; height: 335px;
		padding: 0 50px; left: 0;
	}
	.notebox_insidewrap h2{
		font-size: 60px;
	}
	.notebox_insidewrap p{
		width: 100%;
		font-size: 21px; line-height: 32px;
		margin-bottom: 105px;
	}
	.emailform{
		width: 460px;
	}
	input[type="email"].emailform_field{
		width: 280px;
	}



	/* CONTACT FORM SIDE */
	.getintouch_insidewrap{
		width: 100%; height: 335px;
		left: 0; padding-left: 50px; padding-right: 50px;
	}
	.getintouch_insidewrap h2{
		font-size: 60px;
	}
	.contactform fieldset{
		height: 55px; margin-bottom: 30px;
	}
	.contactform fieldset input[type="text"],
	.contactform fieldset textarea{
		height: 55px;
		font-size: 18px;
	}
	.contactform fieldset textarea{
		height: 55px;
	}
}


@media (max-width: 1500px){
	

	/* HEADER */
	



	/* LEFT CONTENT SIDE */
	.layer_top img{
		width: 150px; height: auto;
	}
	.layer_top{
		top: -70px;
		right: -10px;
	}
	@keyframes uptodown {
	    from {top: -600px; right: 400px;}
	    to {top: -70px; right: -10px;}
	}
	@-webkit-keyframes uptodown {
	    from {top: -600px; right: 400px;}
	    to {top: -70px; right: -10px;}
	}
	.layer_left{
		right: 110px; bottom: -60px;
	}
	.layer_left img{
		width: 220px; height: auto;
	}
	@keyframes leftcorner {
	    from {bottom: -600px; right: 637px;}
	    to {bottom: -60px; right: 110px;}
	}
	@-webkit-keyframes leftcorner {
	    from {bottom: -600px; right: 637px;}
	    to {bottom: -60px; right: 110px;}
	}
	
	.contentbox_insidewrap h2{
		font-size: 52px;
	}
	.contentbox_insidewrap h2 span{
		background: url(../../images/spaceborder.png) no-repeat center 58px;
		background-size: 160px auto;
		padding: 0 20px;
	}
	.contentbox_insidewrap p{
		padding-right: 30px;
	}



	
	/* RIGHT EMAIL FORM SIDE */
	.notebox_insidewrap h2{
		font-size: 52px;
	}



	/* CONTACT FORM SIDE */
	.getintouch_insidewrap h2{
		font-size: 52px;
	}
}



@media (max-width: 1270px){
	

	/* HEADER */
	header{
		top:30px;
	}
	a.logo{
		left: 30px;
	}
	.contactlink{
		right: 30px; top: 30px;
	}
	



	/* LEFT CONTENT SIDE */
	.contentbox_insidewrap{
		height: 300px;
		padding: 0 30px;
	}
	.contentbox_insidewrap h2{
		font-size: 36px;
	}
	.contentbox_insidewrap h2 span{
		background: url(../../images/spaceborder.png) no-repeat center 40px;
		background-size: 110px auto;
		padding: 0 10px;
	}
	.contentbox_insidewrap p{
		width: 100%;
		font-size: 18px; line-height: 26px;
		padding-right: 0;
	}
	


	
	/* RIGHT EMAIL FORM SIDE */
	.layer_right{
		left: -30px; bottom:-70px;
	}
	.layer_right img{
		width: 130px;
	}
	@keyframes downtoup {
	    0% {bottom: -600px;}
	    100% {bottom: -70px;}
	}
	@-webkit-keyframes downtoup {
	    0% {bottom: -600px;}
	    100% {bottom: -70px;}
	}
	.notebox_insidewrap{
		height: 300px;
		padding: 0 30px;
	}
	.notebox_insidewrap h2{
		font-size: 36px;
	}
	.notebox_insidewrap p{
		width: 100%;
		font-size: 18px; line-height: 26px;
		margin-bottom: 105px;
	}


	/* CONTACT FORM SIDE */
	.getintouch_insidewrap h2{
		font-size: 36px;
	}
	.getintouch_insidewrap{
		height: 300px;
		padding: 0 30px;
	}
	.contactform fieldset{
		height: 50px; margin-bottom: 30px;
	}
	.contactform fieldset input[type="text"],
	.contactform fieldset textarea{
		height: 50px;
		font-size: 18px;
	}
	.contactform fieldset textarea{
		height: 50px;
	}
}



@media (max-width: 1190px){
	

	/* HEADER */

	

	/* LEFT CONTENT SIDE */

	


	
	/* RIGHT EMAIL FORM SIDE */
	.emailform{
		width: 100%;
	}
	input[type="email"].emailform_field{
		width: 60%;
	}
	button.email_submitbutton{
		width: 39%;
	}


	/* CONTACT FORM SIDE */

}


@media (max-width: 960px){
	.siteloader{display: none !important;}
	body{
		background:#102236;
		overflow-y:auto; 
	}

	/* HEADER */
	.mobcontact{
		display: block;
	}
	.mobcontact.active span.mobtext{
		display: block;
	}
	.mobcontact.active span.pctext{
		display: none;
	}
	header{
		position: fixed;
		width:100%;
		height:90px;
		background: #fff;
		margin: 0 0 0 0;
		z-index:99;
		left:0; top:0;
		padding: 20px 30px;
		box-shadow:0 0 9px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 9px rgba(0,0,0,0.4);
	}
	a.logo{
		position: relative; float: left;
		width: auto; left: 0; top: 0;
		font-size: 38px; 
		line-height: 49px;
		text-decoration: none;
		animation:none;
		-webkit-animation:none;
	}
	
	

	/* LEFT CONTENT SIDE */
	.content_box{
		position: relative; float: left;
		left: 0; top: 0;
		width: 100%; height: auto;
		padding: 70px 30px;
		margin: 90px 0 0 0;
		background: #fff;
	}
	.content_box.active{
		left: 0;
	}
	.contentbox_insidewrap{
		position: relative; float: left;
		width: 100%; height: auto;
		margin: 0 0;
		left: 0; top: 0; bottom: 0;
		padding: 0;
	}
	.contentbox_insidewrap h2,
	.contentbox_insidewrap h3,
	.contentbox_insidewrap p,
	.contentbox_insidewrap a.workbutton{
		animation-delay:0s;
		-webkit-animation-delay:0s; 
	}
	.contentbox_insidewrap h2{
		font-size: 36px;
		margin-bottom: 40px;
	}
	.layer_top, .layer_left{
		display: none !important;
	}
	


	
	/* RIGHT EMAIL FORM SIDE */
	.contactlink{
		display: none !important;
	}
	.note_box{
		position: relative; float: left;
		right: 0; top: 0;
		width: 100%; height: auto;
		padding: 30px 30px;
		background: #102236;
	}
	.note_box.active{
		right:0;
	}
	.note_box .bluebg{
		display: none;
	}
	.layer_right{
		display: none;
	}
	.notebox_insidewrap{
		position: relative; float: left;
		width: 100%; height: auto;
		left: 0; top: 0; bottom: 0;
		margin: 0 0 0 0;
		z-index: 99;
		padding: 0;
	}
	.notebox_insidewrap h2,
	.notebox_insidewrap p,
	.emailform{
		animation-delay:0s;
		-webkit-animation-delay:0s; 
	}
	.notebox_insidewrap h2{
		font-size: 24px;
		margin-bottom: 40px;
		color: #929292;
	}
	.notebox_insidewrap h2 span{
		display: inline;
	}
	.notebox_insidewrap p{
		display: none;
	}
	button.email_submitbutton span.spctext{
		display: none;
	}
	button.email_submitbutton span.smobtext{
		display: block;
	}
	input[type="email"].emailform_field{
		width: 70%;
	}
	button.email_submitbutton{
		width: 29%;
	}



	/* CONTACT FORM SIDE */
	.getintouch_box{
		position: fixed;
		right: 0; top: -1400px;
		width: 100%; min-height: 100%; height: 100%; 
		z-index: 21;
		background: #102236;
		overflow-y: auto;
	}
	.getintouch_box.active{
		right: 0; top: 0;
	}
	.getintouch_insidewrap{
		position: relative; float: left;
		width: 100%; height: auto;
		left: 0; top: 0; bottom: 0;
		margin: 0 0; padding:170px 30px 80px 30px;
	}
	.getintouch_insidewrap h2,
	.contactform{
		animation-delay:0s; 
		-webkit-animation-delay:0s; 
	}
	.getintouch_insidewrap h2{
		color: #fff;
		font-size:36px;
		margin-bottom: 40px;
	}
	.contactform fieldset{
		float: left;
		width: 100%; height: auto;
		margin: 0 0 40px 0;
	}
	.contactform fieldset input[type="text"],
	.contactform fieldset textarea{
		width: 100%; height: 48px;
		border-bottom: 2px solid #3b4d61; 
		font-size: 18px;
	}
	.contactform ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	  color: #3b4d61;
	}
	.contactform ::-moz-placeholder { /* Firefox 19+ */
	  color: #3b4d61;
	}
	.contactform :-ms-input-placeholder { /* IE 10+ */
	  color: #3b4d61;
	}
	.contactform :-moz-placeholder { /* Firefox 18- */
	  color: #3b4d61;
	}
	.contactform fieldset input[type="text"]:focus,
	.contactform fieldset textarea:focus{
		border-bottom: 2px solid #e7822b; 
		color: #fff;
	}
	button.contact_submitbutton{
		width: 100%; height: 44px;
		font-size: 16px;
		padding: 0 0 0 30px;
		position: relative;
		transition:0.7s; -webkit-transition:0.7s;
		background: #79bd9a;
		border: none;
		border-radius:25px; -webkit-border-radius:25px;
	}

}



@media (max-width: 568px){
	a.logo img{
		margin-right: 15px;
	}
	header{
		padding: 20px 20px;
	}
	.content_box{
		padding: 50px 20px;
	}
	.note_box{
		padding: 50px 20px;
	}
	.getintouch_insidewrap{
		padding: 140px 20px 50px 20px;
	}
	input[type="email"].emailform_field{
		width: 67%;
	}
	button.email_submitbutton{
		width: 32%;
	}
}


@media (max-width: 400px){
	header{
		padding: 25px 20px;
	}
	input[type="email"].emailform_field{
		width: 60%;
	}
	button.email_submitbutton{
		width: 39%;
	}
	button.email_submitbutton:after{
		right: 12px;
	}
	button.email_submitbutton:hover:after{
		right: 8px;
	}
	.getintouch_insidewrap h2{
		color: #fff;
		font-size:30px;
		margin-bottom: 40px;
	}
	.notebox_insidewrap h2{
		font-size: 21px;
		margin-bottom: 30px;
		color: #929292;
	}
	.contentbox_insidewrap h2{
		font-size: 30px;
		margin-bottom: 40px;
	}
	.contentbox_insidewrap h2 span{
		background: url(../../images/spaceborder.png) no-repeat center 35px;
		background-size: 90px auto;
		padding: 0 10px;
	}
	a.logo{
		font-size: 21px; line-height: 37px;
	}
	a.logo img{
		width: 38px; height: auto;
		margin-right: 6px;
	}
	.mobcontact{
		width: auto; height: 38px; line-height: 34px;
		font-size: 14px;
		margin: 2px 0 0 0;
		padding: 0 30px 0 15px;
		background: url(../../images/arrow_down.png) no-repeat 92% center;
		background-size: 10px auto;
	}
	.mobcontact.active{
		background: url(../../images/arrow_up.png) no-repeat 92% center;
		background-size: 10px auto;
	}
}