@media (min-width: 992px) {

	/** align dropdown submenu to right  **/
	.navbar .dropdown-submenu {
		position: relative;
	}
	.navbar .dropdown-submenu > .dropdown-menu {
		top: 0;
		margin-top: -6px;
		margin-left: -1px;
		-webkit-border-radius:0 6px 6px 6px;
		-moz-border-radius:0 6px 6px 6px;
		border-radius:0 6px 6px 6px;
	}
	
	.navbar-left .dropdown-submenu >.dropdown-menu {
		left: 100%;
	}
	.navbar-right .dropdown-submenu >.dropdown-menu {
		right: 100%;
	}
	
	/** toggle dropdown on hover **/
	.navbar .dropdown-submenu > a:after {
		border-color: transparent transparent transparent #333;
		border-style: solid;
		border-width: 5px 0 5px 5px;
		content: " ";
		display: block;
		float: right;  
		height: 0;     
		margin-right: -10px;
		margin-top: 5px;
		width: 0;
	}
	
	/** hover effects submenu dropdown **/
	.navbar .dropdown-submenu:hover > a:after {
		border-left-color:#555;
	}
	.navbar .dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
		text-decoration: underline;
	}
	
	/** toggle dropdown on hover **/
	.navbar ul.nav li:hover > ul.dropdown-menu {
		display: block;
	}
	
	/** do not display caret down **/
	.caret-submenu {
		display: none;
	}
	
	.navbar-inverse .navbar-nav > li > a {
		/*color: #F1F1F2;*/
		color: #E0E0E0;
	}
}

@media (max-width: 991px) {

	/** toggle dropdown on hover **/
	.navbar.navbar-default .navbar-nav .dropdown-menu,
	.navbar.navbar-inverse .navbar-nav .dropdown-menu {
		float: none;
		min-width: initial;
		width: 100%;
		position: relative;
		box-shadow: unset;
	}
	.navbar .navbar-nav .dropdown .dropdown-menu li a {
		padding-left: 20px;
	}
	.navbar .navbar-nav .dropdown .dropdown-menu .dropdown-submenu li a {
		padding-left: 40px;
	}
	.navbar .navbar-nav .dropdown .dropdown-menu .dropdown-submenu .dropdown-menu .dropdown-submenu .dropdown-menu li a {
		padding-left: 60px;
	}
	.navbar.navbar-default .navbar-nav .dropdown-menu,
	.navbar.navbar-inverse .navbar-nav .dropdown-menu {
		background: transparent;
		border: none;
		display: block;
	}
	.navbar .navbar-nav .dropdown-menu > li.dropdown-submenu li:hover {
		background: initial;
	}
	.navbar .navbar-inverse .navbar-nav .dropdown-menu > li:hover {
		background-color: #FFF;
	}
	
	/** menu links **/
	.navbar .navbar-inverse .navbar-nav li > a {
		color: #E0E0E0;
	}
	.navbar .navbar-inverse .navbar-nav li > a:hover {
		color: #333;
	}
	.navbar .navbar-nav li > a {
		/*color: #888;*/
		padding: 10px 15px;
	}
	.navbar.navbar-default .navbar-nav li > a {
		color: #888;
	}
	.navbar.navbar-inverse .navbar-nav li > a {
		color: #E0E0E0;
	}
	.navbar.navbar-default .navbar-nav li.active > a {
		color: #FFF;
		background-color: #777;
		background-image: none;
		border-radius: 4px;
	}
	.navbar.navbar-default .navbar-nav li.active:hover > a {
		color: #333;
	}
	.navbar.navbar-inverse .navbar-nav li.active > a {
		color: #FFF;
		background-color: #777;
		background-image: none;
	}
	.navbar.navbar-inverse .navbar-nav li > a:hover {
		color: #333;
	}
	.navbar .navbar-nav li > a:hover {
		color: #333;
	}
	.navbar.navbar-default .navbar-nav li a:hover,
	.navbar.navbar-inverse .navbar-nav li a:hover {
		background-color: #EEE;
		background-image: none;
		border-radius: 4px;
	}
	/*.navbar-inverse .navbar-nav > .active > a,*/
	.navbar-inverse .navbar-nav > .active > a:focus,
	.navbar-inverse .navbar-nav > .active > a:hover {
		color: #333;
	}
	
	/** collapse area background **/
	.navbar.navbar-default .navbar-collapse {
		background-color: #FFF;
	}

}

/** handle larger brand images **/
.navbar .navbar-header .brand-image {
  padding: 0 12px;
}

/** navbar form **/
.navbar .navbar-form .form-group {
	margin-right: 5px;
}

/** adjust dropdown caret **/
nav .caret {
	margin-left: 9px;
}



/** adjust navbar inverse styling **/
.navbar-inverse {
	background-color: #444;
	background-image: initial;
}

.navbar-inverse .navbar-brand {
	color: #F1F1F2;
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
	text-shadow: none;
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    background-color: #777;
}

/** correction for parallax **/
.navbar {
	margin-bottom: 0;
}