@media (max-width:767px)
{
	
	.navbar-header {
		position: relative;
		width: auto;
	}
	
	#navbar.collapse{
		display: block;
	}
	#hoofdmenu li a{
		padding: 0;
	}
	#navbar.showmenu{
		right: 0;
		
		-webkit-transition:all 0.4s ease-in-out;
		transition:all 0.4s ease-in-out;
	}
	
	#navbar .navbar-toggle {
        position: absolute;
        right: 15px;
        border: none;
        top: 35px;
        background: none !important;
        margin-top: 0;
        margin: 0;
        z-index: 1800;
	}
	
	#navbar{
		position: fixed;
		top: 0;
		height: 100vh;
		width: 100%;
		right: 100%;
		padding: 0;
		margin: 0;
        max-height: none;
		background: rgba(46, 86, 163, 0.95);
		
		-webkit-transition:all 0.4s ease-in-out;
		transition:all 0.4s ease-in-out;
        z-index: 10;
	}
	
	#hoofdmenu{
        width: 100%;
        position: static;
        border-radius: 0;
        padding-top: 0;
        height: 100vh;
        margin: 0;
        right: 0;
        overflow-y: auto;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        border-top: solid 1px rgba(255,255,255,0.12);
        padding-top: 15px;
        margin-top: 15px;
	}
	
	#hoofdmenu.showmenu{
		right: 0px;
	    z-index: 15;
		padding-bottom: 350px;
	}
	.visible-xs.mobiel-talen{
		background: rgba(46, 86, 163, 0.95);
		position: absolute;
        bottom: 0;
        padding: 30px;
        right: 0;
	}
	
	#hoofdmenu > li{
		border: none;
	}
	
	#hoofdmenu > li > a{
		padding: 0 30px;
	}
	
	#hoofdmenu > li:last-child{
		border: none;
	}		
	
	#hoofdmenu li a {
		line-height: 37px;
        font-size: 21px;
		color: #fff !important;
        border: none !important;
	}
	#hoofdmenu li ul {
		display: none;
	}
	#hoofdmenu li ul li{
		margin-bottom: 10px;
		padding: 0 30px;
	}
	
	#hoofdmenu li ul li:last-of-type{
		margin-bottom: 20px;
	}
	
	#hoofdmenu li ul li a{
		color: #8f97b9 !important;
		text-transform:none;
		font-size: 16px;
		line-height: 20px;
		white-space: normal;
	}
	
	#hoofdmenu li.dropdown ul{
		opacity: 1;
		background: none;
		padding: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	    border: none;
		max-height: 0;
		overflow: hidden;
		-webkit-transition:max-height 0.8s ease-in-out !important;
		transition:max-height 0.8s ease-in-out !important;
	}
	
	#hoofdmenu li.dropdown.open ul{
		max-height: 500px;
	}
	
	.navbar-default .navbar-toggle .icon-bar,
	#navbar .navbar-toggle .icon-bar{
		background: #fff;
	}
	
	.navbar-default .navbar-toggle.collapsed .icon-bar {
		background: #1c3784;
	}
}