@media (max-width: 1199px) {
	
	.header ul {
		display: none;
	}
	.header {
		margin: 0 0 30px 0;
	}
	a.logo {
		margin: 0 auto;
		float: none;
	}
	p.client-login {
		float: none;
		width: 100%;
		float: left;
		text-align: center;
	}
	p.client-login a {
		display: inline-block;
	}
	.hero {
		background-attachment: scroll;
		background-size: cover;
		padding: 60px 0;
		min-height: 10px;
		background-position: center center;
	}
	.blog-area {
		background-size: cover;
		padding: 60px 0 0 0;
	}
	.blog-item {
		margin: 0 0 30px 0;
	}
	.footer ul {
		margin: 0 0 30px 0;
	}
	.footer ul li {
		display: block;
		width: 100%;
		float: left;
		text-align: center;
		margin: 0 0 4px 0;
	}
	.mobile-menu {
		display: block;
		margin: 0 0 30px 0;
	}
	.content {
		text-align: center;
	}
}