/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/



/* #Media Queries */

	@media only screen and (min-width: 1600px)  {
	
	.full-text-block .inner, .the-project .inner, .full-image-block .inner, .single-image-right .inner, .single-image-left .inner, .work-with-us .inner, .old-slides .inner, .single-page .inner {
	padding: 0 150px 0 150px;
	}
	
	.single-image-right .single-image-right-text .inner {
	padding: 0 0 0 150px;
	}
	
	.single-image-right .single-image-right-image .inner {
	padding: 0 150px 0 0;
	}
	
	.single-image-left .single-image-left-text .inner {
	padding: 0 150px 0 0;
	}
	
	.single-image-left .single-image-left-image .inner {
	padding: 0 0 0 150px;
	}
	
	h1 {
	margin: 40px 0px 40px 150px;
	}
	
	.single-post h1 {
	text-align: left;
	margin: 40px 0px 20px 150px;
	}
	
	.full-text-block .inner {
	padding-top: 20px;
	}
	
	.left-text .inner {
	padding: 60px;
	}
	
	.left-text.right-text .inner {
	padding: 60px 60px 60px 0;
	}
	
	.news-inner {
	padding: 0 300px 0 0;
	}
	
	.projects { /* Masonry container */
	  column-count: 3;
	  column-gap: 40px;
	}
	
	}
	
	@media only screen and (min-width: 1200px) and (max-width: 1599px)  {
	
	p.main-intro {
	margin: 0 180px 80px 180px;
	}
	
	.projects { /* Masonry container */
	  column-count: 3;
	  column-gap: 40px;
	}
	
	.left-text .inner {
	padding: 60px;
	}
	
	.left-text.right-text .inner {
	padding: 60px 60px 60px 0;
	}
	
	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (min-width: 960px) and (max-width: 1199px) {
	
	
	.left-text .inner {
	padding: 40px;
	}
	
	.left-text.right-text .inner {
	padding: 40px 40px 40px 0;
	}

	.thumb-hover h3 {
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 26px;
	}
	
	.container.image-block-right, .eight.columns.image-right, .eight.columns.text-left, .container.image-block-left, .eight.columns.image-left, .eight.columns.text-right, .container.the-project .ten.columns {
	width: 96%;
	margin: 0 2% 0 2%;
	}
	
	.overlay {
	height: 0%;
	width: 30%;
	}
	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 769px) and (max-width: 959px) {
	
	.site-title {
	width: 33%;
	}

	.container.image-block-right, .eight.columns.image-right, .eight.columns.text-left, .container.image-block-left, .eight.columns.image-left, .eight.columns.text-right, .container.the-project .ten.columns {
	width: 96%;
	margin: 0 2% 0 2%;
	}
	
	.six.columns.project-featured {
	display: none;
	}
	
	.home-titles h2 {
	margin: 20px 0px 20px 0px;
	}
	
	.one-third.column.news-posts.masonry {
	width: 364px;
	margin-left: 10px;
	margin-right: 10px;
	}
	
	p.the-excerpt {
	height: 140px;
	}
	
	.container .one-third.column.masonry {
    width: 364px;
	}
	
	.google-map {
	width: 480px;
	}

	.office {
	width: 241px;
	}
	
	.full-width-block {
	display: block;
	flex-wrap: wrap;
	width: 100%;
	margin: 0;
	}
	
	.the-block {
	flex-grow: 1;
	width: 100%;
	margin: 0;	
	}
	
	.image-right {
	min-height: 500px;
	}
	
	.overlay {
	height: 0%;
	width: 40%;
	}
	
	.mobile-nav {
	display: inline;
	}
	
	#main-nav {
	display: none;
	}
	
	.masonry .one-third.column {
	width: 364px;
	}
	
	
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 768px) {
	
	.mobile-nav {
	display: inline;
	}
	
	#main-nav {
	display: none;
	}
	
	h1 {
	text-align: left;
	}
	
	h2 {
	font-size: 34px;
	line-height: 48px;
	}
	
	p.main-intro {
		margin: 0 40px 80px 40px;
	}
	
	.single-image-right img {
	height: auto;
	width: 100%;
	float: right;
	}
	
	.single-image-left img {
	height: auto;
	width: 100%;
	float: left;
	}
	
	.container.main-content.main-posts {
	width: 100%;
	margin: 0;
	}
	
	.projects, .project-gallery { /* Masonry container */
	  column-count: 1;
	  column-gap: 0px;
	}
	
	.project, .project-gallery-thumb { /* Masonry bricks or child elements */
	  display: inline-block;
	  margin: 0 0 40px 0;
	  width: 100%;
	}
		
	#menu-main-menu li.menu-item-1596 {
	display: block;
	}
		
	.my-filter {
	display: none;
	}
	
	.banner-heading {
	width: 90%;
	margin: 0 5% 0 5%;
	left: 0;
	bottom: 5%;
	position: absolute;
	}
	
	.container.mob-full {
	width: 100%;
	}
	
	.container.mob-full .sixteen.columns {
	width: 100%;
	}
	
	.slick-dots {
	display: none !important;
	}
	
	.slideshow.fade img {
	margin-bottom: 25px;
	}
		
	.spacer {
    width: 100%;
    margin: 0 auto;
    padding-top: 10px;
	}

	.spacer-single {
    width: 100%;
    margin: 0 auto;
    padding-top: 10px;
	}
		
	.page-template-studio .spacer {
	padding-top: 10px;
	}
		
	.google-map {
	width: 100%;
	float: left;
	margin-right: 0;
	}

	.office {
	width: 100%;
	float: left;
	margin: 0;
	}
	
	.main-inner {
	margin: 0px 0px 0px 0px;
	text-align: center;
	}
	
	header {
	position: relative;
	}
	
	header.mobile-home {
	display: block;
	text-align: center;
	}
	
	p.sitetitle {
	margin: 28px 0px 30px 0px;
	font-weight: 300;
	}
	
	.slick-list {
	width: 100% !important;
	height: 100vh;
	}
	
	.studio-nav, .sixteen.columns.my-filter, #main-nav-home {
	display: none;
	}
	
	.full-width {
	height: 100vh;
	}
	
	.container.home-calls .full-width.page-banners {
	height: 650px;
	}
	
	.banner-heading.home-call p.sub-heading {
	font-size: 20px;
	line-height: 32px;
	font-weight: 400;
	}

	
	footer .contact, .social {
	text-align: left;
	}
	
	footer span {
	font-size: 20px;
	margin: 20px 12px 0px 0px;
	}
	
	footer {
	margin-top: 10px;
	}
	
	footer .container, footer .container .eight.columns, footer .container .ten.columns, footer .container .six.columns {
	width: 96%;
	margin: 0 2% 0 2%;
	}
	
	.overlay {
	width: 100%;
	}
	
	.full-width-block {
	display: block;
	flex-wrap: wrap;
	width: 100%;
	margin: 0;
	}
	
	.the-block {
	flex-grow: 1;
	width: 100%;
	margin: 0;	
	}
	
	.image-right {
	min-height: 230px;
	}
	
	.footer-left {
	width: 100%;
	float: left;	
	}
	
	.footer-right {
	width: 100%;
	float: left;	
	}
	
	.footer-left .inner, .footer-right .inner {
	padding: 20px;
	}
	
	.searchandfilter {
	display: none;
	}
	
	.project-s {
		width: 100%;
		margin: 10px 0 20px 0;
	}
	
	.project-nav {
	display: none;
	}
	
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}