Cacher is the code snippet organizer for pro developers

<div class="top-bar">
	<div class="container">
		<div class="row">
			<div class="social-media col-sm-6">
				&nbsp;
			</div>
			<div class="client-contact col-sm-6">
				<p class="phone"><a href="$RootLocation$contact">203-795-7080</a> <span>Call Us Today!</span></p>
			</div>
		</div>
	</div>
</div>
<div class="client-logo">
	<div class="container">
		<a href="$RootLocation$">
			<img src="http://static.contentres.com/media/images/721dd518-e766-42d3-af88-606c26fe50b2.png" class="img-responsive" id="agentLogo" alt="Logo">
		</a>
	</div>
</div>

<style>
	header > .container {
		width: 100%;
		padding: 0;
	}
	
	header .header-social{
		display: none;
	}
	header .top-bar {
		background: #948a84;
		min-height: 40px;
		font-size: 14px;
		text-align: center;
	}
	header .top-bar a {
		font-weight: 400;
		color: #c1c1c1;
	}
	header .top-bar a:hover{
		color: #660000;
	}
	header .top-bar .social-media a {
		display: inline-block;
		margin: 9px 10px 0 0;
	}
	header .top-bar .client-contact p {
		padding: 10px 0 0 0;
		margin: 0;
	}
	header .top-bar .phone a:before {
		font-family: FontAwesome;
		content: '\f095';
		display: inline-block;
		margin-right: 7px;
	}
	header .top-bar .phone span{
		font-weight: 700;
		padding-left: 5px;
	}
	.header .client-logo {
		margin: 25px 0;
	}
@media only screen and (min-width: 768px) {
		header .top-bar .social-media{
			text-align: left;
		}
		header .top-bar .client-contact{
			text-align: right;
		}
}
</style>

<script>
	window.onload = function(){
		$('.header-social a').prependTo('header .top-bar .social-media').show();
	}
</script>