@media (max-width: 845px) {
	.annotations-i {
		width: 100%;
	}
}

@media (max-width: 830px) {
	.detail-div {
		width: 355px !important;
	}
}

@media (max-width: 820px) {
	#map {
		width: 100%;
	}
}

@media (max-width: 768px) {
	#result-navigation {
		margin-bottom: 10px;
		top: 40px;
	}

	.lokatie-op-kaart {
		margin-top: 15px;
	}

	.detail-div {
		margin-top: 0px;
		width: 100% !important;
		z-index: 2;
	}

	.annotaties-div {
		margin-top: 15px;
	}
	
	.tree li {
		margin-bottom: 6px !important;
	}

	.tree-node-item {
		border-bottom: 1px solid #bbb !important;
		padding-top: 4px;
		padding-left: 40px;
	}

	.tree-node-item:last-child {
		border-bottom: 1px solid #bbb !important;
	}

	#toegangen .tree-node-item {
		border-bottom: 1px solid #bbb !important;
	}

	.tree-node {
		border-top: none !important;
	}

	.tree {
		min-height: 34px !important;
	}

	.tree-node:first-child {
		border-top: 1px solid #bbb !important;
	}

	.tree-node-icon {
		position: absolute !important;
		left: 0px;
		top: 0px;
	}

	.node {
		padding: 0px !important;
	}

	.tree-node-devider {
		margin: 1px 0 0 !important;
	}

    .detail-media-icons-i-slide {
        display: inline-block;
        width: 45%;
        margin: auto;
        margin-top: 30px;
        margin-right:15px;
    }

    .detail-media-icons-i-slide > a > img {
        display: block;
        margin: 0 auto;
        max-width:200px;
        width: 100%;
    }
}

@media (max-width: 400px) {
	.context .contextkey {
		min-width: 0 !important;
	}
}