@media all and (max-width : 1500px) {
	ul#LHoofdmenu {
		font-size: 16px;
	}

	ul#LHoofdmenu > li {
		padding: 6px 8px;
	}

	#LHeader .user a,
	#LHeader .user i {
		font-size: 16px;
		line-height: 16px;
	}


	ul#LHoofdmenu > li:last-child .LSubmenuWrapper {
		transform: translateX(calc(-100% + 120px));
		z-index: 99;
	}
}

@media all and (max-width : 920px) {

	#LHeader{
		box-sizing: border-box;
		color: #fff;
		background: #ea1a35;
		padding: 10px 20px;
	}

	#LHeader .navicon {
		display:block;
	}

	#LInMain{
		margin-top: 0;
	}

	#LMain{
		padding: 0px 0px 15px 0px;
		margin: 0px 0px 0px 0px;
	}

	#LLagaLogoMenuContainer{
		width: auto;
		position: relative;
	}

	#LLagaLogoMenuContainer::after{
		display: none;
	}

	#LLagaLogoMenu{
		position: relative;
		height: 30px;
		padding: 5px;
		z-index: auto;
	}

	#LHeader #LLagaLogoMobileMenu{
		display: block;
		float: left;
		height: 30px;
		margin-left: 25px;
	}

	#user-login a, #user-rrk a{
		display: inline;
	}

	#LSecties{
		display: none;
	}

	#LHoofdmenu{
		display: none;
	}

	#FullSizeLogin{
		display: none;
	}

	#LHeader .user{
		display: block;
		float: right;
		padding-right: 10px;
	}

	#LHeader .user:hover{
		cursor: pointer;
	}

	#LHeader .user a:hover{
		text-decoration: underline;
	}

	#LHeader .user a,
	#LHeader .user i{
		color: #fff;
	}

	#LHeader .user i{
		margin-left: 10px;
	}

	#LHeader .user i:hover{
		opacity: 0.8;
	}

	#LLinkergroep{
		width: 100%;
		max-width: 100%;
	}

	.LHoofdblok{
		width: 100%;
	}

	#LRechtergroep{
		position: fixed;
		top: 0;
		right: 0;
		background: #f0f6f6;

		-webkit-transition-duration: 0.2s;
		-moz-transition-duration:0.2s;
		-o-transition-duration:0.2s;

	    -webkit-transform: translateX(100%);
	    -ms-transform: translateX(100%);
	    transform: translateX(100%);
    }

    #LRechtergroepInner{
        height: 100vh;
	    overflow: auto;
	    box-sizing: border-box;
    }

    #LRechtergroepInner .navicon{
		display: block;
	}

	#LRechtergroep.open{
		-webkit-transition-duration: 0.2s;
		-moz-transition-duration:0.2s;
		-o-transition-duration:0.2s;

	    -webkit-transform: translateX(0%);
	    -ms-transform: translateX(0%);
	    transform: translateX(0%);
	}

	.LOnderItem{
		margin-right: 20px;
	}

	.slideshow{
		margin-top: 0px;
		max-width: auto;
		max-height: 100%;
	}
}

@media all and (max-width : 640px) {

	.header-social-media{
		display: none;
	}

	#LFooterMenu{
		display: none;
	}

	.LOnderItem{
		margin-right: 50px;
	}

	#LTopinfo {
		display: none;
	}
}


@media all and (max-width : 500px) {
	.LOnderItem#social-media{
		display: none;
	}
}
