@media only screen and (max-width: 1330px) {
	
	.grid {
		width: 100%;
		padding: 0 80px;
	}

}

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

/*	#header .contact-list li a {
		width: 15px;
	}
	
	#header #logo {
		width: 190px;
	}
*/

	.default-content,
	.default-content .inner-default {
		display: block;
	}

		.default-content {
			float: left;
		}
	
}

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

	#main-nav ul li a {
		font-size: 12px;
	}

	.text-control li span {
		font-size: 30px;
	}

}

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

	.short-content-max {
		/*width: 80%;*/
		max-width: none;
	}

	.inner-short {
		margin: 0 45px;
	}

}

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

	* { box-sizing: border-box; }
	
	html, body { min-height: 100%; -webkit-text-size-adjust: 100%; font-size: 13px; line-height: 22px; }

	body {
		padding-top: 50px;
		padding-bottom: 0;
	}
	a { text-decoration: none; }

	a[href^=tel] {
	    color:inherit;
	    text-decoration: inherit;
	    font-size:inherit;
	    font-style:inherit;
	    font-weight:inherit;
	}
	
	#header {
		padding: 0px;
		border-bottom: 1px solid #e2e2e2;
	}
	
	#header.smaller {
		margin-top: 0px!important;
	}
	
	#main {
		padding-top: 0px;
	}
	
	.main-header {
		background: white;
		padding: 0px;
		text-align: center;
		color: white;
		position: fixed;
		width: 100%;
		left: 0px;
		top: 0px;
		z-index: 10;
		transition: all 0.3s ease;
		height: 50px;
		line-height: 50px;
		padding-left: 50px;
	}
		
		#main-nav ul ul.sub-menu {
			position: relative;
			display: block;
			visibility: visible;
			opacity: 1;
			top: 0;
			padding: 0;
			background-color: #fff;
		}

			.menu-item-has-children:hover .sub-menu {
				top: 0;
				padding: 0;
			}

			.current-page-parent {
				background-color: #f0f0f0;
			}			

				#main-nav ul li.current-menu-item a, #main-nav > .menu-header > ul > li:hover > a, #main-nav > .menu-header ul ul li:hover > a {
					background-color: #f0f0f0;
				}

		.main-header h2 span {
			color: #005b84;
		}
	
	.main-header a {
		position: absolute;
		left: 0px;
		top: 0px;
		color: white;
		font-size: 30px;
		width: 50px;
		height: 50px;
		border-right: 1px solid #e2e2e2;
	}
	
	#main-nav .menu-header {
		width: 100%;
	}
	
	#main-nav .social-header {
		float: left;
		width: 100%;
		margin-bottom: 50px;
	}
	
	#main-nav .social-header li {
		width: 12.5%;
		float: left;
	}
	
		#main-nav .social-header li a {
			padding-left: 5px;
			padding-right: 5px;
		}
	
	.mobile-menu-holder {
		height: 50px;
		float: right;
		width: 100%;
		transition: width 0.3s ease;
	}
	
	#mobile-nav {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 0%;
		background: white;
		overflow-y: auto;
		transition: height 0.3s ease;
		z-index: 10;
	}
	
	#mobile-nav ul {
		padding: inherit;
		background-color: inherit;
		overflow: inherit;
		zoom: inherit;
		margin: inherit;
	}
	
	#mobile-nav ul li {
		float: inherit;
		margin-right: inherit;
		position: inherit;
		margin-left: inherit;
		white-space: nowrap;
		line-height: inherit;
		width: 100%;
		padding: 0;
		text-align: left;
	}
	
		#mobile-nav ul li:hover ul {
			top: 0 !important;
			opacity: 1;
		}
	
		#mobile-nav ul ul {
			position: relative;
			top: 0;
			left: 0;
			opacity: 1;
			padding: 0;
			background: none;
		}

		.sub-menu li a {
			border-left: none !important;
		}
		
			#mobile-nav ul ul li {
				display: block;
			}
			
				#main-nav ul ul li a {
					color: inherit;
					padding: 15px 25px;
				}
				
				.no-border a {
					border-top: 1px solid #e2e2e2 !important;
				}
	
		#main-nav ul li a {
			padding: 10px;
			border-right: none;
		}

			#main-nav ul ul li a{
				padding: 10px 18px;			
			}
	
	.mobile-nav a {
		display: block;
		border-top: 1px solid #e2e2e2;
		color: #223d4c;
		padding: 15px;
	}

	/*--------------------------------
	HEADER
	--------------------------------*/

	#header #logo {
		width: auto;
		float: none;
		text-align: center;
		margin: 0;
	}

		#header #logo img {
			width: 200px
		}

	.image {
		background-attachment: fixed;
	}
	
	.close-menu {
		display: none;
	}
	
	#mobile-nav.open {
		height: 100%;
		width: 100%;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
	
	.mobile-menu-holder.open .main-header {
		top: 100%;
		margin-top: -50px;
		border-top: 1px solid #e2e2e2;
	}
	
	.mobile-menu-holder.open .open-menu {
		display: none;
	}
	
	.mobile-menu-holder.open .close-menu {
		display: block;
	}
	
	#footer {
		position: relative;
		float: left;
		padding: 10px;
	}
	
	.default-content {
		text-align: left !important;
	}

	/*--------------------------------
	GRIDS
	--------------------------------*/
	
	.grid {
		padding: 0 25px;
	}

	.content {
		padding: 20px 25px;
	}
	
	.dynamic-col-1, .dynamic-col-2 {
		width: 100%;
		margin: 0;
	}
	
	.content,
	.bottom-section {
		height: auto !important;
	}
	
	.half {
		width: 100%;
		padding: 0;
	}

	.content.bottom-section {
		background-color: rgba(255,255,255, 0.9);
	}

	.home-container .content.bottom-section {
		background-color: transparent !important;
	}

	/*--------------------------------
	FONTS
	--------------------------------*/

	h2,
	.text-control li span {
		font-size: 25px;
	}

	h1 {
		font-size: 30px !important;
	}

	/*--------------------------------
	CONTENT
	--------------------------------*/
	
	.short-holder,
	.short-content {
		display: block;
	}

	.inner-short {
		margin: 0;
	}

	/*--------------------------------
	WIE WAT WAAR
	--------------------------------*/
	
	.text-control {
		margin-top: 15px;
	}

	.text-control li {
		margin-right: 0px;
		padding: 15px 22px;
	}

	.flexslider ul ul li {
		margin-bottom: 15px;
	}
	
	/*--------------------------------
	CONTACT
	--------------------------------*/

	.wpcf7 .half.right {
		padding: 0;
	}
	
	/*--------------------------------
	CENTERED IMAGES 
	--------------------------------*/
	#www {
		margin-top: 50px;
	}

	.center-images li {
		display: block !important;
		width: 50%;
		float: left;
		margin: 0 !important;
		padding: 4px;
	}
}

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

	/*--------------------------------
	MENU
	--------------------------------*/

	#main-nav ul li a{
		padding: 7px;
		border-right: none;
	}

		#main-nav ul ul li a{
			padding: 7px 18px;			
		}
	
	
	.inner-content {
		padding: 30px 15px 15px;
	}
	
	.contact-content {
		padding: 30px 0 15px;
	}
	
		.contact-content .onethird, .contact-content .twothird {
			margin-bottom: 30px;
		}
	

	
	#footer {
		text-align: center;
		font-size: 12px;
	}
		
		#footer li {
			float: none !important;
			display: inline-block;
			margin: 5px;
		}
		
		#footer .right {
			display: block;
			clear: left;
			width: 100%;
		}
			
			#footer .creator {
				margin-top: 5px;
				display: block;
			}
			
	.half, .quarter, .threequarter, .onethird, .twothird {
		width: 100%;
	}
	
	.flexslider ul ul li {
		padding: 0;
	}
	
	#post-6 .bottom-section {
		background: none;
	}
	
	.bottom-section {
		background: rgba(255,255,255,.8);
	}
		
		.text-control li span {
			font-size: 16px;
		}
		
	.page-nav {
		display: none;
	}
	

	/*--------------------------------
	FONTS
	--------------------------------*/

	h1, h2 {
		font-size: 22px !important;
		letter-spacing: -1px;
		margin-bottom: 20px;
	}
	
	.subtitle {
		font-size: 16px;
	}

	/*--------------------------------
	GRIDS
	--------------------------------*/
	
	.content {
		padding: 30px 0;
	}
	
	#content.contact .content {
		padding: 0;
	}
 
	.grid {
		padding: 0 25px !important;
	}

	.dynamic-col-1, .dynamic-col-2 {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}

	
	/*--------------------------------
	HEADER
	--------------------------------*/

	..short-content-max {
		padding: 0 15px;
	}

	/*--------------------------------
	CONTACT
	--------------------------------*/

	.wpcf7-submit {
		width: 100%;
	}

	#map-container {
		height: 250px;
	}

	div.wpcf7-mail-sent-ok {
		border: none !important;
		position: absolute;
		bottom: -25px;
		width: 100%;
		background: #acd589;
		color: #687631 !important;
		text-transform: uppercase;
		font-weight: bolder;
		font-size: 10px;
		margin: 0;
	}

}