:root {
	/**** Width ****/
	--dt-container: 1170px;
	--mb-container: 95%;
}

@media only screen and (max-width:1200px) {
	.containerHeader {
		width: var(--mb-container);
	}
	.container {
		width: var(--mb-container) !important;
	}
	.containerKruimelpad {
		width: var(--mb-container);
	}
	#zoeken {
		width:228px;
	}

	.divMenuknop {
		
	}

	#divDuikertje {
		padding-left:18px;
	}

	.tooltip-inner {
		padding-right: 30px;
	}

	/* Col bootstrap overide */
	.col-md-3 {
		width: 22%;
	}
}

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

	.msg-bottom {
		width: 90%;
		bottom: 3rem;
	}
	.ulVolgorde li {
		width: 93%;
	}
	
	#aDoelgroep span {
		display:none;
	}
}

@media only screen and (max-width:992px) {
	#divHeader {
		background-position-y:133px;
		height:178px;
	}

	#divHeaderMenu {
		margin-top:9px;
	}

	#divHeaderMenu a {
		margin-left:10px;
	}

	.divHeaderMenuSpan {
		margin-left: 10px !important;
	}

	#imgLogoIZM {
		width:240px;
		margin-left: 0;
	}

	#divDoelgroep {
		right: 0px;
	}

	.divForm:first-child {
		padding-left:0;
		padding-right:0;
	}

	.divForm:last-child {
		padding-left:0;
		padding-right:0;
	}

	#zoeken {
		width:177.5px;
	}
		/* Col bootstrap overide */
		.col-md-3 {
			width: 29%;
		}
}

/* iPad staand */

@media only screen and (max-width:820px) {
	.container {
		width: 100%;
	}

	#divHeader {
		background-position-y: 131px;
		height: 176px;
	}

	#divHeaderMenu {
		margin-top: 2.8rem;
	}

	#divHomeMenu {
		margin-top: 22px
	}

	.divHoofdmenu {
		width: 100%;
	}

	#imgLogoIZM {
		width: 320px;
	}

	#divMededeling {
		width: 90%;
		margin: 0 auto;
	}

	#divDuikertje {
		margin-top: -4px;
		padding-left: 20px;
	}

	.submenu-row {
		width: 50% !important;
	}

	.form-inline label {
		margin-right: 0;
		position: initial;
		width: 100%;
	}

	.form-inline .ulinputFormSel {
		margin-left: 0;
	}

	.divFormHolder label {
        text-align: left !important;
		border: 0 !important;
    }

	.divOmschrijving {
		width: 50% !important;
	}

	.inputOnderdeelSel {
		width: 100% !important;
	}

	.divTekst {
		margin-left: 0 !important;
	}

	.form-inline input[type="radio"] + label, .form-inline input[type="checkbox"] + label {
		display: block;
		margin-left: 0;
	}

	#divKruimelpad {
		margin-left: 0;
		margin-right: 0;
	}

	.inputFile + label {
		width: 160px;
	}

	.divFormHolder {
		overflow:hidden;
	}

	.divFormHolder img {
		max-width: 100%;
	}

	.tdVerbergenStaand {
		display:none;
	}

	.divPopUpKlein {
		top:5%;
		left:5%;
		height:90%;
		width:90%;
	}
	#divMededeling {
		clear: both;
	}
	.divMededelingIcon {
		width: 21%;
	}

	/* Col bootstrap overide */
	.col-md-3 {
		width: 22.8%;
	}
	.col-sm-6 {
        width: auto;
    }
}