Mini header in mobile devs

mini_header_mobile.css

@media (max-width: 979px) {
	.tc-header {
		border-bottom: none;
	}
	
	header.tc-header {
		min-height: 40px;
	}
	
	.tc-header .brand {
		float: left;
		width: 80%;
		text-align: left;
		padding-left: 10px;
		position: relative;
		z-index: 2;
	}
	
	header.tc-header .outside,
		  header.tc-header  .social-block {
		display: none;
	}
	
	/* shrink header img by default*/
	.tc-header .site-logo img {
		height: 30px !important;
		width: auto !important;
	}
	
	.tc-header .brand h1, .tc-header .brand a {
		margin: 10px 0;
	}
	
	.tc-header .brand .site-title {
		font-size: .6em;
		line-height: 1.2em;
	}
	
	.tc-header .navbar-wrapper {
		float: none;
		position: relative;
		z-index: 1;
		clear: none;
	}
	
	.tc-header .navbar .navbar-inner {
		margin: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		background: none;
	}
	
	.tc-header .navbar .btn-navbar {
		margin: 9px 0;
	}
	
	.tc-header .nav-collapse {
	/* default fallback */
		background: rgb(255,255,255) transparent;
	/* nice browsers */
		background: rgba(255,255,255,0.9);
	/* IE 6/7 */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF);
	/* IE8 */
		-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF);
	}
}

@media (max-width:480px) {
	.tc-header .brand .site-title {
		font-size: .5em;
		display: -webkit-box;
		overflow: hidden;
	}
	
	.tc-header .brand h1, .tc-header .brand a {
		margin: 10px 0 0;
	}
}