/* Media max-width 768px */
@media screen and (max-width: 768px) {

	html, body { font-size: 14px; line-height: 20px; }

	.navbar { padding: 0px 20px; }
	#mobilemenu { right: 0px !important; top: 0px; }
	#mobilemenu > ul > li > a:after { border-bottom: 0px; }
	#mobilemenu > ul > ul { border-bottom: 0px !important; }
	.breadcrum { padding: 15px 0px; font-size: 12px; }
	.blocks.relaties .block5,
	.blocks.projecten .block5,
	.block5 { float: left; width: 33.3%; padding: 15px; display: block; }
	.blocks.relaties .block5:nth-child(n+7) { display: none; }
	.blocks.projecten .block5:nth-child(n+4) { display: none; }
	.block5.team { width: 33.3%; padding: 15px 15px 45px; }
	.block3 { width: 50%; }

	.intro-tekst { padding: 10px 0px 10px; width: 50%; margin: 0px auto; }
	.intro h1 { font-size: 36px; line-height: 50px; font-weight: 700; }
	.intro h2 { font-size: 26px; line-height: 26px; padding-bottom: 20px; font-weight: 400; }
	.intro p { line-height: 25px; }

	.kol-2-1 { width: 100%; padding-top: 20px; }
	.footer .kol-3-1 { width: 50%; padding-bottom: 30px; }
	.footer .kol-3-1:nth-child(n+3) { display: none; clear:both;  }

	.content table { width:100% !important; }
	.content tr { height: auto !important; }
	.content td { display: block; clear:both; width:100% !important; padding-top: 10px; height: auto !important;}
	.content td:first-child { padding-top: 0px; }

}

/* Media max-width 441px */
@media screen and (max-width: 441px) {

	#logo { width: 168px; height: 100px; }
	#mobilemenu>ul>li:last-child { display: none; }
	.breadcrum { padding: 15px 0px; font-size: 12px; }
	.blocks.relaties .block5,
	.blocks.projecten .block5,
	.block6 { float: left; width: calc(100% / 2); padding: 15px; }
	.block5 { float: left; width: 50% !important; padding: 15px 15px 15px; display: block !important; }
	.block5.team { padding: 15px 15px 45px; }
	.block3 { width: 100%; }
	.block2 { width: 100%; }

	.blocks.relaties .block5:nth-child(n+7) { display: none; }
	.blocks.projecten .block5:nth-child(n+5) { display: none !important; }
	.blocks .block-title { font-size: 16px;   }

	.intro-tekst { padding: 10px 0px 10px; width: 90%; margin: 0px auto; }
	.intro h1 { font-size: 36px; line-height: 50px;  font-weight: 700; }
	.intro h2 { font-size: 26px; line-height: 26px; padding-bottom: 20px; font-weight: 400; }
	.intro p { line-height: 25px; }

	.kol-3-1 { width: 100%; padding-bottom: 30px; }
	.kol-3-1.content { display: none;  }
	.kol-3-2 { width: 100%; padding-bottom: 0px; }
	.kol-3-2 h1 { font-size: 30px; line-height: 30px;  }
	.quote { padding: 30px 0px; margin: 30px 0px; font-size: 20px; line-height: 24px; }
	.row { margin-bottom: 0px; }
	.dienst-icon-left ,
	.dienst-icon-right { width: 50%; float:none; display:block; margin: 0px auto; padding: 0px 0px 30px;  }
	.dienst-tekst-left ,
	.dienst-tekst-right { padding-right: 20px; padding-left: 20px; padding-bottom: 20px; text-align: center; }

	.team .row { display: flex; flex-direction: column;}
	.team .kol-3-1,
	.team .kol-3-1.right { position: relative; left: 0px; top: 0px; width: 100%; text-align: center !important; order: 1; }
	.team .kol-3-2 { position: relative; padding-top: 0px; float: left; clear: both;  text-align: center !important;  order: 2; }

	.footer .kol-3-1 { width: 100%; padding-bottom: 30px; }
	.footer .kol-3-1:nth-child(n+3) { display: none; clear:both;  }

}

/* Media max-width 380px */
@media screen and (max-width: 380px) {

	.blocks.relaties .block5,
	.blocks.projecten .block5,
 	.block5 { float: left; width: 50% !important; padding: 15px; display: block; }
	.block5.team { padding: 15px 15px 45px; }


}

/* Media max-width 321px */
@media screen and (max-width: 321px) {


	.intro-tekst { padding: 10px 20px 10px; width: 100%; margin: 0px auto; }
	.intro h1 { font-size: 28px; line-height: 36px; font-weight: 700; padding-bottom: 10px; }
	.intro h2 { font-size: 18px; line-height: 9px ; padding-bottom: 20px; font-weight: 400; }
	.intro p { font-size: 13px; line-height: 18px; }

	.blocks.relaties .block5,
	.blocks.projecten .block5,
	.block6 { float: left; width: calc(100%); padding: 15px; }
	.block5 { float: left; width: 100% !important; padding: 15px; display: block !important; }
	.block5.team { padding: 15px 15px 45px; }

}