/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 960px) {
	
            		
            	/* RESET */
            
            
            #menu_hoofdmenu *{
            	margin:0;
            	padding:0;
            }
            
            .show-nav i{
            	color:#000;
            	/*font-size: 16px;*/
            }
            
            
            #menu_hoofdmenu{
            	height:500px;
            	position: fixed;
            	top:0px;
            	background: #333;
            	left:-1000px;
            	color:#fff;
            }
            
            #menu_hoofdmenu ul{
            	width:100%;
            	display: inline-block;
            }
            
            
            #menu_hoofdmenu i{
            	color:#fff;
            }
            /*#menu_hoofdmenu li{
            	background:#222;
            	border-top:1px solid #333;
            	border-bottom:1px solid #111;
            }*/
            
            
            
            
            /* HOVER */
            .megamenu > li.active > a, .megamenu > li:hover > a, .megamenu > li > a:hover { /*--Hover State--*/
            	background: #fff !important;
            	color: #fff;
            }
            
            .megamenu > li.active, .megamenu > li:hover {
	         	background: #fff;
            	color: #fff;
            }
            
            ul.megamenu .sub ul li a:hover {
            	background: #fff;
            	color: #fff;
            }

/*-------------------*/
            #menu_hoofdmenu li{
                	width:100%;
            	height:40px;
            	display: inline-block;
                background:#333;
            	border-top:1px solid #444;
            	border-bottom:1px solid #222;
            }
            
            #menu_hoofdmenu .sub-menu span{
            	font-size: 13px;
            	padding-left:45px;
            }
            
            #menu_hoofdmenu .nochildren:hover{
            	border-top:1px solid #222;
            	border-bottom:1px solid #222;
            	background: #222;
            }
            
            #menu_hoofdmenu li a{
            	color:#fff;
            	text-align: left;
            	padding-left:20px;
            	position: relative;
            	top:0px;
            	height:30px;
            }
            
            .menu-button{
	height:45px;
	position: fixed;
	top:10px;
	border-bottom: 1px solid #ccc;
}
            .menu-button .logo{
            	position: relative;
            	top:-2px;
            	right:10px;
            	float:right;
            	width:150px;
            	font-size: 600;
            }
            
            .menu-button .pull{
            	width:27px;
            	height:27px;
            	position: relative;
            	float:left;
            	z-index: 2;
            	padding:10px;
            }	
            .hide-nav{
            	display: none;
            }
		

	}