@media only screen and (max-height : 800px) {

	footer {
		padding: 20px 0;
		height: 80px;
	}

	#blogIndi .title h1 {
		font-size: 40px;
		padding: 0 0 20px;
	}

	#blogIndi .titleBar {
		padding: 30px 0;
	}

	#about,
	#contact {
		min-height: 800px;
	}

	#about .container,
	#contact .container {
		position: relative;
		margin-top: 0 !important;
		top: auto;
		left: auto;
		margin: 0 auto;
		padding: 150px 0 50px;
	}

}

@media only screen and (max-width : 1200px) {

	.container,
	#blogIndi .container {
		width: 80%;
	}

	#about .container,
	#contact .container {
		width: 100%;
		margin: 110px auto 0 !important;
		left: auto;
		top: 0;
		padding: 50px 0;
		position: absolute;
	}

	.close {
		top: 150px;
	}

	#blog li {
		width: 33.3%;
	}

	#blogIndi .title h1 {
		font-size: 36px;
	}

	#blog li .title {
		font-size: 24px;
		line-height: 30px;
	}

	#caseStudies li .title {
		font-size: 28px;
	}

	body.mobile #caseStudies li .overlay {
		opacity: 1;
		background: none;
	}

}

@media only screen and (max-width : 1200px) and (orientation: portrait) {

	#caseStudies li {
		width: 50% !important;
	}

	#blog li {
		width: 50%;
	}

}

@media only screen and (max-width : 1000px) {

	#caseStudies li .title {
		font-size: 24px;
	}

}

@media only screen and (max-width : 860px) {

	#caseStudies li {
		width: 50% !important;
	}

}

@media only screen and (max-width : 700px) and (orientation: landscape) {

	#caseStudies li .image img {
		height: 200px !important;
		width: auto !important;
	}

}

@media only screen and (max-width : 700px) {

	body #about,
	body #contact {
		min-height: inherit;
	}

	.prev,
	.next {
		top: 312px;
		position: absolute;
	}

	.admin-bar header {
		top: 0;
	}

	body {
		margin: 0;
	}

	.container {
		width: 90%;
	}

	header {
		position: relative;
		height: auto;
	}

	header nav {
		padding-top: 60px;
		border-bottom: 1px solid #ccc;
	}

	#nav-toggle {
		position: absolute;
		top: 45px;
		right: 0px;
		height: 20px;
		width: 20px;
	}

	#nav-toggle {
		cursor: pointer;
		padding: 10px 20px 16px 0px;
	}

	#nav-toggle span,
	#nav-toggle span:before,
	#nav-toggle span:after {
		cursor: pointer;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		height: 3px;
		width: 20px;
		background: #666;
		position: absolute;
		display: block;
		content: '';
	}

	#nav-toggle span:before {
		top: -7px;
		left: 0;
	}

	#nav-toggle span:after {
		bottom: -7px;
		right: 0;
	}

	#nav-toggle span,
	#nav-toggle span:before,
	#nav-toggle span:after {
		transition: all 500ms ease-in-out;
	}

	#nav-toggle.active span {
		background-color: transparent;
	}

	#nav-toggle.active span:before,
	#nav-toggle.active span:after {
		top: 0;
	}

	#nav-toggle.active span:before {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	#nav-toggle.active span:after {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	header nav li.logo {
		position: absolute;
		top: 26px;
		left: 50%;
		margin-left: -30px;
		display: block !important;
		width: 60px;
	}

	header ul {
		padding: 35px 0 15px;
	}

	header nav li {
		display: none;
		width: 100%;
		padding: 0;
		line-height: 40px;
	}

	header nav li.visible {
		display: block;
	}

	#about {
		width: 100%;
	}

	#about .container {
		width: 90%;
	}

	#about,
	#about .container {
		position: relative;
		margin: 0 auto !important;
		top: 0;
		left: 0;
	}

	.halfCol {
		width: 100%;
		padding: 30px 0;
	}

	#caseStudies li {
		width: 100% !important;
	}

	#contact {
		position: relative;
	}

	#contact .container {
		position: relative;
		margin: 0 !important;
	}

	footer {
		position: relative;
		bottom: auto;
		left: auto;
		height: auto;
		border-top: 1px solid #ccc;
	}

	.straplineContainer {
		padding: 7px 0 7px 0;
		width: 100%;
	}

	.straplineContainer .name {
		padding-right: 0;
		padding-bottom: 15px;
		border-right: none;
		width: 100%;
		text-align: center;
	}

	.straplineContainer .strapline {
		padding-left: 0;
		text-align: center;
		width: 100%;
	}

	.social {
		padding-right: 0;
		width: 100%;
		text-align: center;
	}

	.social ul {
		display: inline-block;
	}

	.close {
		top: 25px;
	}

	#blog li {
		width: 100%;
	}

	#blog li .title {
		font-size: 24px;
	}

	#blogIndi .title h1 {
		font-size: 24px;
		padding: 20px 0;
	}

	#blogIndi .container {
		font-size: 16px;
		padding: 50px 0;
	}

	#about .copy {
		font-size: 16px;
	}

	#blog li .copy {
		font-size: 16px
	}

	#blogIndi .titleBar {
		padding: 40px 0;
	}

	#caseStudies li .image {
		margin: 0 auto;
		display: table-cell;
		vertical-align: middle;
		height: 267px;
	}

	#caseStudies li .image img {
		height: auto;
		width: 90%;
		margin: 0 auto;
		display: block;
	}

	#caseStudies li .title {
		font-size: 27px;
		padding: 0px 25px 0px 10px;
	}

	.homeAbout h2 {
		font-size: 24px;
	}

	.social li .hide {
		position: absolute;
		left: 50%;
		top: auto;
		bottom: -120px;
		margin-left: -125px;
		width: 250px;
		height: auto;
		display: none;
	}

	.social li.subscribe form.hidden {
		right: auto;
		position: relative;
		top: auto;
		margin: 0;
		width: 100%;
		display: block;
	}

	.social li.subscribe form input {
		width: 100%;
		margin-bottom: 5px;
	}

	.social li.subscribe form input[type=submit] {
		margin-bottom: 50px;
		width: 100%;
	}

	.social li {
		position: inherit;
	}

	#caseStudies li .category {
		font-size: 16px;
		padding: 0px 20px 0px 10px;
	}

	#caseStudyIndi .brandLogo h1 {
		font-size: 30px;
	}

	.blur {
		display: none !important;
	}

	#blogIndi .mainContent {
		padding: 0;
	}

	#blogIndi .mainContent img {
		padding-bottom: 20px;
	}

	.homeAbout {
		padding: 30px 0;
	}

}