/* browser width < 700px */
@media only screen and (max-width: 699px) {
	#header-race-menu-container {
		min-height: 27px;
		padding: 6px 2px 6px 40px;
	}
 	#header-race-menu li+li {
		border-left: 1px dotted #996666;
	}
	#header-race-menu li {		
		padding: 0.8vw 0 0.8vw 4px;
	}		
		#header-race-menu li img {
			display: none;
		}
		#header-race-menu li span {
			display: inline;
		}
		#header-race-menu a,
		#header-race-menu a:link,
		#header-race-menu a:active,
		#header-race-menu a:visited {
			padding: 2px;
		}
		
	/* ************ */
	/* mobile menu  */
	/* ************ */
	#results-menu-outer-container {
		background-color: transparent;
		font-size: 0.9em;		
		height: 24px;
		left: 0;
		padding: 0;
		position: absolute;
		top: 0;
		z-index: 2000;
	}
		#results-menu-outer-container ul {
			background-color: #000;
			border-top: 1px solid #bbbbbb;	
			display: table;
			padding-top: 6px;		
		}
			#results-menu-outer-container ul li {
				border-bottom: 1px solid #333;
				display: block;
				padding: 8px 6px;
				position: relative;
				text-align: left;
			}
				#results-menu li+li::before {
					content: '';
				}
				#results-menu a,
				#results-menu a:link,
				#results-menu a:active,
				#results-menu a:visited {
					padding: 2px;
				}
	/*  collapse    */
	#results-menu-outer-container .collapse {
	  display: none;
	}
	#results-menu-outer-container .collapse.in {
	  display: block;
	}
	#results-menu-outer-container .collapsing {
	  position: relative;
	  height: 0;
	  overflow: hidden;
	  -webkit-transition: height 0.35s ease;
	  transition: height 0.35s ease;
	}
	#results-menu-outer-container .nav.navbar-collapse.collapse.in {	
		height: auto;
	}
	#results-menu-outer-container .navbar-collapse {	
		margin: 0;
		padding: 10px 15px;
		text-align: left;			
		-webkit-overflow-scrolling: touch;
	}	
	/* toggle button */
	/* common button styles in layout.css */
	#results-menu-outer-container button#results-menu-toggle {
		background-color: #transparent;
		cursor: pointer;
		overflow: visible;
		width: auto;
	}
	#results-menu-outer-container .navbar-toggle {
		background-color: transparent;
		background-image: none;
		border: 1px dotted transparent;		
		display: block;		
		position: relative;
		float: left;
		margin-right: 10px;
		padding: 6px;
		margin: 5px 0 8px 3px;
		border-radius: 4px;
	}
	#results-menu-outer-container .navbar-toggle:hover {
	}
	#results-menu-outer-container .navbar-toggle:focus {
	  outline: none;
	}
	.navbar-toggle .sr-only {
		border: 0 none;
		clip: rect(0px, 0px, 0px, 0px);
		height: 1px;
		margin: -1px;
		/* overflow: hidden; */
		padding: 0;
		position: absolute;
		width: 1px;
	}
	.navbar-toggle .icon-bar {
		background-color: #610207;
		border-radius: 1px;
	  	display: block;
		height: 2px;
		width: 22px;
	}
	.navbar-toggle .icon-bar + .icon-bar {
	  margin-top: 4px;
	}
	.navbar-nav {
		margin: 2px -15px;
	}
}