@media only screen and (max-width : 1200px) {
	body {
		overflow-x: hidden;
		/* Hide horizontal scrollbar */
	}

	.slide-caption_title {
		font-size: 3rem;
		font-weight: 900;
		margin-bottom: 0;
	}

	.timeline {
		display: none;
	}

	ul.tijdlijn-mobiel {
		display: block;
		margin-top: 50px;
		margin-bottom: 50px;
	}
	
	.tijdlijn-mobiel li.li-complete h4, .li-nietafgerond h4 {
    line-height: 22px;
    font-size: 14px;
}

    .tijdlijn-mobiel li.li-complete::before, li.li-nietafgerond::before {
        top: 30px;
    }
    
    #overlay-button {
        display: block!important;
    }
	
}

@media only screen and (max-width : 979px) {
    
	img.facebook-img {
    width: 45px;
    height: 45px;
    position: relative;
    top: 0;
    right: 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

	.scroll .navbar {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.inner-oranje h1 {
		font-size: 35px;
	}

	.partijen {
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 10px;
		line-height: 1.8em;
	}

	.inner-oranje h2 {
		font-size: 16px !Important;
		width: 100% !Important;
	}

	#slider .owl-item img {
		width: auto !important;
		height: 400px !important;
	}

	.hero-title {
		font-size: 50px;
	}

	ul.tijdlijn-mobiel {
		margin-top: 60px;
		margin-bottom: 30px;
	}

	.navbar {
		padding-top: 40px;
		padding-bottom: 40px;
		-webkit-box-shadow: 0 2px 40px 0 rgb(0 0 0 / 20%);
		-moz-box-shadow: 0 2px 40px 0 rgba(0, 0, 0, .2);
		box-shadow: 0 2px 40px 0 rgb(0 0 0 / 20%);
		z-index: 4485;
		-webkit-transition: all .4s ease;
		-moz-transition: all .4s ease;
		-ms-transition: all .4s ease;
		-o-transition: all .4s ease;
		transition: all .4s ease;
	}

	.button_container {
		z-index: 999999;
	}

	.navbarscroll .navbar-brand {
		transform: translateY(-20px);
	}

	div#mobielmenu {
		z-index: 99999;
		position: relative;
	}



	.mobiel-wrapper {
		background-color: #dadada !important;
		z-index: 99999;
		position: absolute;
		width: 100%;
	}

	.nav-container {
		display: block;
	}

	.header-projecten h1 {
		color: #4c565c;
		position: relative;
		text-align: center;
		margin-top: 70px;
	}

	ul.categorien a {
		font-size: 15px;
		margin-bottom: 15px;
		padding: 10px 19px;
		font-weight: 600;
	}

	ul.sub-menu {
		display: block;
	}

	.timeline {
		display: none;
	}

	.header-afbeelding {
		height: 400px;
	}


	@media only screen and (max-width : 767px) {
		
		.blokken-cont {
		    padding-left: 30px;
   		 padding-right: 30px;
}


		.inner-oranje h2 {
			font-size: 14px !Important;
			width: 100% !Important;
		}


		.inner-oranje h1 {
			font-size: 25px;
		}

		.oranjeblok {
			margin-left: 10px;
			margin-right: 10px;
			margin-top: -40px;
		}


		.spacer-mob {
			display: block !important;
			height: 70px !important;
		}


		.inhoudtekst {
			padding-left: 30px !important;
			padding-right: 30px !important;
			padding-top: 50px !important;
			padding-bottom: 50px !important;
		}


		a.navbar-brand h2 {
			font-size: 25px;
			margin-top: 10px;
			color: #4c565c;
		}

		.scroll a.navbar-brand h2 {
			font-size: inherit;
		}

		.mobieltitel {
			display: block;
			margin-left: 15px;
			font-size: 30px !important;
			margin-bottom: 30px !important;
		}

		.displaynone {
			display: none;
		}


		#all_slides {
			height: 300px;
		}

		.knoppen {
			margin-top: 0;
		}

		.inhoud {
			padding-top: 70px;
			padding-bottom: 70px;
			margin-bottom: -60px;
			padding-left: 30px;
			padding-right: 30px;
		}

		.inner-oranje {
			padding-left: 0;
			padding-right: 0;
		}

		.overlay ul li a:hover {
			color: #4c565c !important;
		}

		.overlay .current-menu-item a {
			color: #4c565c !important;
		}

		ul.sub-menu a {
			font-size: 20px !important;
		}

		.slide-caption_title {
			font-size: 3rem;
			font-weight: 900;
			margin-bottom: 0;
		}

		.innerblokwit {
			margin-bottom: 30px;
		}

		.blok-nieuws-zonderhover .innerblokwit p {
			font-size: 14px;
		}

		.inhoud h1 {
			font-size: 39px;
			line-height: 40px;
		}

		.inner-oranje h1 {
			color: #455259;
			font-size: 25px !important;
			margin-bottom: 10px;
		}

		.inner-oranje h2 {
			color: #fff;
			font-weight: 600;
			font-size: 24px;
		}

		.nieuwsprojecten-title {
			margin-bottom: 0px;
			color: #fff;
			font-weight: 800;
			text-align: center;
			font-size: 40px;
		}

		.hero-title {
			font-size: 40px;
			line-height: 48px;
		}

		.hero {
			height: 60vh;
		}

		.hero-content h3 {
			margin-bottom: 25px;
			font-size: 22px;
		}

		.slide-caption_title {
			font-size: 35px;
			font-weight: 900;
			margin-bottom: 0;
		}

		.slide-caption_desc {
			font-size: 25px;
			font-weight: 600;
		}

		.navbar-brand img {
			width: 280px;
			margin-top: 5px;
			left: -20px;
		}

		.navbarscroll {
			position: fixed;
			padding-top: 40px !important;
			padding-bottom: 40px !important;
		}

		.navbar-brand {}

		.owl-nav {
			text-align: center;
		}

		.projecten {
			background-color: #4c565c;
			padding: 60px 20px 60px 20px;
		}

		.scroll .navbar {
			padding-top: 40px;
			padding-bottom: 40px;
		}

		.timeline {
			display: none;
		}

		.status:before {
			top: -12px;
			left: inherit;
		}

		.li.complete .status {
			border-top: none;
		}

		.timeline .status {
			border-top: none;
		}

		.home-blok {
			margin-bottom: 50px;
		}


	}

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

		.inner-oranje h1 {
			color: #455259;

			font-size: 27px;
			margin-bottom: 10px;
		}

		.inner-oranje h2 {
			color: #fff;
			font-weight: 600;
			font-size: 17px;
		}

		.oranjeblok {
			background: #e89000;
			padding: 20px 10px;
		}


		.navbarscroll .navbar-brand {
			transform: translateY(0px);
		}

		.inhoud h1 {
			font-size: 35px;
			line-height: 30px;
		}

		.slide-caption_title {
			font-size: 30px;
			font-weight: 900;
			margin-bottom: 0;
		}

		.slide-caption_desc {
			font-size: 16px;
			font-weight: 600;
		}

		.navbar-brand img {
			width: 90px;
			margin-top: 20px;
		}

		.navbar-brand {
			margin-top: 0px !important;
		}

		.inhoud h1 {
			font-size: 40px;
		}

		.vacatures {
			padding-bottom: 20px;
		}

		.nieuwsprojecten-title {
			margin-bottom: 40px;
			color: #fff;
			font-weight: 800;
			font-size: 28px;
			margin-top: 50px;
		}

		.inhoud .lead {
			font-size: 18px;
			font-weight: 600;
			color: #f49712;
		}

		.inhoud p {
			font-size: 15px;
			line-height: 1.6em;
		}

		.projecten h1 {
			font-weight: 800;
			font-size: 30px;
			text-align: center;
		}
	}

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