/* CSS Document */
@media only screen and (max-width: 1440px) {

	#header,
	#header-shadow,
	#header-shadow-1,
	.header-element { 
		height: 80px !important; 
		}
	#logo img { width: 180px; }
	.nav { font-size: 16px; }
}

@media only screen and (max-width: 1300px) {
	
	#logo img { width: 170px; }
	
	#page_property_img,
	#page_leasing_img,
	#page_contact_img {
		height: 400px;
		}
		.leasing_text .headline { width: 23%; }
		.leasing_text .details { width: 33%; }
		.leasing_text .gallery { width: 40%; }
	 
	.thumbnail img { 
		width: 29.3%;
		padding: 0 2% 20px 2%;
		}
}

@media only screen and (max-width: 1000px) {
	
	.leasing_text .headline { width: 100%; padding-right: 0%; padding-bottom: 40px; }
	.leasing_text .details { width: 48%; }
	.leasing_text .gallery { width: 50%; }
}

@media only screen and (max-width: 900px) {
	#header { 
		background-color: rgba(100, 100, 100, 1) !important;
		}
	#header,
	#header-shadow,
	#header-shadow-1,
	.header-element { 
		height: 74px !important; 
		}
	#logo {
		margin-top: 0px;
		}
	#logo img {
		width: 164px;
		margin-left: 6px;
		}		
	#menu-icon {
		display: inline-block;
		position:fixed;
		top: 18px;
		right: 26px;
		z-index:1000;
		}
	a:hover#menu-icon {
			border-radius: 0;
			}
		.menu-icon-off {
			background: url(../image/menu-icon.svg) center no-repeat;
			}
		.menu-icon-on {
			background: url(../image/menu-icon-close.svg) center no-repeat;
			}
		.menu-responsive { display: block; }
		
	nav { 
		padding: 6px 0 0 0;
		}
	nav ul, nav:active ul { 
		display: none;
		background-color: transparent;
		right: 0;
		top: 0;
		width: 100%;
		padding: 74px 0 0 0; /* space for nav header background */
		margin: 0px;
		border-radius: 0;
		position: fixed;
		overflow-y: scroll;
		}
		nav li {
			width: 100%;
			padding: 0;
			margin: 0;
			height: 40px;
			text-align: left;
			}
		.nav {
			font-size: 21px;
			}
			.nav li {
				padding: 18px 0 0 6%; 
				}
				nav .menu-responsive li { padding-bottom:30px; }
		
	#col_1, #col_2 { width: 100%; padding:0; float:none; }
	#col_1 { margin: 20px 0 65px; padding-bottom: 60px; }
	
	.col_pic, .col_text { width: 100%;  margin-left: 0; float: none; display:block; border:none; }
	
	.content_2 .text-highlight { 
			width: 100%;
			padding: 0;
			}
	
	#legal { display:none; }
	.text {
		line-height: 1.3em;
		}
	.text li {
		padding: 0 0 10px 5px;
		}
}

@media only screen and (max-width: 850px) {
	
	.page_sub_title { font-size: 28px; padding-top: 6px; padding-bottom: 6px; }
	.page_sub_title { font-size: 40px; padding-top: 6px; padding-bottom: 6px; }
	.page_sub_title { font-size: 25px; }

		.property_content,
		.property_text { 
			width:100%;
			margin-left: 0;
			margin-right: 0;
			}

.bar-content { 
	padding:60px 5% 63px 5%;
	}
	.bar-col-1 { width: 100%; margin: 5px 0 10px 0; }
	.bar-col-2 { width: 100%; }
	#footer_1 { 
			width: 100%;
			padding-right:0;
			margin-bottom: 60px;
			}
		#footer_2,
		#footer_3 { 
			width: 46.5%;
			padding-left:3%
			}
	.copyright { font-size: 11px; }
}

@media only screen and (max-width: 780px) {
		
	#page_property_img,
	#page_leasing_img,
	#page_contact_img {
		height: 300px;
		}
		
	#page_highlight { padding-top: 150px; padding-bottom: 80px; width: 84%; padding-left: 8% !important; padding-right: 8% !important; }
	
	#col_pic, #col_text { 
		width: 100%;
		display: table;
		float: none;
		}
		#col_pic { padding: 50px 0 0 0; margin: 0 0 30px 0; }
		#col_text { padding: 10px 0 0 0; }
					
	#page_content .text {
		line-height: 1.6em;
		}
}

@media only screen and (max-width: 750px) {
	
	.slider {
		padding-top: 0;
		}
	.position { 
		width:65%; 
		left: 3%; 
		padding-bottom: 10%;
		}	
	.content_2 .text-highlight { width: 100%; }	
	#block_form .page_title { width: 100%; margin-right: 0; margin-bottom: 6px; }
	#block_form .form_item { width: 100%; }
	#block_form .form_content { width: 100%; }

	#form_button {
		width: 120px;
		height: 34px;
		}
	.form_field, .form_menu { 
		width: 100%;
		height: 28px;
		border: 1px solid #CCC;
		}
	.text_form, .form_field, .form_menu, #form_button {
		font-size: 15px;
		}	
	.text-highlight,
	.text-highlight-L,
 	.bar-content .text-highlight { 
		letter-spacing: 0em;
		}	
	#message {
		width: 100%;
		}
	.leasing_text .headline { padding-bottom: 30px; }
	.leasing_text .details { width: 100%; padding-right:0%; }
	.leasing_text .gallery { width: 100%; margin-top:60px; }
		.thumbnail img { 
			width: 22.6%;
			padding: 0 1.2% 16px 1.2%;
			}
	.download_button {
			width: 95%;
	}
	.copyright.notes { padding:0px 10px 5px 10px; }
}
@media only screen and (max-width: 700px) {

	.brand_intro {
		font-size: 22px;
		}
	.break {
		display: none;
		}
	.text_intro {
		font-size: 130%;
		line-height:1.37em;
		}
	.gallery_1 img {
		width: 50% !important;
		}
	.thumbnail img { 
		width: 30.3%;
		padding: 0 1.5% 20px 1.5%;
		}
	.content_1 .text-highlight { 
		font-size: 25px;
		}
	.content_2 .text-highlight { 
		font-size: 25px;
		}
}
@media only screen and (max-width: 600px) {

	.content_legal { 
		padding-top: 20px;
		border-top: none;
		}
	#page_tile {
		margin: 20px 0 0 0;
		}
	#topBtn {
		bottom: 20px;
		right: 20px;
		}
	.property_content, .property_text { 
		width: 100%; 
		margin-left: 0;
		margin-right: 0;
		}
	.content_1 .text-highlight,
	.content_2 .text-highlight { 
		font-size: 23px;
		}	
	.text-highlight-L {
		font-size: 16px;
		line-height: 1.6em;
		}		
	.text li {
		line-height: 1.2em;
		}
}

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

	body {
		padding-top: 68px;
		}		
	#header,
	#header-shadow,
	#header-shadow-1,
	.header-element { 
		height: 68px !important; 
		background-color: rgba(100, 100, 100, 1);
		}
	#logo {
		padding-top: 2px;
		}
	#logo img {
		width: 150px;
		margin-left: 6px;
		}		
	#menu-icon {
		top: 13px;
		right: 23px;
		}
	#page_property_img {
			background-image:linear-gradient(rgba(100, 100, 100, 0), rgba(100, 100, 100, 0)), url("../image/009-035-ASK-1792.jpg");
			background-position: center;
			}
		#page_leasing_img {
			background-image:linear-gradient(rgba(100, 100, 100, 0), rgba(100, 100, 100, 0)), url("../image/018-042-ASK-1916.jpg");
			background-position: center;
			}
		#page_contact_img {
			background-image:linear-gradient(rgba(100, 100, 100, 0), rgba(100, 100, 100, 0)), url("../image/047-025-DJI-0693.jpg");
			background-position: bottom center;
			}
	#page_property_img,
	#page_leasing_img,
	#page_contact_img { 
		height: 240px;
		}
	.header-element,
	.hero-text-block { 
		width: 87% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		}
	.nav li {
		padding: 18px 0 0 8%; 
		}
	#footer,
	.content, 
	.content_1, 
	.content_2,
	.content_legal,
	.content_tiles,
	.bar-content { 
		width: 85% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		}
	.content_map iframe {
		height: 460px;
		}
	.page_title { 
		font-size: 30px;
		}
	.text-highlight { 
		font-size: 27px;
		line-height: 1.2em; 
		}
	.text_intro { 
		font-size: 120%;
		}		
	#page_content .text {
		line-height: 1.5em;
		}
	.thumbnail img { 
		width: 30.3%;
		padding: 0 1.5% 14px 1.5%;
		}
	#footer_2,
	#footer_3 { 
		width: 94%;
		padding-left:5%;
		margin-bottom: 60px;
		}
	.gallery_1 img {
		width: 100% !important;
		}
}

@media only screen and (max-width: 450px) {
	
	.position {
		width:80%;
		}
	.hero-text {
		line-height: 1.06em;
		}		
	#page_highlight {
		padding-top: 60px;
		padding-bottom: 80px
		}
	#col_pic { 
		padding: 20px 0 0 0;
		}
}

@media only screen and (max-width: 420px) {
	
	.page_sub_title {
		font-size: 23px;
		}
		
	.thumbnail img { 
		padding-bottom: 12px;
		}
}

@media only screen and (max-width: 375px) {
	
	#page_property_img,
	#page_leasing_img,
	#page_contact_img {
		height: 200px;
		}
}