@media only screen and (min-width: 960px) and (max-width: 1199px) {

header {
	
	.topbar {
		padding:15px 0 55px 0;
		
		.logo {
			width:160px;
			margin:0 0 0 16px;
		}
	}
	
	nav {
		bottom:-32px;
		
		.mobileheader {
			display:none;
		}
		
		.navigation {
			
			.logo {
				width:160px;
				margin:10px 0 0 16px;
			}
	
			.menu-hoofdmenu-container {
			
				.nav-menu {
					
					li {
						
						a {
							padding:23px 7px;
							font-size:15px;
						}
					}
				}
			}
			
			.button {
				padding:15px 25px 16px 25px;
				font-size:14px;
			}
		}
	}
}

.page_div {
	
	&.intro {
		
		.row {
			
			h2 {
				font-size:60px;
				line-height:70px;
			}
		}
	}
	
	&.fotoslider {
		
		.slide {
			height:400px;
		}
	}
	
	&.onze_top_5 {
		
		.blokken {
			
			.blok {
				
				.blok_inner {
					
					.button {
						padding:5px 10px;
						font-size:16px;
					}
				}
			}
		}
	}
	
	&.stappen_tekst {
		
		svg {
			width:440px;
		}
	}
	
	&.tekstblok_afbeelding {
		
		.tekstblok_afbeelding_div {
			
			.tekstblok_afbeelding_tekst {
				
				.title {
					font-size:60px;
					line-height:70px;
				}
			}
		}
	}
	
	&.cases {
		
		.cases {
			
			.case {
				max-width:289px;
			}
		}
	}
	
	&.categorieen_met_icons {
		
		.categorieen {
			
			.categorie {
				
				.categorie_inner {
					
					span {
						padding:5px 15px;
						font-size:16px;
					}
				}
			}
		}
	}
	
	&.team {
		
		.teamslider {
			
			.teamlid {
				
				.thumbnail {
					width:150px;
					height:150px;
				}
			}
		}
	}
}


}


@media only screen and (max-width: 959px) {
	
body {
	font-size:13px;
	line-height:23px;
}

header {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	box-shadow:0px 0px 10px #00000030;
	
	&.toggled-on {
		height: 93%;
		overflow: scroll;
		
		nav {
			display:block;
		}
		
		.searchform, .searchmobile {
			display:none;
		}
	}
	
	.grid_3, .grid_9, .grid_12 {
		margin:0;
	}
	
	.topbar {
		padding:5px 0;
		
		.logo {
			width:150px;
			margin:8px 0;
		}
		
		.menu_toggle {
			display:block;
			margin:11px 0;
			float:right;
		}
		
		.cart_button {
			display:block;
			position:relative;
			margin:8px 15px 0 0;
			float:right;
			cursor:pointer;
			
			svg {
				width:23px;
				position:relative;
				z-index:10;
				fill:#000;
			}
			
			.cart-contents-count {
				padding:0px 7px;
				position:absolute;
				top:-11px;
				right:-11px;
				color:#fff;
				font-size:10px;
				line-height:19px;
				background:red;
				border-radius:50px;
				z-index:100;
			}
		}
		
		.grid_9 {
			display:none;
		}
	}
	
	nav {
		display:none;
		position:relative;
		bottom:0;
		
		.navigation {
			display:block;
			color:#071a36;
			background:#fff;
			
			.logo {
				display:none;
			}
			
			.menu-hoofdmenu-container {
				overflow-y: auto;
				text-align:center;
				-webkit-overflow-scrolling: touch;
				
				&.toggled-on {
					display:block;
				}
			
				.nav-menu {
					margin:0 0 25px 0;
					padding:0;
					display:block;
					list-style:none;
					
					li {
						margin:0;
						padding:0;
						display:block;
						
						&:hover {
							
							.sub-menu-wrap {
								opacity:0;
								visibility:hidden;
							}
						}
						
						&.current-menu-item a, a:hover {
							border-bottom:1px solid #071a36;
						}
							
						&.show_sub > .sub-menu-wrap {
							display:block !important;
							opacity:1;
							visibility:visible;
						}
						
						&.menu-item-has-children {
							position:relative;
							
							.sub-menu-wrap {
								top:0;
								box-shadow:none;
								-webkit-box-shadow:none;
							}
							
							.arrow {
								position:absolute;
								display:block;
								right:0;
								top:0;
								padding:5px 15px;
								
								&:after {
									content:'\f107';
									color:#071a36;
									font-size:27px;
									font-family:Fontawesome;
								}
							}
						}
						
						a {
							padding:10px 5px !important;
							font-size:15px;
							color:#071a36 !important;
							border-bottom:1px solid #eeeeee;
								
							&:hover {
								border-left:none;
								border-right:none;
									
								&:before {
									display:none;
								}
							}
							
							&:after {
								display:none;
							}
						}
						
						.sub-menu-wrap {
							display:none;
							margin:0;
							position:relative;
							background:#fff;
							
							.menu-item-has-children {
								min-width:inherit;
								margin:0;
								display:block;
							}
							
							.sub-menu {
								columns:1 !important;
								-webkit-columns:1 !important;
								-moz-columns:1 !important;
								
								.head-menu {
									width:inherit;
									margin:0;
									padding:0;
									display:block;
								
									> a {
										color:#071a36;
										border-bottom:1px solid #eee;
									}
								}
							}
						}
					}
				}
				
				.link {
					
					svg {
						fill:#071a36;
					}
				}
				
				.cart_button {
					
					svg {
						fill:#071a36;
					}
				}
			}
			
			.button {
				display:none;
			}
		}
	}
}

.cta_buttons {
	width:100%;
	position:fixed;
	display:flex;
	right:0;
	bottom:0;
	top:inherit;
	text-align:center;
	z-index:100000;
	background:#1483ae;
	border-top:1px solid #1483ae;
	
	a {
		flex:1;
		padding:10px 0;
		text-align:center;
		-webkit-transform:translateX(0);
	  -moz-transform:translateX(0);
	  -ms-transform:translateX(0);
	  -o-transform:translateX(0);
	  transform:translateX(0);
	  border-bottom:none;
	  border-right:1px solid #1483ae;
		
		&.first {
			border-radius:0;
		}
		
		&.nomobile {
			display:none;
		}
		
		&.whatsapp {
			
			&:before {
				top:-5px;
				left:inherit;
				right:25px;
			}
		}
		
		&.last {
			border-radius:0;
			border:none;
		}
		
		i {
			display:block;
			margin:0;
			font-size:15px;
		}
	}
}

section {
  margin:45px 0 0 0;
}

.page_header {
	height:200px;
	
	.header_div {
		
		.title {
			font-size:35px;
			line-height:45px;
		}
	}
}

.page_header_2 {
		
	.title {
		margin:0 0 20px 0;
		font-size:40px;
		line-height:50px;
	}
	
	.subtitle {
		margin:0 0 20px 0;
		font-size:22px;
		line-height:35px;
	}
}

.page_div {
	
	&.tekst_vacature_kenmerken {
		padding:25px 0;
		
		.tekst_vacature_kenmerken_inner {
			display:block;
			
			.tekst_vacature_kenmerken_right {
				margin:25px 0 0 0;
				
				.kenmerken {
					padding:25px;
				}
			}
		}
	}
	
	&.titel_button {
		text-align:center;
		
		.text-right {
			text-align:center;
		}
	}
	
	&.webshop {
		
		.woocommerce-product-gallery {
			width:100% !important;
		}
		
		.summary {
			width:100% !important;
			
			.cart .single_add_to_cart_button {
				flex:4;
			}
		}
	}
	
	&.stappen {
		
		.stappen_inner {
			display:block;
			
			.stappen_inner_left {
				
				.page_title {
					font-size:30px;
					line-height:40px;
				}
			}
			
			.stappen_inner_right {
				
				.stappen {
					display:block;
					
					.slick-track {
						display: flex !important;
					}
					
					.slick-slide {
						height: inherit !important;
					}
					
					.slick-list {
						overflow:visible;
						
						.stap {
							margin:0 10px;
						}
					}
				}
			}
		}
	}
	
	&.fotoslider {
		
		.slide {
			height:400px;
			
			.row {
				
				h2 {
					font-size:50px;
					line-height:70px;
				}
			}
		}
	}
	
	&.intro {
			
		.row {
			
			h2 {
				font-size:50px;
				line-height:70px;
			}
		}
	}
	
	&.blogs {
		padding:25px 0 0 0;
		
		.title {
			margin:0 0 10px 0;
			font-size:30px;
			line-height:40px;
		}
		
		.subtitle {
			font-size:18px;
			line-height:30px;
		}
	}
	
	&.recente_cases {
		
		.row {
			display:block;
		}
		
		.cases {
			display:block;
			
			.slick-list {
				overflow:visible;
			}
			
			.slick-track {
				display: flex !important;
			}
			
			.slick-slide {
				height: inherit !important;
			}
			
			.case {
				margin:0 10px;
			}
		}
	}
	
	&.cases {
		
		.cases {
			display:block;
			
			.case {
				display:block;
				margin:10px 0;
				max-width:inherit;
			}
			
			.case_div {
				margin:0 10px;
				
				.case_inner {
					
					p {
						height:inherit;
					}
				}
			}
		}
	}
	
	&.titel {
		
		.title {
			margin:0 0 20px 0;
			font-size:30px;
			line-height:40px;
			
			img {
				display:block;
			}
		}
		
		.subtitle {
			margin:0 0 -10px 0;
			font-size:18px;
			line-height:30px;
		}
	}
	
	&.linkblokken {
		
		.linkblokken {
			display:block;
			
			.linkblok {
				margin:0 0 20px 0;
				
				.linkblok_thumbnail {
					height:200px;
				}
			}
		}
	}
	
	&.team {
		
		.title {
			margin:0 0 20px 0;
			font-size:40px;
			line-height:50px;
			
			img {
				height:45px;
			}
		}
		
		.subtitle {
			margin:0 0 20px 0;
			font-size:22px;
			line-height:35px;
		}
		
		.team_slider {
			display:block;
			
			.slick-list {
				overflow:visible;
				
				.teamlid {
					max-width:inherit;
					margin:0 10px;
				}
			}
			
			.teamlid {
				max-width:inherit;
				margin:0 0 10px 0;
			}
			
			.clear {
				display:none;
			}
		}
		
		.teamslider {
			
			.teamlid {
				margin:0 10px;
				
				.thumbnail {
					width:150px;
					height:150px;
				}
			}
		}
	}
	
	&.categorieen_met_icons {
		
		.categorieen {
			display:block;
			
			.categorie {
				margin:0 0 20px 0;
			}
		}
	}
	
	&.categorieen {
		
		.categorieen {
			display:block;
			
			.slick-list {
				overflow:visible;
				
				.categorie {
					margin:0 10px;
				}
			}
		}
	}
	
	&.onze_top_5 {
		
		.blokken {
			flex-wrap:wrap;
			gap:10px;
			
			.blok {
				flex:1 1 45%;
				margin:0;
				overflow:hidden;
			}
		}
	}
	
	&.column1, &.columns2, &.columns3, &.columns4 {
		padding:25px 0;
		
		.mobile_hide {
			display:none;
		}
		
		.title {
			margin:0 0 20px 0;
			font-size:40px;
			line-height:50px;
		}
		
		.kolom_title {
			font-size:18px;
			line-height:28px;
		}
		
		.mobile_hide {
			display:none;
		}
		
		.columns4_slider {
			display:block;
		}
	}
	
	&.vacaturepagina {
		
		.vacature_filter {
			
			.filter {
				
				div {
					
					&.show {
						
						a {
							
							&:after {
								content:"\f106";
							}
						}
						
						ul {
							display:block;
						}
					}
					
					a {
						position:relative;
						display:block;
						
						&:after {
							content:"\f107";
							position:absolute;
							top:8px;
							right:0;
							font-size:20px;
							font-family:fontawesome;
						}
					}
					
					ul {
						display:none;
					}
				}
			}
		}
		
		.cases {
			display:block;
			
			.case {
				margin:0 0 20px 0;
			}
		}
	}
	
	&.historie {
		padding:50px 0;
		
		.title {
			margin:0 0 20px 0;
			font-size:40px;
			line-height:50px;
		}
		
		.jaartallen_nav {
			
			.slick-prev {
				left:-25px;
			}
			
			.slick-next {
				right:-25px;
			}
		}
		
		.jaartallen {
			margin:0;
			padding:0 0 0 20px;
			
			&:before {
				left:0;
			}
			
			.jaartal_div {
				display:block;
				margin:0 0 20px 0;
				
				&:before {
					top: 37px;
					left: -28px;
				}
				
				.jaartal_text {
					
					.jaartal {
						
						&:before {
							width:50px;
						}
					}
				}
				
				.jaartal_thumbnail {
					height:200px;
				}
			}
			
			.jaartal {
				position:relative;
			}
		}
	}
	
	&.contact {
		
		.grid_7 {
			display:block;
		}
	}
	
	&.stappen_tekst {
		
		.float-right {
			height:inherit;
			padding:0 0 30px 0;
		}
		
		svg {
			display:block;
			margin:0 auto;
		}
	}
	
	&.case_informatie {
		
		.title_div {
			
			.title_div_inner {
				
				.title {
					margin:0 0 20px 0;
					font-size:40px;
					line-height:50px;
				}
			}
		}
		
		.case_informatie_header {
			
			.case_informatie_header_info {
				
				.subtitle {
					margin:0 0 20px 0;
					font-size:22px;
					line-height:35px;
				}
			}
		}
	}
	
	&.tekstblok_afbeelding {
		
		.tekstblok_afbeelding_div {
			
			.tekstblok_afbeelding_tekst {
				
				.title {
					margin:0 0 20px 0;
					font-size:40px;
					line-height:50px;
				}
			}
		}
	}
	
	&.tekstblok_formulier_2 {
		
		.tekstblok_formulier_2_div {
			
			.tekstblok_formulier_2_tekst {
				
				.title {
					margin:0 0 20px 0;
					font-size:40px;
					line-height:50px;
				}
			}
		}
	}
}

.page-id-114 .columns2 .wp-image-2739 {
	display:none;
}

footer {
	margin:0 0 30px 0;
	
	&.big_footer {
		margin:300px 0 30px 0;
	}
	
	.footer_teksblok {
		
		.footer_teksblok_blok_1 {
			
			.title {
				margin:0 0 20px 0;
				font-size:40px;
				line-height:50px;
			}
		}
	}
}

}


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

.page_header {
	
	.header_div {
		
		.title {
			font-size:30px;
			line-height:40px;
		}
	}
}

.page_div {
	
	&.tabbladen {
		
		.grid_12 {
			overflow:hidden;
		}
		
		.tabbladen_inner {
			overflow:scroll;
		}
		
		.tabbladen_nav {
			width:1200px;
		}
		
		.tabbladen {
		
			.tabblad {
				
				.tabblad_inner {
					padding:20px;
					display:block;
					
					.tabblad_left {
						margin:0 0 20px 0;
					}
				}
			}
		}
	}
	
	&.intro {
		height:300px;
			
		.row {
			
			h2 {
				font-size:30px;
				line-height:40px;
			}
		}
		
		.intro_image {
			max-height:150px;
		}
	}
	
	&.stappen_tekst {
		
		.subtitle {
			font-size:17px;
			line-height:27px;
		}
		
		.title {
			font-size:30px;
			line-height:40px;
		}
		
		svg {
			width:456px;
		}
	}
	
	&.tekstblok_afbeelding {
		padding:50px 0;
		
		&.zwart {
			background:#f2f3f5;
			
			.tekstblok_afbeelding_div {
				gap:0;
				
				.tekstblok_afbeelding_tekst {
					padding:20px 0;
					background:#f2f3f5;
					
					.title {
					}
				}
				
				.tekstblok_afbeelding_afbeelding {
					margin:0;
				}
			}
		}
		
		.tekstblok_afbeelding_div {
			display:block;
			
			.tekstblok_afbeelding_afbeelding {
				display:none;
			}
		}
	}
	
	&.tekstblok_formulier_2 {
		padding:50px 0;
		
		&.zwart {
			background:#000;
			
			.tekstblok_formulier_2_div {
				gap:0;
				
				.tekstblok_formulier_2_tekst {
					padding:20px 0;
					color:#fff;
					background:#000;
					
					.title {
						color:#fff;
					}
				}
				
				.tekstblok_formulier_2_formulier {
					margin:0;
				}
			}
		}
		
		.tekstblok_formulier_2_div {
			display:block;
			
			.tekstblok_formulier_2_formulier {
				margin:0;
				
				.formulier {
					padding:20px 0;
				}
			}
		}
	}
	
	&.fotos {
		
		.slider {
			
			.slick-list {
				overflow:visible;
			}
			
			.foto_slide {
				height:250px;
			}
			
			.slick-prev {
				left:35%;
			}
			
			.slick-next {
				right:35%;
			}
		}
	}
	
	&.case_informatie {
		
		.case_informatie_header {
			display:block;
		}
		
		.case_informatie_specs {
			
			.case_informatie_specs_inner {
				display:block;
				
				.slick-list {
					overflow:visible;
				}
				
				.informatie_div {
					margin:0 10px;
				}
			}
		}
	}
}

.page_klantcase {
	
	.klantcase_div {
		
		.grid_6 {
			margin:20px 0 0 0;
		}
	}
	
	.klantcase_info {
			
		h2 {
			height:inherit;
			margin:20px 0;
		}
	}
	
	.klantcase_quote {
		
		.quote {
			font-size:20px;
			line-height:30px;
		}
	}
	
	.klantcase_info {
		
		.diensten {
			
			a {
				font-size:20px;
				line-height:30px;
			}
		}
	}
}

footer {
	
	&.big_footer {
		margin:0 0 30px 0;
	}
	
	.footer_teksblok {
		display:none;
	}
}

h1 {font-size:30px; line-height:34px;}
h2{font-size:24px; line-height:28px;}
h3 {font-size:18px; line-height:22px;}
h4 {font-size:14px; line-height:16px;}
h5 {font-size:12px; line-height:16px;}
h6 {font-size:12px; line-height:16px;}

}	 


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

.page_div {
	
	&.column1, &.columns2, &.columns3, &.columns4 {
		
		.title {
			margin:0 0 10px 0;
			font-size:25px;
			line-height:32px;
		}
		
		.kolom_title {
			font-size:16px;
			line-height:26px;
		}
	}
	
	&.fotoslider {
		
		.slide {
			height:300px;
			
			.row {
				
				h2 {
					font-size:30px;
					line-height:40px;
				}
			}
		}
	}
	
	&.intro {
			
		.row {
			
			h2 {
				font-size:30px;
				line-height:40px;
			}
		}
	}
	
	&.categorieen_met_icons {
		
		.categorieen {
			
			.categorie {
				
				.categorie_inner {
					
					p {
						min-height:120px;
					}
				}
			}
		}
		
		.text-right {
			text-align:center;
		}
	}
	
	&.tabbladen {
		
		.tabbladen_nav {
			
			a {
				padding:10px 0;
				font-size:13px;
			}
		}
	}
	
	&.stappen_tekst {
		
		svg {
			width:250px;
			height:250px;
		}
	}
}

.button {
	padding:7px 25px;
	font-size:17px;
	line-height:30px;
}

}