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

x. Smaller than 1200px

*********************************************************************************************/
@media only screen and (max-width:1200px) {
	
	#filters {
		text-align: center;
	}
	
	#filters::after {
		content: "";
		display: block;
		clear: both;
	}
	
	#filters .filter {
		margin: 10px 0 0;
	}
	
	#filters form > .filter > div.checkbox {
		display: inline-block;
		margin: 0;
	}
	
	#filters form > .filter > label {
		display: inline-block;
		margin: 0;
	}
	
	#filters-column {
		padding: 40px 0;
		height: auto !important;
	}
	
	#filters-column h1 {
		text-align: center;
	}
	
	#filters-wrapper {
		float: none;
		width: auto;
	}
	
	#filters-wrapper::before {
	    width: 0;
	}
	
	#floor-plan-tool {
		float: none;
		margin: 0 auto 40px;
		width: 780px;
	}
	
	#floor-plan-tool>div {
		padding: 0 !important;
	}
	
	#header .logo {
		margin-bottom: 30px;
	}
	
	#header .navigation.center {
		display: block;
	}
	
	#header .navigation.left,
	#header .navigation.right {
		display: none;
	}
	
}

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

x. Smaller than 1180px

*********************************************************************************************/
@media only screen and (max-width:1180px) {
	
	.wrapper {
		width: auto;
		padding: 0 40px;
	}
	
}

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

x. Smaller than 1100px

*********************************************************************************************/
@media only screen and (max-width:1100px) {
	
	.flip .back,
	.flip .front {
		position: relative !important;
		-moz-transform: rotateY(0deg) !important;
		-webkit-transform: rotateY(0deg) !important;
		-o-transform: rotateY(0deg) !important;
		-ms-transform: rotateY(0deg) !important;
		transform: rotateY(0deg) !important;
	}
	
	.flip .back {
		border: none;
		margin: 20px 0 0 0;
	}
	
	.flip .back .inside {
		padding: 0;
	}
	
	.flip .back .line,
	.flip .front .image .arrow,
	.flip .image.blank {
		display: none;
	}
	
	.historic-neighborhood {
		font-size: 16px;
	}
	
	.historic-neighborhood.bottom .column.first .inside {
		padding-right: 30px;
	}
	
	.historic-neighborhood.top .column.last .inside {
		padding-left: 30px;
	}
	
	.historic-neighborhood.bottom .column.last {
		padding: 70px 0 0 0;
	}
	
	.units li {
		width: 25%;
	}
		
}

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

x. Smaller than 1030px

*********************************************************************************************/
@media only screen and (max-width:1030px) {
	
	#contact .wrapper {
		width: auto;
		padding: 0 40px;
	}
	
	input, 
	textarea {
		-webkit-appearance: none;
		-webkit-border-radius: 0;
	}
	
}

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

x. Smaller than 1000px

*********************************************************************************************/
@media only screen and (max-width:1000px) {
	
	#footer .navigation.top li {
		padding: 20px;
	}
	
	#footer .navigation.top li.now-leasing {
		width: 140px;
	}
	
	.historic-neighborhood {
		font-size: 14px;
	}
	
	.historic-neighborhood .divider {
		display: none;
	}
	
	.historic-neighborhood.top .column.first {
		padding: 0;
	}
	
	#single-unit .image {
		height: 400px;
	}
	
}

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

x. Smaller than 900px

*********************************************************************************************/
@media only screen and (max-width:900px) {
	
	#all-units .fifth-ave,
	#all-units .north {
		width: 700px;
	}
	
	#all-units .king-st,
	#all-units .weller-st {
		display: none;
	}
	
	#all-units .plate > img {
		margin: 0;
	}
	
	#all-units .plate .units {
		left: 0;
	}
	
	.bx-wrapper .bx-caption {
		bottom: 50px;
	}
	
	.bx-wrapper.large li {
		padding: 0 0 50px 0;
	}
	
	.column .inside {
		padding: 50px 25px;
	}
	
	.features .inside {
		padding: 20px 0;
	}
	
	.features li .inside:last-of-type {
		border-bottom: 1px solid #CCCCCC;
	}
	
	.features li {
		width: 50%;
	}
	
	#floor-plan-tool {
		width: 700px;
	}
	
	.historic-neighborhood {
		font-size: inherit;
	}
	
	.historic-neighborhood.bottom {
		margin: 0;
		padding: 0 0 20px 0;
	}
	
	.historic-neighborhood.top {
		border-top: none;
		margin: 0;
	}
	
	.historic-neighborhood .divider {
		display: block;
	}
	
	.historic-neighborhood.bottom .column, .historic-neighborhood.top .column {
		width: 100%;
		padding: 20px 0 0 0 !important;
		float: none;
	}
	
	.historic-neighborhood.bottom .inside, .historic-neighborhood.top .inside {
		padding: 0 !important;
	}
	
	html, body {
		font-size: 17px;
	}
	
	.page-id-13 .column.width-40 .inside.no-padding-left {
		padding-bottom: 0;
		padding-top: 0;
	}
	
	.pamphlet {
		margin: 0;
	}
	
	.units .inside {
		padding: 25px;
	}
	
}

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

x. Smaller than 800px

*********************************************************************************************/
@media only screen and (max-width:800px) {
	
	.bx-wrapper.large .bx-pager {
		bottom: 110px;
	}
	
	.bx-wrapper.large .bx-pager.bx-default-pager a {
		width: 8px; height: 8px;
	}
	
	#contact table td,
	#contact table td.label,
	#contact table tr.last td {
		width: 100%; height: auto;
		padding: 0 0 5px 0;
		display: block;
	}
	
	#content {
		position: relative;
	}
	
	.features li {
		width: 100%;
		display: block;
	}
	
	.features li:last-of-type .inside:last-of-type {
		border-bottom: 0;
	}
	
	#filters form label {
		display: inline-block;
		zoom: 1; 
		*display: inline;
	}
	
	#floor-plan-tool {
		width: auto;
	}
	
	#footer {
		padding-bottom: 40px;
	}
	
	#footer .navigation.top {
		padding: 20px 0 0 0;
	}
	
	#footer .navigation.top li {
		border-right: 0;
		padding: 0 0 20px 0;
		display: block;
	}
	
	#footer .navigation.top li.address a {
		font-family: "proxima-nova", Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: 400;
		text-decoration: none;
		text-transform: uppercase;
		display: block;
	}
	
	#footer .navigation.top li.now-leasing {
		display: none;
	}
	
	#footer .navigation.top li.phone-number a,
	#header .navigation li.reserve a {
		letter-spacing: normal;
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}
	
	#footer .navigation.top li.social-media ul li {
		display: inline-block;
		zoom: 1; 
		*display: inline;
	}
	
	#header .hamburger {
		display: block;
	}
	
	#header .logo {
		margin-bottom: 0;
	}
	
	#header .navigation.center {
		text-align: left;
		background: #EBEBEB;
		width: 230px; height: auto;
		padding: 20px 0;
		-webkit-box-shadow: inset 5px 0px 5px 0px rgba(0,0,0,0.15);
		-moz-box-shadow: inset 5px 0px 5px 0px rgba(0,0,0,0.15);
		box-shadow: inset 5px 0px 5px 0px rgba(0,0,0,0.15);
		position: fixed;
		top: 0; bottom: 0;
		right: -230px;
		z-index: 10;
	}
	
	#header .navigation.center li {
		padding: 20px 40px 0 40px;
		display: block;
	}
	
	#map {
		height: 400px;
	}
	
	.page-id-11 #section-3 .column.border-right:before {
		width: 0;
	}
	
	.page-id-11 #section-3 .column.width-25,
	.page-id-11 #section-3 .column.width-75 {
		width: 100%;
		float: none;
	}
	
	.page-id-11 #section-3 .column.width-25 .inside,
	.page-id-11 #section-3 .column.width-75 .inside {
		padding-left: 0;
		padding-right: 0;
	}
	
	.page-id-11 #section-3 .column.width-25 .inside {
		padding-bottom: 0;
	}
	
	.page-id-11 #section-3 .column.width-75 > .inside {
		padding-top: 0;
	}
	
	.pagination {
		margin: 40px 0 0 0;
		position: relative;
		bottom: 0;
	}
	
	.pagination.left {
		left: 0;
	}
	
	#single-unit .image {
		height: auto;
	}
	
	#single-unit .image img {
		max-height: none;
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		position: relative;
		top: 0;
	}
	
	.wrapper.floor-plan-tool {
		padding: 0 30px;
	}
	
}

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

x. Smaller than 768px

*********************************************************************************************/
@media only screen and (max-width:765px) {
	
	#all-units .bottom,
	#all-units .fifth-ave,
	#all-units .north,
	#all-units .plate > img,
	#all-units .plate .units > a img,
	#all-units .plate .units > a span {
		display: none;
	}
	
	#all-units .floors {
		position: relative;
	}
	
	#all-units .floors a {
		right: auto;
	}
	
	#all-units .plate,
	#all-units .plate .units {
		position: static;
	}
	
	#all-units .plate .units {
		margin: 30px 0 0;
		width: auto;
	}
	
	#all-units .plate .units > a {
		position: static;
		text-decoration: none;
		text-align: center;
	}
	
	#all-units .plate .units > a .mobile {
		display: block;
		font: 14px/1.75em "proxima-nova", Arial, Helvetica, sans-serif;
	}
	
}

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

x. Smaller than 700px

*********************************************************************************************/
@media only screen and (max-width:700px) {
	
	#contact .column,
	.page-id-9 #section-2 .column,
	.page-id-11 #section-1 .column,
	.page-id-11 #section-4 .column.width-20,
	.page-id-11 #section-4 .column.width-80,
	.page-id-15 #section-1 .column {
		width: 100%;
		flex: none;
	}
	
	#contact .column.border-right:before,
	.page-id-9 #section-2 .column.border-right:before,
	.page-id-11 #section-1 .column.border-right:before,
	.page-id-11 #section-4 .column.border-right:before,
	.page-id-15 #section-1 .column.border-right:before {
		width: 0;
	}
	
	#contact .inside,
	.page-id-9 #section-2 .column .inside,
	.page-id-11 #section-1 .column .inside,
	.page-id-11 #section-4 .column.width-20 .inside,
	.page-id-11 #section-4 .column.width-80 .inside,
	.page-id-15 #section-1 .column .inside {
		padding-left: 0;
		padding-right: 0;
	}
	
	.features .inside {
		padding: 10px 0 !important;
	}
	
	.page-id-9 #section-2 .column h1,
	.page-id-11 #section-1 .column h1,
	.page-id-15 #section-1 .column h1 {
		text-align: left;
	}
	
	.page-id-9 #section-2 .column.first .inside,
	.page-id-11 #section-1 .column.first .inside,
	.page-id-11 #section-4 .column.width-20 .inside,
	.page-id-15 #section-1 .column.first .inside {
		padding-bottom: 0;
	}
	
	.page-id-11 #section-1 .column.last .inside,
	.page-id-9 #section-2 .column.last .inside,
	.page-id-15 #section-1 .column.last .inside {
		padding-top: 20px;
	}
	
	.page-id-11 #section-4 .column.width-80 > .inside {
		padding-top: 0;
	}
	
	.page-id-13 .section .columns {
		padding: 0 0 25px 0;
	}
	
	.page-id-13 .section .columns .wrapper > .column.width-40,
	.page-id-13 .section .columns .wrapper > .column.width-60 {
		width: 50%;
	}
	
	#single-unit .column {
		float: none;
		width: auto;
	}
	
	#single-unit .column.width-35 {
		padding-top: 10px;
		text-align: center;
	}
	
	#single-unit .inside {
		padding: 0;
	}
	
	#single-unit .inside > .back-to-results {
		margin-bottom: 30px;
		text-align: left;
	}
	
	#single-unit .plate {
		display: none;
	}
	
}

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

x. Smaller than 600px

*********************************************************************************************/
@media only screen and (max-width:600px) {
	
	#filters form label {
		display: block;
	}
	
	#filters form label.checkbox {
		margin: 0 0 20px 0;
		padding: 0 20px 0 0;
		display: inline-block;
		zoom: 1; 
		*display: inline;
	}
	
	#header {
		padding: 20px 0;
	}
	
	#header .hamburger {
		top: 20px; right: 20px;
	}
	
	#header .logo {
		width: 200px;
	}
	
	#header .navigation.center {
		padding: 0;
	}
	
	#header .navigation.center li {
		padding: 20px 20px 0 30px;
	}
	
	.historic-neighborhood.bottom .column, .historic-neighborhood.top .column {
		padding: 0 !important;
	}
	
	.page-id-11 #section-2 .column,
	.page-id-13 #section-1 .column,
	.page-id-15 #section-2 .column {
		width: 100%;
		float: none;
	}
	
	.page-id-11 #section-2 .column.border-right:before,
	.page-id-13 #section-1 .column.border-right:before,
	.page-id-15 #section-2 .column.border-right:before {
		width: 0;
	}
	
	.page-id-11 #section-2 .column .inside,
	.page-id-13 #section-1 .column .inside,
	.page-id-15 #section-2 .column .inside {
		padding-left: 0;
		padding-right: 0;
	}
	
	.page-id-11 #section-2 .column.first .inside,
	.page-id-15 #section-2 .column.first .inside {
		padding-bottom: 0;
	}
	
	.page-id-13 #section-1 .column.last .inside {
		padding-top: 0;
	}
	
	.page-id-13 .section .columns:last-of-type .wrapper .column.width-60 .inside {
		padding-bottom: 20px;
	}
	
	.page-id-15 #section-2 .divider {
		display: none;
	}
	
	#single-unit {
		padding: 20px 0 0 0;
	}
	
	.units li {
		width: 33.33%;
	}
	
}

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

x. Smaller than 500px

*********************************************************************************************/
@media only screen and (max-width:500px) {
	
	.bx-wrapper.small {
		margin: 0 0 20px 0;
	}
	
	.columns.border {
		border: none;
	}
	
	.columns.border.double-lines:before {
		height: 0;
	}
	
	#footer {
		padding: 20px 0;
	}
	
	#footer .navigation.bottom li {
		font-size: 12px;
	}
	
	#footer .navigation.top {
		margin: 0 0 20px;
		padding: 20px 0 10px 0;
	}
	
	#footer .navigation.top li {
		padding: 0 0 10px 0;
	}
	
	/*.navigation.anchors {
		display: none;
	}*/
	
	.page-id-9 #section-1 {
		padding-bottom: 10px;
	}
	
	.page-id-11 #section-1 .column .inside,
	.page-id-11 #section-2 .column .inside,
	.page-id-11 #section-3 .column .inside,
	.page-id-15 #section-1 .column .inside,
	.page-id-15 #section-2 .column .inside {
		padding-bottom: 0;
	}
	
	.page-id-13 .section .columns,
	.page-id-13 .section .columns:last-of-type .wrapper .column.width-60 .inside {
		padding: 0;
	}
	
	.page-id-13 .section .image {
		margin: 0 0 20px 0 !important;
	}
	
	.page-id-13 #section-1 .divider {
		display: none;
	}
	
	.section {
		padding: 0;
	}
	
	/*.section .navigation.anchors {
		display: none;
	}*/
    
    .anchors .separator {
        display: none !important;
    }
    
    .anchors li {
        display: inline !important;
    }
    
    .anchors li a::after {
        content: "\a";
        white-space: pre;
    }
	
	.units .inside {
		padding: 20px !important;
	}
	
	.units li {
		width: 50%;
	}
	
}

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

x. Smaller than 475px

*********************************************************************************************/
@media only screen and (max-width:475px) {
	
	#filters .filter {
		margin: 15px 0 0;
	}
	
	#filters form > .filter > div.checkbox {
		padding: 0 10px;
	}
	
	#filters form > .filter > label {
		display: block;
		margin: 0 0 5px;
	}
	
}

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

x. Smaller than 400px

*********************************************************************************************/
@media only screen and (max-width:400px) {
	
	.bx-wrapper .bx-caption {
		background: #EBEBEB;
		width: auto; height: auto;
		-moz-transform: translateX(0) translateY(0);
		-webkit-transform: translateX(0) translateY(0);
		-o-transform: translateX(0) translateY(0);
		-ms-transform: translateX(0) translateY(0);
		transform: translateX(0) translateY(0);
		position: relative;
		bottom: 0; left: 0;
	}
	
	.bx-wrapper .bx-pager,
	#footer .navigation.bottom li.equal-housing,
	#footer .navigation.bottom li.separator {
		display: none;
	}
	
	.bx-wrapper.large li {
		padding-bottom: 25px;
	}
	
	.column .inside {
		padding: 30px;
	}
	
	#contact .wrapper,
	.wrapper {
		padding: 0 30px;
	}
	
	#footer .navigation.bottom li {
		display: block;
	}
	
	h1 {
		font-size: 24px;
	}
	
	h2 {
		font-size: 20px;
	}
	
	h3 {
		font-size: 18px;
	}
	
	#header .logo {
		width: 170px;
	}
	
	html, body {
		font-size: 16px;
	}
	
	#map {
		height: 300px;
	}
	
	.page-id-9 #section-1 {
		padding-bottom: 0;
	}
	
	#single-unit .column {
		width: auto;
		float: none;
	}
	
	#single-unit span.bathrooms,
	#single-unit span.square-feet {
		margin: 0;
	}
	
	#single-unit span.style {
		margin: 0 0 20px 0;
	}
	
	#single-unit .column.last {
		margin: 20px 0 0 0;
	}
	
}

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

x. Smaller than 320px

*********************************************************************************************/
@media only screen and (max-width:320px) {
	
	.extra-margin-bottom {
		margin-bottom: 20px;
	}
	
	.extra-margin-top {
		margin-top: 20px;
	}
	
	h4 {
		line-height: normal;
		height: auto;
		background: none;
	}
	
	#header .logo {
		width: 140px;
	}
	
}