/********************************************************************************************* 

x. Smaller than 1390px

*********************************************************************************************/
@media only screen and (max-width:1390px) {
	
	#home #what-we-do .projects .project.content-left .column.last .inside {
		padding-right: 50px;
	}
	
	#home #what-we-do .projects .project.content-right .column.last .inside {
		padding-left: 50px;
	}
	
	#what-we-do .projects .project.content-left .column.last .inside,
	#what-we-do .projects .project.content-right .column.first .inside,
	#what-we-do .projects-single .project.content-left .column.last .inside,
	#what-we-do .projects-single .project.content-right .column.first .inside,
	#who-we-are #creating-shared-value .slideshow .column.first .inside,
	#who-we-are #culture .column.first .inside {
		padding-right: 25px;
	}
	
	#what-we-do .projects .project.content-left .column.first .inside,
	#what-we-do .projects .project.content-right .column.last .inside,
	#what-we-do .projects-single .project.content-left .column.first .inside,
	#what-we-do .projects-single .project.content-right .column.last .inside,
	#who-we-are #creating-shared-value .slideshow .column.last .inside,
	#who-we-are #culture .column.last .inside {
		padding-left: 25px;
	}
	
	.wrapper.medium {
		padding: 0 50px;
	}
	
}

/********************************************************************************************* 

x. Smaller than 1200px

*********************************************************************************************/
@media only screen and (max-width:1200px) {
	
	#contact #details,
	#news-press .wrapper.medium .column.width-25 .inside,
	#news-press .wrapper.medium .column.width-75 .inside,
	#not-found .section,
	#what-we-do #civic-real-estate .raw-sienna,
	#what-we-do #practice-areas .content,
	#who-we-are #history .aqua-haze {
		padding-bottom: 50px;
	}
	
	#contact #details .chelsea-cucumber,
	#not-found .section .chelsea-cucumber,
	#home #what-we-do .projects-wrapper {
		margin: 0 0 50px 0 !important;
	}
	
	.contact-details .column .icon,
	.contact-details .column .icon svg {
		width: 20px; height: 20px;
	}
	
	.contact-details .column .icon {
		top: 5px;
	}
	
	.contact-details .column .inside {
		padding-left: 30px;
	}
	
	#contact #directions,
	footer .smalt-blue,
	#home #news-press,
	#home #what-we-do,
	#home #who-we-are,
	#news-press .raw-sienna,
	#not-found .section .chelsea-cucumber,
	#what-we-do #portfolio-strategy-asset-management,
	#what-we-do #corporate-real-estate .hippie-green,
	#what-we-do #investments .juniper,
	#what-we-do #real-estate-companies .chelsea-cucumber,
	#what-we-do .section .projects-wrapper,
	#who-we-are #creating-shared-value,
	#who-we-are #culture,
	#who-we-are #involvement,
	#who-we-are #team .employees > .full-information {
		padding: 50px 0;
	}
	
	header .sub-navigation li {
		margin: 0 15px 20px 15px;
	}
	
	#home #what-we-do .projects .project.content-left .column.last .inside,
	#home #what-we-do .projects .project.content-right .column.last .inside,
	#what-we-do #portfolio-strategy-asset-management .projects-wrapper,
	#what-we-do .projects .project.content-left .column.last .inside,
	#what-we-do .projects .project.content-right .column.last .inside,
	#who-we-are #creating-shared-value .slideshow .column.last .inside {
		padding-top: 0;
	}
	
	#home #what-we-do .projects-wrapper:last-of-type {
		margin: 0 !important;
	}
	
	#home #what-we-do .projects-wrapper,
	#what-we-do #civic-real-estate .projects-wrapper,
	#what-we-do #corporate-real-estate .projects-wrapper,
	#what-we-do #investments .projects-wrapper,
	#what-we-do #real-estate-companies .projects-wrapper {
		margin: 0 auto;
	}
	
	#news-press .post {
		margin: 0 0 50px 0;
		padding: 0 0 50px 0;
	}
	
	#news-press .wrapper.medium .column.width-25 .inside,
	#news-press .wrapper.medium .column.width-75 .inside,
	#what-we-do #approach .chelsea-cucumber,
	#who-we-are #firm-overview .raw-sienna,
	#who-we-are #history .content {
		padding-top: 50px;
	}
	
	#news-press .wrapper.medium .column.width-25 .inside {
		padding-left: 25px;
	}
	
	#news-press .wrapper.medium .column.width-75 .inside {
		padding-right: 25px;
	}
	
	.projects-wrapper .controls-direction,
	.slideshow-wrapper .controls-direction {
		display: none;
	}
	
	.projects-wrapper .pager .pager-item,
	.projects-wrapper .controls-auto .controls-auto-item {
		margin: 40px 5px 0 5px;
	}
	
	#what-we-do #portfolio-strategy-asset-management .projects-wrapper,
	#what-we-do .projects .project.content-left .column.first .inside,
	#what-we-do .projects .project.content-left .column.last .inside,
	#what-we-do .projects .project.content-right .column.first .inside,
	#what-we-do .projects .project.content-right .column.last .inside {
		padding-bottom: 0;
	}
	
	#what-we-do #portfolio-strategy-asset-management .wrapper.medium {
		margin-top: 50px;
	}
	
	#what-we-do #practice-areas .aqua-haze {
		padding: 60px 50px 50px 50px;
	}
	
}

/********************************************************************************************* 

x. Smaller than 1150px

*********************************************************************************************/
@media only screen and (max-width:1150px) {
	
	header .navigation li {
		margin: 0 20px;
	}
	
}

/********************************************************************************************* 

x. Smaller than 1050px

*********************************************************************************************/
@media only screen and (max-width:1050px) {
	
	.contact-details .column .icon {
		display: none;
	}
	
	.contact-details .column .inside {
		padding-left: 0;
	}
	
}

/********************************************************************************************* 

x. Smaller than 1024px

*********************************************************************************************/
@media only screen and (max-width:1024px) {
	
	.button {
		font-size: 0.750em;
		padding: 10px 25px;
	}
	
	h1 {
		font-size: 1.875em;
	}
	
	h2 {
		font-size: 1.25em;
	}
	
	html, body {
		-webkit-text-size-adjust: none;
	}
	
	input {
	    -webkit-appearance: none;
	}

	#who-we-are #involvement .logos {
		margin: 0 0 -20px 0;
	}
	
}

/********************************************************************************************* 

x. Smaller than 1000px

*********************************************************************************************/
@media only screen and (max-width:1000px) {
	
	header .logo img {
		width: 60%; height: auto;
		max-width: 300px;
	}
	
	header .navigation a {
		font-size: 16px;
	}
	
	#who-we-are #team .employees .employee {
		width: 33.33%;
	}
	
}

/********************************************************************************************* 

x. Smaller than 900px

*********************************************************************************************/
@media only screen and (max-width:900px) {
	
	.banner .caption {
		bottom: 30px;
	}
	
	.banner .caption,
	.gallery-controls-are-absolute .gallery-wrapper .controls {
		right: 30px;
	}
	
	#contact #details,
	#news-press .post,
	#news-press .wrapper.medium .column.width-25 .inside,
	#news-press .wrapper.medium .column.width-75 .inside,
	#not-found .section,
	#what-we-do #civic-real-estate .raw-sienna,
	#what-we-do #practice-areas .content,
	#who-we-are #history .aqua-haze,
	#who-we-are #involvement .content {
		padding-bottom: 30px;
	}
	
	#contact #details .chelsea-cucumber,
	#not-found .section .chelsea-cucumber,
	#home #what-we-do .projects-wrapper {
		margin: 0 0 30px 0 !important;
	}
	
	.contact-details .column a:before {
		bottom: 0;
	}
	
	.contact-details .column:nth-child(1),
	.contact-details .column:nth-child(2) {
		margin-bottom: 30px;
	}
	
	.contact-details .column.right,
	.contact-details .column.width-20,
	.contact-details .column.width-30 {
		width: 50%;
	}
	
	.contact-details .column.width-80 {
		width: 100%;
	}
	
	.contact-details .column .icon,
	.contact-details .column .icon svg {
		width: 30px; height: 30px;
	}
	
	.contact-details .column .icon {
		display: block;
		top: 0;
	}
	
	.contact-details .column .inside {
		padding-left: 50px;
	}
	
	#contact #directions,
	footer .juniper,
	footer .smalt-blue,
	#home #news-press,
	#home #what-we-do,
	#home #who-we-are,
	#news-press .raw-sienna,
	#not-found .section .chelsea-cucumber,
	#what-we-do #portfolio-strategy-asset-management,
	#what-we-do #corporate-real-estate .hippie-green,
	#what-we-do #investments .juniper,
	#what-we-do #real-estate-companies .chelsea-cucumber,
	#what-we-do .section .projects-wrapper,
	#who-we-are #culture,
	#who-we-are #involvement,
	#who-we-are #team .employees > .full-information {
		padding: 30px 0;
	}
	
	.content ol, 
	.content ul, 
	h1, 
	h2, 
	h3, 
	h4, 
	h5, 
	h6, 
	p,
	#news-press .post .image.bottom {
		margin-bottom: 20px;
	}
	
	header .column,
	header .logo {
		height: 90px;
	}
	
	header .navigation a:after,
	header .navigation a:before {
		bottom: -10px;
	}
	
	#home #news-press .post,
	#news-press .post {
		margin-bottom: 30px;
	}
	
	#home #news-press .buttons,
	#news-press .wrapper.medium .column.width-25 .inside,
	#news-press .wrapper.medium .column.width-75 .inside,
	#what-we-do #approach .chelsea-cucumber,
	#who-we-are #firm-overview .raw-sienna,
	#who-we-are #history .content {
		padding-top: 30px;
	}
	
	#home #news-press .title {
		padding-bottom: 30px;
	}
	
	#home #what-we-do .projects .project.content-left .column.last .inside {
		padding-right: 30px;
	}
	
	#home #what-we-do .projects .project.content-right .column.last .inside {
		padding-left: 30px;
	}
	
	#news-press .post .buttons {
		margin: 0;
	}
	
	#news-press .post .buttons li {
		margin: 0 20px 20px 0;
	}
	
	#what-we-do #approach .chelsea-cucumber,
	#who-we-are #firm-overview .raw-sienna {
		padding-bottom: 80px;
	}
	
	#what-we-do #civic-real-estate .raw-sienna {
		padding-top: 80px;
	}
	
	#what-we-do #portfolio-strategy-asset-management .wrapper.medium {
		margin-top: 30px;
	}
	
	#what-we-do #practice-areas .aqua-haze {
		padding: 30px;
	}
	
	#what-we-do .projects .project.content-left .column.last .inside,
	#what-we-do .projects .project.content-right .column.first .inside,
	#who-we-are #culture .column.first .inside {
		padding-right: 15px;
	}
	
	#what-we-do .projects .project.content-left .column.first .inside,
	#what-we-do .projects .project.content-right .column.last .inside,
	#who-we-are #culture .column.last .inside {
		padding-left: 15px;
	}
	
	#who-we-are #history .aqua-haze {
		padding-top: 20px;
	}
	
	#who-we-are #team .juniper {
		padding: 90px 0;
	}
	
	.wrapper.medium {
		padding: 0 30px;
	}
	
}

/********************************************************************************************* 

x. Smaller than 860px

*********************************************************************************************/
@media only screen and (max-width:860px) {
	
	header .navigation li {
		margin: 0 15px;
	}
	
	#news-press .wrapper.medium .column.width-25,
	#news-press .wrapper.medium .column.width-75 {
		width: 100%;
	}
	
	#news-press .wrapper.medium .column.width-25 .inside,
	#news-press .wrapper.medium .column.width-75 .inside {
		padding-left: 0;
		padding-right: 0;
	}
	
	.wrapper.small {
		padding: 0 30px;
	}
	
}

/********************************************************************************************* 

x. Smaller than 800px

*********************************************************************************************/
@media only screen and (max-width:800px) {
	
	#contact #map {
		height: 500px;
	}
	
	header .column.width-40 {
		width: 100%;
	}
	
	header .column.width-60 {
		width: 70px;
		float: none;
		position: absolute;
		top: 0; right: 0;
	}
	
	header .hamburger {
		display: block;
	}
	
	header .navigation {
		display: none;
	}
	
	header .navigation.open {
		display: block;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		position: fixed;
		top: 50%;
		left: 0; right: 0;
		z-index: 110;
	}
	
	header .navigation.open a {
		color: white;
		font-size: 30px;
	}
	
	header .navigation.open a:hover {
		color: #A3BABC;
	}
	
	header .navigation.open a:after,
	header .navigation.open a:before {
		display: none;
	}
	
	header .navigation.open li {
		margin: 20px 0;
		display: block;
	}
	
	header .navigation.open li.current-menu-item a {
		font-style: italic;
	}
	
	header .overlay.open {
		background: rgba(75, 99, 103, 0.99);
		position: fixed;
		top: 0; bottom: 0;
		left: 0; right: 0;
		z-index: 100;
	}
	
	header .sub-navigation li {
		margin: 0 10px 20px 10px;
	}
	
	#home #what-we-do .projects-wrapper .column.width-50,
	#news-press .post .column.width-50,
	#what-we-do .projects-wrapper .column.width-50,
	#who-we-are .slideshow-wrapper .column.width-50,
	#who-we-are #culture .column.width-50, .projects-single .column.width-50 {
		width: 100%;
	}
	
	#what-we-do .projects-single .project.content-left .column.last .inside,
	#what-we-do .projects-single .project.content-right .column.last .inside,
	#home #what-we-do .projects .project.content-left .column.last .inside,
	#home #what-we-do .projects .project.content-right .column.last .inside,
	#what-we-do .projects .project.content-left .column.last .inside,
	#what-we-do .projects .project.content-right .column.last .inside,
	#who-we-are #creating-shared-value .slideshow .column.last .inside,
	#who-we-are #culture .column.last .inside {
		padding: 20px 0 0 0;
	}
	
	#who-we-are #creating-shared-value .slideshow .column.first .inside {
		padding: 0;
	}
	
	#home #who-we-are :not(:last-child) {
		font-size: 1.375em;
	}
	
	#news-press .wrapper.medium .column.width-50.first .inside,
	#what-we-do .projects .project.content-right .column.first .inside, #what-we-do .projects-single .project.content-right .column.first .inside,
	#who-we-are #culture .column.first .inside {
		padding-right: 0;
	} 
	
	#news-press .wrapper.medium .column.width-50.last .inside {
		padding: 20px 0 0 0;
	}
	
	#what-we-do .projects .project.content-left {
		text-align: left;
	}
	
	#what-we-do .projects .project.content-left .column.first .inside {
		padding-left: 0;
	}
	#contact-us .width-50 {
		width: 100%;	
	}
	#services .width-50 {
		width: 100%;	
	}
	.projects-single {
		padding-bottom: 80px;	
	}
}

/********************************************************************************************* 

x. Smaller than 700px

*********************************************************************************************/
@media only screen and (max-width:700px) {
	
	#who-we-are #involvement .logos .logo.width-33 {
		width: 33.33%;
	}
	
	#who-we-are #team .employees .employee {
		width: 50%;
	}
	
}

/********************************************************************************************* 

x. Smaller than 600px

*********************************************************************************************/
@media only screen and (max-width:600px) {
	
	.banner .caption,
	.gallery-controls-are-absolute .gallery-wrapper .controls-direction,
	.gallery-wrapper .controls .caption {
		display: none;
	}
	
	.contact-details .column.right,
	.contact-details .column.width-20,
	.contact-details .column.width-30 {
		width: 100%;
	}
	
	.contact-details .column:nth-child(1),
	.contact-details .column:nth-child(2),
	.contact-details .column:nth-child(3) {
		margin-bottom: 30px;
	}
	
	footer .juniper .column.left,
	footer .juniper .column.right {
		text-align: center;
		width: 100%;
	}
	
	footer .juniper .column.left {
		margin-bottom: 30px;
	}
	
	footer .logo {
		margin: 0 auto;
	}
	
}

/********************************************************************************************* 

x. Smaller than 500px

*********************************************************************************************/
@media only screen and (max-width:500px) {
	
	#contact #details .chelsea-cucumber,
	#not-found .section .chelsea-cucumber {
		padding: 30px 0;
	}
	
	#contact #map {
		height: 300px;
	}
	
	.gallery-wrapper .pager {
		display: none;
	}
	
	h1 {
		font-size: 1.500em;
	}
	
	h2,
	h3 {
		font-size: 1.125em;
	}
	
	header .sub-navigation a {
		font-size: 12px;
	}
	
	#what-we-do #approach .chelsea-cucumber,
	#who-we-are #firm-overview .raw-sienna {
		padding-bottom: 30px;
	}
	
	#what-we-do #practice-areas .wrapper.medium,
	#who-we-are #history .wrapper.medium {
		margin: 0 auto;
		padding: 0;
	}
	
	#what-we-do #practice-areas .wrapper.small,
	#who-we-are #history .wrapper.small {
		padding: 0;
	}
	
	#what-we-do #civic-real-estate .raw-sienna {
		padding-top: 30px;
	}
	
	#who-we-are #history .aqua-haze {
		padding: 30px;
	}
	
	#who-we-are #involvement .logos .logo.width-33 {
		width: 50%;
	}
	
	#who-we-are #team .juniper {
		padding: 30px 0;
	}

	#who-we-are #team .wrapper.medium {
		margin: 0 auto;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
}

/********************************************************************************************* 

x. Smaller than 400px

*********************************************************************************************/
@media only screen and (max-width:400px) {
	
	header .column,
	header .logo {
		height: 70px;
	}
	
	header .logo img {
		-moz-transform: translateX(0) translateY(-50%);
		-webkit-transform: translateX(0) translateY(-50%);
		-o-transform: translateX(0) translateY(-50%);
		-ms-transform: translateX(0) translateY(-50%);
		transform: translateX(0) translateY(-50%);
		left: 20px;
	}
	
	header .hamburger {
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		top: 50%;
	}
	
	header .hamburger.open {
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		top: 20px;
	}
	
	header .sub-navigation {
		display: none;
	}
	
	#home #who-we-are :not(:last-child) {
		font-size: 1em;
		font-weight: normal;
	}
	
	#what-we-do .projects .project .arrows a {
		width: 35px; height: 40px;
	}
	
	#who-we-are #team .employees > .full-information .links li {
		margin: 0;
		display: block;
	}
	
	#who-we-are #team .employees > .full-information .links li:nth-child(1) {
		margin: 0 0 10px 0;
	}
	
	#who-we-are #team .employees > .full-information .links li.separator {
		display: none;
	}
	
	#who-we-are #team .employees .employee {
		width: 100%;
	}
	
	.wp-paginate {
		float: none;
	}

}

/********************************************************************************************* 

x. Smaller than 320

*********************************************************************************************/
@media only screen and (max-width:320px) {
	
	header .navigation.open a {
		font-size: 24px;
	}
	
	html, body {
		font-size: 14px;
	}
	
}