.navbar-collapse { display:none; width:100%; position:absolute; top:100%; left:0; z-index:999; background-color:#262626; box-shadow:3px 3px 5px 0 rgba(0,0,0,0.35); }
.navbar-collapse.open { display:block; }

#main-menu .navbar-toggle:focus-visible {
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.navbar-collapse nav { text-align:left; }
.navbar-collapse .nav-item { }
.navbar-collapse .nav-item a { display:block; padding:10px 0; margin-right:24px; color:white; }
.navbar-collapse .nav-item a:hover { text-decoration:none; color:inherit; }
.navbar-collapse .nav-item .nav-toggle { position:relative; }
.navbar-collapse .nav-item .nav-toggle button { position:absolute; top:0; right:0; bottom:0; border:0; width:30px; background:transparent url(../images/icons/arrow_drop-menu_up_white.png) center center no-repeat; }
.navbar-collapse .nav-item .nav-toggle button.collapsed { background-image:url(../images/icons/arrow_drop-menu_down_white.png); }

.navbar-collapse .nav-item .nav-item {  }

@media (min-width:481px) {
	#mainmenu { position:relative; }
	/* .navbar-collapse { width:300px; } */
}

.navbar-collapse .nav-item { border-top:1px solid #c6c1be; padding:0; }
.navbar-collapse .nav-item:first-child { border-top:0; } 
.navbar-collapse .nav-panel { margin:0 -15px; }
.navbar-collapse .nav-panel .nav-panel { border-top:1px dashed #d9d9d9; }
.navbar-collapse .nav-panel .nav-panel .nav-item { margin-left:5px; }

@media (min-width:1200px) {
	.navbar-collapse { display:block; width:auto; position:static; top:auto; left:auto; background:none; color:inherit; box-shadow:none; }
	.navbar-collapse .nav-item { float:left; border-top:0; transition: background-color .3s }
	.navbar-collapse .nav-item:first-child { margin-left:0; }
	.navbar-collapse .nav-item a { margin-right:0; }
	.navbar-collapse .nav-item a { display:block; padding:0 15px; line-height:80px; transition:background-color .2s; font-weight:500; color:inherit; } 
	.navbar-collapse .nav-item a:hover { color:inherit; }
	.navbar-collapse .nav-item:hover { background-color:rgba(255,255,255,0.15); }
	.navbar-collapse .nav-item .nav-toggle button { display:none; }
	.navbar-collapse .nav-item .nav-panel { box-shadow:3px 3px 5px 0 rgba(0,0,0,0.35); background:white; padding:5px 30px; margin:0; min-width:280px; position: absolute;}
	.navbar-collapse .nav-item .nav-panel .nav-item { float:none; border-top:1px dashed #bab7ab; padding:10px 0; margin-left:0; font-size:18px } 
	.navbar-collapse .nav-item .nav-panel .nav-item.first { border-top:0; }
	.navbar-collapse .nav-item .nav-panel .nav-item a { display:block; text-transform:none; font-weight:500; padding:10px 0; line-height:1.1; height:auto; color:#262626; } 
	.navbar-collapse .nav-item .nav-panel .nav-item a:hover {  }
	
	
	#navbar .nav-item .collapse { position:absolute; top:100%; left:0; z-index:999; }
	#navbar .nav-item.last .collapse { /* left:auto; right:0; */ }
	#navbar .nav-item .collapse.over { display:block; }
	#navbar .nav-item .collapse.in { display:none; }
	#navbar .nav-item .collapse.in.over { display:block; }
	#navbar .nav-item button { display:none; }
	
	.navbar-collapse .nav-item.last .nav-panel { right: 0; }
	.navbar-collapse nav { display:block; float:left; max-height:66px; }

	.nav-item.last .collapse{
		right: 0;
		left: auto;
	}
}

/* Menu Fixes Arrow should work as expected and hamburger hidden on small menu sizes*/

@media(max-width: 1199px) {
	#navbar .nav-item.nav-more .navbar-toggle {
		display: none !important;
	}
	.nav-item.nav-more.even.dropdown.last {
		min-height: 50px;
	}
	.nav-item.nav-more .nav-toggle .last-menu-btn {
		top: 10px;
		height: 30px;
	}
	.navbar-collapse .nav-more .nav-panel {
		margin: 0 -5px;
	}
}