@media screen and (max-width:991px){
	#about div#header-banner,
	#about #header-banner img,
	#about .carousel-item.active {
		height: 50vh;
	}
	nav{
		display: none;
		padding: 0;
	}
	.responsive-bar{
		display: block;
	}
	nav h1{
		display: block;
		float: none;
	}
	nav ul{
		float: none;
	}
	nav ul li{
		display: block;
	    text-align: center;
	    background-color: #3e3e3e;
	    border-bottom: 1px solid rgba(255,255,255,.1);
	    padding: 15px 20px;
	}
	h1.brand{
		display: none;
	}
	h3 a span{
		color: #f2184f;
	}
}
@media screen and (min-width:768px){
.nav-btn {
display: none;
}


}
@media screen and (max-width:767px){
	#about div#header-banner,
	#about #header-banner img,
	#about .carousel-item.active {
		height: 30vh;
	}
	.page-title{
		font-size: 22px;
	}

div#rockfordMenu{
		display: none;
		position: absolute;
		top: 90%;
		right: 0;
	}
	.list-inline-item {
		margin-right: .5rem;
		display: inline-block;
		width: 100%;
		z-index: 10;
		text-align: right;
		

	}
	
	.navigation ul li a{
		padding-top: 10px;
		font-weight: 500;
		text-align: center;
	}
	.current:before{
		top: -5px;
		right: 0;
		left:inherit;
	}
	.pull-right{
		/*position: fixed;
		top: 10%;*/
		background: #067fb2;
	    padding: 10px 20px;
	    width: 100%;
	}
	#about .about_us_area{
		padding: 20px 0;
	}

}
@media screen and (max-width:567px){
	.nav-btn{
		right: 3%;
	}
	#about div#header-banner,
	#about #header-banner img,
	#about .carousel-item.active {
		height: 30vh;
	}

}
@media screen and (max-width:480px){
	#sleek-tab .tab .nav-tabs li a{
		border-right: none;
	}
}