@media (max-width: 991px) {
	.navbar-header {
		float: none;
	}
	.navbar-left,.navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.collapse.in{
		display:block !important;
	}
	
	/*So that the Search Bar Adjusts for Mobile*/
	.gsc-search-button .gsc-search-button-v2 {
		padding: 6px 10px;
	}
	
	#gsc-iw-id1{
		min-width: 152px;
	}
	
	.banner .motto{
		position: relative;
		z-index: 1;
	}
}

/* This width is when the Navbar no longer uses the Dropdowns and just reveals a list */
/* The colors are give the "import" tag do that they can override the base color and eachother*/
@media (max-width: 767px) {
	.dropdown-menu > li > a{
		color: white;
	}
	.subM > li > a{
		color: white !important;
	}
	.subM > li > a:hover{
		color: black !important;
	}
}

/* These three @Media Sizes are to adjust the position */
/* and margin of the search bar  as the size changes   */
@media (max-width: 679px) {
	#___gcse_0{
		position: relative;
		left: -50px;
		margin-right: -50px;
	}
}

@media (max-width: 635px) {
	#___gcse_0{
		position: relative;
		left: -93px;
		margin-right: -93px;
	}
}

@media (max-width: 610px) {
	#___gcse_0{
		position: relative;
		left: -115px;
		margin-right: -115px;
	}
}

@media (max-width: 565px) {
	#___gcse_0{
		position: relative;
		left: -130px;
		margin-right: -130px; 
	}
}

@media (max-width: 550px) {	
	#___gcse_0{
		position: relative;
		left: -160px;
		margin-right: -160px;
	}
}