/* Desktop */
@media (min-width: 992px) { 

	#bs-example-navbar-collapse-1 { margin-top: -5px; }
	.dropdown-menu { z-index: 100000;  }

	.navbar-nav >li > a { background-color: rgba(0, 0, 0, 0)!important; color:  #fff; margin-left: 25px; text-decoration: none;  }
	.navbar-nav >li > a:hover { background-color: rgba(0, 0, 0, 0)!important;  border-bottom: 1px solid #fff; }
	.navbar-nav >li > a:active { background-color: rgba(0, 0, 0, 0)!important; }
	.navbar-nav >li > a:visited { background-color: rgba(0, 0, 0, 0)!important; }

	.current-menu-item > a { border-bottom: 1px solid #fff; color: #fff!important; }
	#mobile-menu-button { display: none; }
	#the-desktop-menu { margin-top: 20px; }

}

/* iPad - Tablets */
@media only screen and (max-width: 991px) { 
	.current-menu-item > a { color: #000!important; }
	#the-desktop-menu { display: none; }
	#mobile-menu-button { display: block; width: 55px; height: 50px; float: right; margin-top: 18px; margin-right: 20px; cursor: pointer; }
	#mobile-menu { z-index: 1000000; top: 100px; left: 0px; position: absolute; background-color: #fff; padding: 15px; width: 100%; }
	#mobile-menu > a { color: #666; }	
}

/* Cellphones */
@media only screen and (max-width: 480px) {	
	.current-menu-item > a { color: #000!important; }
	#the-desktop-menu { display: none; }
	#mobile-menu-button { display: block; width: 40px; height: 35px; float: right; margin-top: 18px; margin-right: 20px; cursor: pointer; }
	#mobile-menu { z-index: 1000000; top: 80px; left: 0px; position: absolute; background-color: #fff; padding: 15px; width: 100%; }
	#mobile-menu > a { color: #666; }
}