/* ---------------------------------------------------------------------------------------------------------------------- */
/* In between area (ipad) ----------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1500px) {
	body {
	
	}
	
	h1 {
	
	}
	
	h2 {
	    font-family: 'brownlight', Helvetica, Arial;
		font-size: 15px;
		line-height: 20px;
	}

	#primary-nav > li {
		padding: 0 3% 0 1%;	
	}

	.page#the-interiors .section {
		font-size: 12px;
	}

	
	.more-information-link,
	.more-information-link:hover,
	.close-x,
	.close-x:hover,
	.press-row ul li a:hover,
	.image-overlay-link:hover img {
		opacity: 1;
	}
	
	.footer .footer-wrapper {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.footer-menu {
		right: -5px;
	}
}

@media only screen and (max-width: 1500px) {
	.page > .row.split.offset .col.first {
		padding: 60px 5% 0 8%;
		width: 22%;
	}

	.page > .row.split.offset .col.last.text {
		padding: 60px 8% 0 5%;
		width: 22%;
	}	
}


@media only screen and (max-width: 1300px) {
	/* ---------------------------------------------------------------------------------------------------------------------- */
	/* Double Height Lofts -------------------------------------------------------------------------------------------------- */
	/* ---------------------------------------------------------------------------------------------------------------------- */
	.additional-views {
		text-align: center;
	}

	.additional-views li {
		display: inline-block;
		margin-right: 15px;
		margin-bottom: 5px;
	}
	
	.view-floorplan-link {
		display: inline-block;
	}
}

@media only screen and (max-width: 1300px) {
	.really-big-desktop-only {
		display: none;
	}
	
	.page#the-interiors .section .bold {
		display: block;
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 1130px) {
	.page#press .wrapper {
		padding: 0 10px;
	}
}

@media only screen and (max-width: 1000px) {
	.big-desktop-only {
		display: none;
	}
}

/* ---------------------------------------------------------------------------------------------------------------------- */
/* Skinny Landscape Size (ipad landscape) ------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 601px) and (max-width: 768px) {
	.page > .row.split .col,
	.page > .row.split .col.right,
	.page > .row.split.offset .col.first.image,
	.page > .row.split.offset .col.last.text,
	.page > .row.split.offset .col.last,
	.page > .row.split.offset .col.first {
		width: auto;
		float: none;
	}

	.page > .row.split .col.image {
		height: 530px;
		overflow: hidden;
		min-height: 1px;
		text-align: center;
		position: relative !important;
	}

	.page > .row.split .col.image img {
		display: block;
		margin: 0 auto;
		position: static;
		right: auto;
		height: auto;
		width: 100%;
	}

	.page.the-building > .row.split .col.image img {
	}
	
	.next-page-link-wrap .next-page-link {
		margin-top: 0;
		top: 235px;
		position: absolute;
	}
	
	.page.full .next-page-link-wrap .next-page-link {
		position: fixed;
		top: 50%;
		margin-top: -58px;
	}

	.page.full .next-page-link-wrap .next-page-link.next {
		right: 40px;
	}
	
	.next-page-link-wrap .next-page-link.next  {
		right: 20px;
	}
	
	.page.the-building .next-page-link.next {
		background-image: url(/images/icons/white-arrow-right.png);
	}

	.page > .row.split .col.text,
	.page > .row.split.offset .col.last.text,
	.page > .row.split.offset .col.first {
		padding: 30px 18% 0 18%;
		width: auto;
	}
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
	/* ----------------------------------------------------------------------------------------------------------------------- */
	/* Team ------------------------------------------------------------------------------------------------------------------ */
	/* ----------------------------------------------------------------------------------------------------------------------- */
	.page#team .wrapper .content-col,
	.page#team .wrapper .content-col.last {
		float: none;
		width: auto;
		padding: 40px 0 0 0;
	}
	
	.page#team .wrapper .content-col.last {
		padding-bottom: 40px;
	}

	#primary-nav > li {
		padding: 0 3% 0 1%;	
		font-size: 11px;
	}

	.landscape { display: none; }
	.portrait { display: block; }


	#press .row {
		padding-right: 0;
	}

	
	.press-row {
		padding: 0;
	}

	.press-row ul li {
		margin-bottom: 25px;
		margin-right: 0;
		width: 50%;
		max-width: 50%;
	}
	
	form {
		margin: 0 auto;
		max-width: 342px;
		padding-rihgt: 0;
	}

	form .col,
	form .col.last {
		float: none;
		width: auto;
	}
	
	.privacy .content-wrap {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.avilability-table-wrap {
		max-width: 80%;
		margin: 0 auto;
	}
	
	#press .row {
		max-width: 80%;
		margin: 0 auto;
		padding: 0;
	}
	
	.press-row:first-child {
		padding-top: 40px;
	}
	
	.shigeru-ban {
		background: none;
	}
	
	.shigeru-ban .col.text {
		background: url(/images/shigeru-ban/shigeru-ban.jpg) 50% 0 no-repeat;
		background-size: auto 400px;
		height: 400px;
		position: relative;
	}
	
	.shigeru-ban h2 {
		padding-top: 500px;
	}
	
	.shigeru-ban .col.text p.tac {
		position: absolute;
		top: 120px;
		right: 140px;
	}
	.shigeru-ban .col.text p.bold {
		position: absolute;
		top: 175px;
		right: 70px;
		width: 180px;
	}
	
	.shigeru-ban .next-page-link-wrap .next-page-link {
		top: 175px;
	}	
	
	.submit-wrap {
		float: right;
		padding-top: 10px;
	}
	
	.required {
		float: left;
		margin-top: -30px;
	}

	/* ----------------------------------------------------------------------------------------------------------------------- */
	/* Tribeca Image Gallery ------------------------------------------------------------------------------------------------- */
	/* ----------------------------------------------------------------------------------------------------------------------- */
	.image-gallery .slide .image,
	.image-gallery .slide.triptych .image {
		background-position: 50% 20%;
		width: 100%;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 1;
	}
	
	.image-gallery .slide.current .image { z-index: 3; }
	.image-gallery .slide.on-deck .image { z-index: 3; }
	.image-gallery .slide.current .image:first-child { z-index: 4; }
	.image-gallery .slide.on-deck .image:first-child { z-index: 4; }
	.image-gallery .slide.current .image:last-child { z-index: 2; }
	.image-gallery .slide.on-deck .image:last-child { z-index: 2; }

	.image-gallery .slide.current .image.current { z-index: 5; }
	.image-gallery .slide.current .image.moving { z-index: 5; }
	.image-gallery .slide.current .image.on-deck { z-index: 4; }

	.tribeca-overlay {

	}
}


/* ---------------------------------------------------------------------------------------------------------------------- */
/* Mobile Landscape Size (devices and browsers) ------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 880px) {
	#primary-nav > li {
		padding: 0 1.5% 0 1%;	
	}
	
	.page#press .article {
		border-bottom: 1px solid #cccccc;
		margin: 0 75px 50px 75px;
		padding-top: 50px;
		padding-bottom: 30px;
	}

	.page#press .article .image {
		margin-bottom: 30px;
	}
	
	.page#press .article .image,
	.page#press .article .body {
		float: none;
		padding: 0;
		width: auto;
	}
	
	.page#press .article .body .title {
		padding-right: 0;
	}
	
	.page#press .article .body .view-full-article-link-wrap {
		position: static;
		text-align: right;
		margin: -20px 0 10px 0;
	}
}


/* ---------------------------------------------------------------------------------------------------------------------- */
/* Mobile Landscape Size (devices and browsers) ------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 400px) and (max-width: 600px) {
	/* ----------------------------------------------------------------------------------------------------------------------- */
	/* Page ------------------------------------------------------------------------------------------------------------------ */
	/* ----------------------------------------------------------------------------------------------------------------------- */
	.page > .row.split .col,
	.page > .row.split.offset .col.first,
	.page > .row.split.offset .col.first.image,
	.page > .row.split.offset .col.last {
		width: 50%;
	}

	.page > .row.split .col.image {
		bottom: 0;
		min-height: 1px;
		position: absolute;
		right: 0;
		top: 0;
	}

	.page > .row.split .col.image img {

	}

	.page > .row.split .col.text,
	.page > .row.split .col.text.left,
	.page > .row.split.offset .col.first.text,
	.page > .row.split.offset .col.last.text {
		padding: 5%;
		width: 40%;
	}
	
	
}

@media only screen and (min-width: 1px) and (max-width: 690px) {
	.privacy .content-wrap .col {
		float: none;
		margin: 0;
		width: auto;
	}
	
	.page.the-building .row.split .col.image img {
		position: static;
		width: 100%;
		height: auto;
	}

	.menu-wrap {
		background: #ffffff;
		bottom: 0;
		position: fixed;
		left: 0;
		right: 0;
		padding: 0;
		margin-top: -30px;
		height: 30px;
		top: 100%;
		transition: none;
		-moz-transition: none;
		-webkit-transition: none;
		-o-transition: none;
	}

	.menu-wrap.engaged {
		overflow: scroll;
		overflow-y: scroll; /* has to be scroll, not auto */
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
		margin-top: 0;
		top: 0;
		height: auto;
		z-index: 20;
		transition: all .25s linear;
		-moz-transition: all .25s linear;
		-webkit-transition: all .25s linear;
		-o-transition: all .25s linear;
	}

	.logo {
		background: url(/images/template/cast-iron-house-logo.png) 0 0 no-repeat;
		background-size: 100% auto;
		display: none;
		float: none;
		height: 57px;
		margin: 23px auto 0 auto;
		width: 250px;
		max-width: 90%;
	}
	
	.logo img {
		display: none;
	}
	
	.menu-wrap.engaged .logo {
		display: block;
	}
	
	.menu-wrap .mobile-footer-menu {
		display: block;
		padding: 12px 10px;
	}
	
	.menu-wrap .legal-link {
		display: inline-block;
		float: none;
		margin: 0;
	}
	
	.menu-wrap a.fr {
		color: #77787b;
		float: right;
		margin: 5px 0 0 0;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-size: 11px;
	}
	
	#menu-toggle {
		border-top: 1px solid #adadad;
		color: #adadad;
		display: block;
	    font-family: 'brownbold', Helvetica, Arial;	
		font-size: 13px;
		height: 30px;
		letter-spacing: 1px;
		line-height: 26px;
		text-align: center;
	}
	
	.menu-wrap.engaged #menu-toggle {
		display: none;
	}

	#menu-toggle:hover { text-decoration: none; } 

	#primary-nav, #primary-nav ul {
		display: none;
	}

	#primary-nav {
		border-top: 1px solid #9d9fa2;
	}
	
	#menu-wrap.engaged #primary-nav {
		display: block;
	}

	#primary-nav > li {
		border-bottom: 1px solid #9d9fa2;
		display: block;
		text-align: center;
		padding: 0;
	}

	#primary-nav > li a {
		padding: 16px 0;
	}

	#primary-nav > li > a {
		height: auto;
		line-height: 100%;
	}

	#primary-nav > li > ul {
		background: #ffffff;
		position: static;
	}

	#primary-nav > li:hover > ul {
		display: none;
	}

	#primary-nav > li > ul > li > a {
		padding: 14px 0;
	}

	#legal-link {
		display: none;
	}
		
	.page,
	.page.homepage {
		top: 0;
	}
	
	.footer { 
		display: none;
	}
	
	.page#building h1,
	.page#residences h1 {
		font-size: 70px;
		padding-top: 80px;
		text-align: center;
	}

	.page .content-column {
		padding-left: 0
	}
	
	.next-page-link-wrap {
		display: none;
	}
	
	.page .content-column .row {
		padding: 0 20px;
	}

	.page .content-column .row > .col.first,
	.page .content-column .row > .col.last,
	.page .content-column .row > .col.col-50,
	.page .content-column .row > .col.col-50.text,
	.page .content-column .row > .col.col-100 {
		float: none;
		margin: 0 0 30px 0;
		max-width: 100%;
		padding: 0;
		width: auto;
	}

	form {
		padding-left: 0;
		padding-top: 62px;
	}

	.page#team .wrapper {
		max-width: 1100px;
		padding: 40px 20px;
		margin: 0 auto;
	}

	.page#team .gutter-sizer {
		width: 0%;
	}

	.page#team .masonry-item {
		margin-bottom: 40px;
		width: 100%;
	}
}


/* ---------------------------------------------------------------------------------------------------------------------- */
/* Mobile Portrait Size (devices and browsers) -------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 400px) {
	form {
		padding: 30px 10px 0 10px;
	}

	.mobile-only {
		display: block !important;
	}

	.desktop-only {
		display: none !important;
	}

	form .field-wrap input.text,
	form .field-wrap select {
		padding: 2%;
	}
	
	
	form .field-wrap .label-text {
		max-width: 80%;
	}
	
	.page > .row.split .col,
	.page > .row.split .col.right,
	.page > .row.split.offset .col.first.image,
	.page > .row.split.offset .col.last.text,
	.page > .row.split.offset .col.last,
	.page > .row.split.offset .col.first {
		width: auto;
		float: none;
	}

	.page > .row.split .col.image {
		height: auto;
		overflow: hidden;
		min-height: 1px;
		text-align: center;
		position: relative !important;
	}

	.page > .row.split .col.image img {
		display: block;
		margin: 0 auto;
		position: static;
		right: auto;
		height: auto;
		width: 100%;
	}

	.page.the-building > .row.split .col.image img {
	}
	
	.next-page-link-wrap .next-page-link {
		margin-top: 0;
		top: 235px;
		position: absolute;
	}
	
	.page.full .next-page-link-wrap .next-page-link {
		position: fixed;
		top: 50%;
		margin-top: -58px;
	}

	.page.full .next-page-link-wrap .next-page-link.next {
		right: 40px;
	}
	
	.next-page-link-wrap .next-page-link.next  {
		right: 20px;
	}
	
	.page.the-building .next-page-link.next {
		background-image: url(/images/icons/white-arrow-right.png);
	}

	.page > .row.split .col.text,
	.page > .row.split.offset .col.last.text,
	.page > .row.split.offset .col.first {
		padding: 30px 7% 0 7%;
		width: auto;
	}
	
	.press-row ul li {
		margin-bottom: 20px;
		margin-right: 0;
		width: 100%;
		max-width: 100%;
	}
	
	.press-row {
		padding: 0;
	}
	
	.page#press .wrapper {
		padding-top: 55px;
	}

	.page#press .article {
		margin: 0 0 50px 0;
		padding: 0;
	}

	.page#press .article .image {
		margin-bottom: 20px;
	}
	
	.page#press .article .body .title {
		padding-right: 0;
	}
	
	.page#press .article .body .view-full-article-link-wrap {
		text-align: center;
		margin-top: 10px;
		margin-bottom: 20px;
	}
}