/* Large desktop */
@media (min-width: 1200px) { ... }
 
/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {
	.navbar .menu {
		background: rgba(0,0,0,.5);
		overflow: hidden;
		margin-bottom: 0 !important;
	}
	.navbar .nav-collapse .nav>li>a {
		border-radius: 0;
		color: #FFF;
		height: 35px;
		line-height: 35px;
		float: none;
	}
	.navbar .nav-collapse .nav>li>a:hover,
	.navbar .nav-collapse .nav>li>a:focus {
		background-color: red;
		color: #FFF;
	}
	.navbar .nav-collapse .nav>li>.fa {
    display: inline-block;
		float: left;
	}
	.navbar .nav-collapse .nav>li>.fa:after {
		clear: both;
		float: none;
	}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }
 
/* Landscape phones and down */
@media (max-width: 480px) {
	#mainbody-top {
		margin-top: 0;
	}
	#mainbody .moduletable, #mainbody-bottom .moduletable, #map .moduletable .custom, #contact .moduletable {
		padding: 20px;
	}
	
	#component, #locations {
    margin-top: 0;
    margin-bottom: 0;
		margin: 0;
	}
}