@media screen and (min-width:1140px){

	.mk-fullscreen-nav:after{
		right: -16%;
		font-size: 55vw;
	}
	
	
}

@media screen and (max-width:1250px){
	.video_holder{
		height: 480px;
	}

	.video_holder .herotitle{
		width: calc(100% - 120px);
		padding: 40px 60px;
	}

	.video_holder_lefter{
		top: 25px;
	}

	.video_holder_video{
		top: 0;
	}
}


@media screen and (min-width:1200px){
	.video_holder_lefter img{
		width: 600px;
	}
	
	#tnd-handen {
	    width: 50%;
	    max-width: 800px
	}
}


@media screen and (min-width:1600px){
	.video_holder_lefter img{
		width: 700px;
	}
}



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

	.video_holder_logo{
		display: none !important;
	}	
	
}

@media screen and (max-width:1120px){
	.overonsintro h1::after{
	}
	
	
	#tnd-handen {
	    width: 55%;
	    top:300px;
	    max-width: 800px
	}
	
	.werkwijzer .vc_col-sm-8{
		width: 80%;
		margin: 0 auto;
		float: none;
		height: auto !important;
	}
	.werkwijzer .vc_col-sm-4{
		width: 80%;
		margin: 0 auto;
		float: none;
		height: auto !important;
		padding: 70px 50px 50px !important;
	}
	.werkwijzer .vc_col-sm-4 p{
		text-align: center;
	}
	.werkwijzer.laatste2{
		padding-left: 25px;
		padding-right: 25px;
	}
	
	.uno::before,
	.dos::before,
	.tres::before,
	.cuatro::before,
	.cinco::before{
		top:0px !important;
		left: 50% !important;
		right: auto !important;
		margin-left: -40px;
	}
	
}





@media screen and (max-width:1140px){
	
	.video_holder_logo,
	.video_holder_menu{
		display: none;
	}
	
	.mk-fullscreen-nav-close {
	    right: 30px !important;
	    top: 30px !important;
	}
	
	.video_holder_lefter img{
		width: 500px;
	}
	
}





@media screen and (min-width:1024px){
	
	.homeintro:before,
	.diensten .vc_col-sm-12:before,
	.wiezijnwij .vc_col-sm-12:before,
	.uitgelichteprojecten::before,
	.contactintro:before{
		font-size: 300px;
	}
}


@media (min-width:768px) and (max-width:1024px){
	.green_stroke{
		transform: translateY(-5px);
		height: 160px;
	}

	.video_holder{
		overflow: visible;
	}

	.video_holder_video{
		top: 0;
		height: 100%;
		position: relative;
	}

	.video_holder_lefter{
		width: 100%;
		top: auto;
		bottom: -120px;
		height: 240px;
	}

}



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

	header.sticky-style-false{
		display: block;
	}
	header.fixed{
		display: none;
	}

	.solar-lable{
		display: none;
	}

	.home .mk-text-block h2{
		text-align: center;
	}
	.home .mk-text-block h2:after{
		left:50%;
		margin-left: -50px;
	}
	#esg-grid-3-2 .esg-right,
	#esg-grid-3-3 .esg-right{
		right:10px;
		top:-75px;
	}
	#esg-grid-3-2 .esg-left,
	#esg-grid-3-3 .esg-left{
		left:10px;
		top:-75px;
	}

}


@media screen and (max-width:1024px) and (min-width:768px){
	
	.animated-column-item{
		width: 46.5% !important;
		margin: 0px 10px 25px 10px;
	}
	
}



@media screen and (max-width:960px){
	#tnd-handen {
	    top: 550px;
	}
	
	.werknemers {
	    margin-top: 0px;
	}
	.mk-employees.c_cs.three-column .mk-employee-item {
	    padding: 0 10px 0 0;
	}
	.werknemers .team-thumbnail{
    	width:100% !important;
	}
	.werknemers .team-info-wrapper {
	    margin-left: -4% !important;
	    margin-top: -25px;
	    padding: 10px 0 !important;
	    width: 100% !important;
	}
	.werknemers .team-info-wrapper::before{
		top:-6%;
		border-width: 0 0 5px 8px;
	}
	.werknemers .team-info-wrapper::after{
		display: none;
	}
	
	.wiezijnwij .vc_col-sm-4{
		width:40% !important;
	}
	.wiezijnwij .vc_col-sm-8{
		width:60% !important;
	}
	.wiezijnwij .mk-employees.c_cs.u4col .mk-employee-item {
    	margin: 0 0 50px;
    	width: 33.33%;
	}
	
	.dienst .vc_column-inner{
		padding-left: 10px;
		padding-right: 10px;
	}
	.dienst .vc_column-inner .mk-image-caption{
		padding:15px !important;
		margin-top: -43px  !important;
		min-height: 50px !important;
	}
	.mk-image .mk-caption-title{
		font-size: 18px !important;
	}
	
	.portfolio-similar-posts .mk-grid ul li:nth-child(3),
	.portfolio-similar-posts .mk-grid ul li:nth-child(4){
		display: none;
	}
	
}






@media screen and (max-width:776px){
	.projectennonmob{
		display: none;
	}
	.projectenmob{
		display: block;
	}
}







@media screen and (max-width:768px){
	.inner-main-header .mobile-nav-toggle{
		display: inline-block;
		right: 15px!important;
		top: 38px!important;
		width: 35px!important;
		height: 35px !important;
	}

	.inner-main-header ul#menu-hoofdmenu{
		display: none;
	}

	/*
		* Splash screen
	*/
	.splash-screen{
		top: 15px;
		left: 15px;
		width: calc(100vw - 30px);
		height: calc(100vh - 30px);
	}
		.splash-screen__logos,
		.splash-screen__continue{
			flex-direction: column;
		}
			.splash-screen__mainlogo{
				margin-right: 0px;
				margin-bottom: 16px;
			}

	.wpb_row{
		padding: 50px 0px;
	}

	#tnd-handen{
		display: none;
	}

	.video_holder_video{
		position: relative;
		width: 100%;
		height: 100%;
		top: 0;
		padding-bottom: 200px;
	}

	.video_holder_lefter{
		width: 100%;
		top: auto;
		bottom: 0;
		height: 240px;
	}

	.video_holder{
		position: relative;
		width: 100%;
		height: 100%;
	}

	.video_holder .herotitle{
		width: calc(100% - 80px);
		padding: 30px 40px;
	}

	.green_stroke{
		transform: translateY(-110px);
		height: 160px;
	}

	.hero-container{
		height: 250px;
	}
	.hero-container-text{
		margin-top: -80px;
	}
	
	
	
	.homeintro {
	    overflow: hidden;
	    padding-bottom: 150px;
	    padding-top: 80px;
	}
	
	
	.page-id-209 h2,
	.page-id-211 h2{
		text-align: center;
	}
	.page-id-209 h2:after,
	.page-id-211 h2:after{
		left:50%;
		margin-left: -50px;
	}
	
	.animated-column-item{
		margin-bottom: 25px;
	}
	
	.diensten {
	    overflow: hidden;
	}
	.diensten h2{
		text-align: center;
	}
	.diensten h2::after{
		left: 50%;
		margin-left: -50px;
	}
	.diensten p{
		text-align: center;
	}
	
	.dienstenafb{
		display: none;
	}
	
	.dienst .vc_column_container{
		margin-bottom: 80px;
	    padding-left: 30px;
	    padding-right: 30px;
	}
		
	.dienst .vc_column-inner {
		width: 100%;
	}
	.mk-image .mk-caption-title {
	    font-size: 24px;
	}

	
	
	.uitgelichteprojecten h2{
		text-align: center;
	}
	.uitgelichteprojecten h2::after{
		left: 50%;
		margin-left: -50px;
	}
	
	
	.cta h4{
		text-align: center;
	}
	.cta h4::after{
		left: 50%;
		margin-left: -25px;
	}
	.cta h2{
		margin-top: 50px;
		text-align: center;
	}
	.cta p{
		text-align: center;
	}
	.cta h2::after{
		left: 50%;
		margin-left: -50px;
	}
	.cta .vc_btn3{
		margin: 25px auto 0;
		display: block;
		width:200px;
	}
	
	
	.overonsintro h1::after{
		display: none;
	}
	
	.floating{
    	margin-top: 0px;
    	margin-bottom: 80px !important;
	}
	
	.overonsintro h1,
	.overonsintro p{
		text-align: center;
		padding-left: 35px;
		padding-right: 35px;
	}
	.overonsintro .vc_btn3{
		width: 175px;
		display: block;
		margin: 0 auto;
	}
	
	.wiezijnwij::after{
		display: none;
	}
	.wiezijnwij .vc_col-sm-4 {
 		width: 80% !important;
 		margin: 0 auto;
	}
	.wiezijnwij .vc_col-sm-4 h2,
	.wiezijnwij .vc_col-sm-4 p{
		text-align: center;
	}
	.wiezijnwij .vc_col-sm-4 h2::after{
		left: 50%;
		margin-left: -50px;
	}
	.wiezijnwij .vc_col-sm-8 {
 		width: 100% !important;
	}
	
	.werknemers{
		margin-top: 50px;
	}
	.werknemers ul{
		padding-left: 25px !important;
		padding-right: 25px !important;
	}
	.werknemers .mk-employeee-networks{
		padding-left: 0px !important;
		padding-right: 0px !important;
		margin-top: -40px !important;
	}
	.werknemers .mk-employee-item{
		width: 33.33% !important;
		padding: 0px 20px !important
	}
	.werknemers .team-info-wrapper{
		width: 110% !important;
		margin-left: -5% !important;
	}
	.werknemers .team-info-wrapper::after {
	    display: block;
	    border-width: 0 8px 5px 0px;
	    top: -6%;
	}
	
	.werkwijzer{
		padding-top: 0px !important;
		padding-bottom: 90px !important;
	}
	.werkwijzer .vc_col-sm-8{
		width: 100%;
	}
	.werkwijzer .vc_col-sm-4{
		width: 100%;
	}
	.werkwijzer.laatste2{
		padding-left: 0px;
		padding-right: 0px;
	}
	.plus {
	    margin-bottom: 40px;
	    min-height: 140px;
	}
	
	
	.theme-page-wrapper .theme-content:not(.no-padding){
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	.single .featured-image{
		width: 100%;
		max-height: 350px;
		overflow: hidden;
	}
	.single .content-container{
		width: 100%;
		padding-left: 25px;
	}
	.single .content-container h3{
		width: 100%;
		text-align: center;
	}
	.single .content-container h7{
		width: 100%;
		margin-top: 0px;
		text-align: center;
	}
	.single .content-container .weblink{
		width: 100%;
		margin-top: 0px;
		text-align: center;
	}
	.single .content-container .p-content{
		width: 100%;
		margin-top: 0px;
		text-align: center;
	}
	
	
	
	.cntct{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	
	
	.home #mk-footer{
		margin-top: 50px;
	}
	#mk-footer .mk-col-2-3 .mk-col-1-4 {
	    float: left;
	    padding-left: 20px;
	    width: 50% !important;
	}
	#mk-footer .mk-col-2-3 .mk-col-1-4:nth-child(3) {
	    margin-bottom: 0px;
	}
	#mk-footer .mk-col-2-3 .mk-col-1-4:nth-child(4) {
	    padding-right: 20px;
	    margin-bottom: 0px;
	}
	#mk-footer .mk-col-2-3 .mk-col-1-4:nth-child(4) section{
		background-size: 25% auto;
	}
	
	#mk-footer .mk-col-2-3{
		margin-bottom: 0px;
	}
	#mk-footer .mk-col-2-3,
	#mk-footer .mk-col-1-3{
		float: left !important;
	}
}






@media screen and (max-width:500px){
	
	.hero-page-title{
		font-size: 26px;
	}
	p.hero-subtitle{
		font-size: 18px;
	}
	.hero-button {
	    font-size: 14px;
	    padding: 10px 20px 12px;
	}

	
	.homeintro:before,
	.diensten .vc_col-sm-12:before,
	.wiezijnwij .vc_col-sm-12:before,
	.uitgelichteprojecten::before,
	.contactintro:before{
		display: none;
	}
	
	.emp-holder::before{
		display: none;
		height: auto;
	}
	.emp-content {
	    display: block;
	    float: left;
	    padding: 30px 0;
	    width: 50%;
	}
	.emp-content h4{
		font-size:16px;
	}
	.emp-content p{
		font-size:12px;
	}
	
	.emp-thumb {
	    display: block;
	    max-height: none;
	    width: 50%;
	}
		
	
	#mk-footer .mk-col-2-3 .mk-col-1-4 {
	    float: none;
	    padding-left: 10px;
	    width: 100% !important;
	}
	#mk-footer .mk-col-2-3 .mk-col-1-4:nth-child(3) {
	    margin-bottom: 25px;
	}
	#mk-footer .mk-col-2-3 .mk-col-1-4:nth-child(4) {
		padding-right: 10px;
	}
	
	
}







@media screen and (max-width:480px){
	h1, .centerborder h1, h2, .master-holder h2, .cta h2{
		font-size: 28px !important;
	}

	.dienst .vc_column-inner {
	    margin-top: 80px;
	    padding-left: 10px;
	    padding-right: 10px;
	}
	
	.werknemers ul {
	    padding-left: 0 !important;
	    padding-right: 0 !important;
	}
	.werknemers .mk-employee-item {
	    padding: 0 9px !important;
	}
	
	.single .content-container{
		width: 100%;
		padding:20px 0px !important;
	}
}



@media screen and (max-width:400px){
	.header-logo img{
		object-position: center center;
		object-fit: contain;
	}
	.inner-main-header .header-logo{
		width: 100% !important;
		max-width: 160px !important;
	}
	.inner-main-header .header-logo a{
		width: 100% !important;
		max-width: 160px !important;
	}
	.inner-main-header .mobile-nav-toggle{
		position: absolute;
		top: unset !important;
	}

	
	.menuphone,
	.menumail{
		display: none;
	}
	.mk-dashboard-trigger{
		width:90px;
		position: relative;
	}
	.mk-dashboard-trigger:hover {
	    width: 35px !important;
	}
	.mk-dashboard-trigger:hover .menu-title{
	    opacity: 0;
	}
	
	
	.port-content-container h7 {
	    font-size: 15px;
	}
	.port-content-container h6{
	    font-size: 13px;
	}
	
	.werknemers .mk-employee-item{
	    padding: 0 15px !important;
	    width: 50% !important;
	}
	.werknemers .mk-employee-item:nth-child(3){
		margin: 0 auto !important;
		float: none !important;
		display: block !important;
	}

}







@media screen and (max-width:335px){
	
	.uitgelichteprojecten h2::after{
		top:100px;
	}
		
}