/*!
Theme Name: Skyview
Author: My Web Advisors
Description: Skyview WP Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: skyview

This is a custom theme for Skyview.
*/

@charset "utf-8";

/* Reset Styles **********************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

nav ol, nav ul {list-style: none;}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

::-webkit-input-placeholder {color: #000;}
::-moz-placeholder {color: #000;}
::-ms-input-placeholder {color: #000;}
::-moz-placeholder {color: #000;}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {top: -0.5em;}
sub {bottom: -0.25em;}

video {width: 100%!important; height: auto!important;}
hr {box-sizing: content-box; height: 0; overflow: visible;}
pre {font-family: monospace, monospace; font-size: 1em;}
a {background-color: transparent;}
abbr[title] {border-bottom: none; text-decoration: underline; text-decoration: underline dotted;}
code, kbd, samp {font-family: monospace, monospace; font-size: 1em;}
small {font-size: 80%;}

/* Text meant only for screen readers */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar */
}

img {border-style: none;}
details {display: block;}
summary {display: list-item;}
template {display: none;}
[hidden] {display: none;}

/* General styling *******************************************/

html {overflow-x: hidden;}
body {line-height: 1.6; font-family: 'Muli', sans-serif; font-size: 16px; color: #626262; background: #fbfbfb; font-weight:500;}
p a:hover, ul li a:hover, p a:focus, ul li a:focus{text-decoration: underline; color: #003a5d;}
p a, ul li a, p a, ul li a{color: #25719e;}
p{font-size: 1em; line-height: 1.6; margin-bottom:25px;}  
p:last-child{margin-bottom: 0px!important;}
strong{font-weight:700;}
em{font-weight: 300; font-style:italic;}

video {
  width: 100%!important;
  height: auto!important;
}

a:focus, a:hover {
    color:inherit;
    text-decoration: inherit;
}
a{text-decoration: none;}

.left{float: left;}
.right{float: right;}

.text-center{text-align: center;}

.alignleft {float: left; margin: 10px 20px 10px 0px;}

.alignright {float: right; margin: 10px 0px 10px 20px;}

.aligncenter {display: block; margin: auto; max-width: 100%;}



* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /* This makes all elements stay a certain width and height even when you set it to have padding */

h1, h2{font-family: 'Muli', sans-serif; line-height: 1.3;}

.cushion-lg{padding: 100px 0px;}
.cushion{padding: 80px 0px;}
.cushion-sm{padding: 60px 0px;}
.cushion-top{padding-top: 80px;}
.cushion-sm-top{padding-top: 60px;}
.cushion-btm{padding-bottom: 80px;}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto;} 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.container, header, section, footer{position: relative; float: left; width: 100%;}
.wrapper{width: 1366px; margin: auto; display: block; position: relative; zoom: 1;}
.wrapper-sm{width: 1000px; margin: auto; display: block; position: relative; zoom: 1;}
.wrapper:before, .wrapper-sm:before, .clear:before, .wrapper:after, .wrapper-sm:after, .clear:after{content: ""; display: table;} 
.wrapper:after, .wrapper-sm:after, .clear:after{clear: both;}

.flex{display: table-cell; display: flex; display: -ms-flexbox;}
.centered{align-items: center; justify-content: center;}

.img-fluid{max-width: 100%;}

/*GENERAL STYLES*/

header#siteHeader{height: 140px; background: #fbfbfb url(images/header-clouds.png) no-repeat bottom right;}
header#siteHeader a#logo{float: left; margin: 30px 50px;}
header#siteHeader a#logo img{display: block; width: 350px;}

nav#siteNav{float: right; margin-right: 295px; height: 100%;}
nav#siteNav ul, nav#siteNav ul li{display: inline-block; position: relative;}
nav#siteNav ul li{margin-left: 25px;}
nav#siteNav a{font-family: 'Montserrat', sans-serif; font-size: 16px; text-transform: uppercase; font-weight: 600; color: #003a5d;}
nav#siteNav li:hover a, nav#siteNav a:focus{color: #af6187; text-decoration: none;}
nav#siteNav ul li a{display: block; margin-top: 50px; padding: 10px 5px;}
nav#siteNav ul ul{display: none; z-index: 100; position: absolute; left: -13px; top: 90px; -webkit-box-shadow: 0px 0px 3px 1px rgba(0,58,93,0.15);
-moz-box-shadow: 0px 0px 3px 1px rgba(0,58,93,0.15);
box-shadow: 0px 0px 3px 1px rgba(0,58,93,0.15);}
nav#siteNav ul li:hover ul{display: block; width: 210px; background: #fff; padding: 20px;}
nav#siteNav ul li:hover ul li{width: 100%; margin: 2px 0px 2px 0px;}
nav#siteNav ul li:hover ul li a{width: 100%; margin: 0px; padding: 0px; color: #003a5d; font-size: 15px;}
nav#siteNav ul li:hover ul li:hover a{color: #af6187;}
.blue-sep{background: #003a5d; height: 25px;}

footer#siteFooter #links{padding: 30px 5% 25px;}
footer#siteFooter #links .left{float: left; width: 465px;}
footer#siteFooter #links .left .logo{float: left; width: 125px;}
footer#siteFooter #links .left .logo a, footer#siteFooter #links .left .logo a img{display: block;}
footer#siteFooter #links .left .logo a img, footer#siteFooter #copyright .mb-logo img{width: 82px;}
footer#siteFooter #links .left .link-list{float: left; margin-left: 75px;}
footer#siteFooter #links .left .link-list a{display: block; font-family: 'Montserrat', sans-serif; font-size: 12px; text-transform: uppercase; font-weight: 600; color: #003a5d;}
footer#siteFooter #links .left .link-list a:hover, footer#siteFooter #links .left .link-list a:focus{color: #af6187;}

footer#siteFooter #links .right{float: right; width: 540px;}
footer#siteFooter #links .right .line{float: left; width: 250px; margin-right: 20px;}
footer#siteFooter #links .right .line:last-child{margin-right: 0px;}
footer#siteFooter #links .right strong{font-family: 'Montserrat', sans-serif; font-size: 12px; text-transform: uppercase; font-weight: 600; line-height: 1.6;}
footer#siteFooter #links .right .tel strong{float: left; width: 90px;}
footer#siteFooter #links .right p{font-size: 14px; margin-bottom: 5px;}
footer#siteFooter #links .right .address{float: left; width: 215px; margin-right: 30px;}
footer#siteFooter #links .right .tel{float: left; width: 100%;}

footer#siteFooter .blue-sep{background: rgba(28, 91, 128, 0.1); height: 2px;}
footer#siteFooter .blue-sep.mb{display: none;}

footer#siteFooter #copyright{padding: 20px 5%; text-align: center;}
footer#siteFooter #copyright .mb-logo{display: none; margin-bottom: 10px;}
footer#siteFooter #copyright p{font-size: 14px; margin-bottom: 5px;}

/*HOMEPAGE*/

#home-banner{position: relative; height: 100vh; overflow: hidden;}
#home-banner #property-dropdown-box{z-index: 1; position: absolute; left: 0px; top: calc(50% - 130px); width: 680px; padding: 40px 55px 40px 125px; background: rgba(0, 58, 93, 0.75);}
#home-banner #property-dropdown-box h1, #home-banner #property-dropdown-box h2{color: #fff; font-weight: 500; font-style: italic; font-size: 32px; line-height: 1.5;}
#home-banner #property-dropdown-box select{float: left; width: 100%; padding: 15px 20px; border: none; margin-top: 15px; border-radius: 6px; font-size: 18px; color: #626262; font-family: 'Muli', sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background: #fff;}
#home-banner #property-dropdown-box select::-ms-expand{display: none;}
#home-banner #property-dropdown-box:after{content: ""; width: 25px; height: 21px; background: url(images/icons/select-icon.png) no-repeat center; position: absolute; pointer-events: none; bottom: 55px; right: 70px; background-size: 100%;}
#home-banner #home-slide{float: left; width: 100%; height: 100%;}
#home-banner .owl-carousel .sa_hover_container{height: calc(92vh - 140px)!important;}
#home-banner #home-slide img{width: 100%;}

/*ABOUT US*/

#about-intro{padding: 80px 0px 200px;}
#about-intro aside{display: inline-block; width: 45%; margin: 0px 2%; vertical-align: top;}
#about-imgs{text-align: center; margin-top: 80px; margin-bottom: -345px; z-index: 100;}
#about-imgs article{display: flex; justify-content: space-between;}
#about-imgs img{display: inline-block; max-width: 100%;}
#about-imgs article div{width: 32%;}
#about-imgs div:nth-child(2) img{margin-top: 40px;}

#timeline{background: #e4eef3; padding: 280px 0px 80px;}
#timeline:before{content: ''; position: absolute; top: 0px; left: calc(33% + 15px); bottom: 0px; width: 4px; background: #d3e4ed;}
#timeline:after{ content: ""; display: table; clear: both;}
#timeline .entry {
  clear: both;
  text-align: left;
  position: relative;
}
#timeline .entry .date {
  margin-bottom: .5em;
  float: left;
  width: 33%;
  padding-right: 45px;
  text-align: right;
  position: relative;
  margin-top: 30px;
}
#timeline .entry .date p{display: inline; position: relative; font-family: 'Montserrat', sans-serif; font-size: 14px; color: #fff; background: #af6187; text-transform: uppercase; font-weight: 600; padding: 8px 12px;}
#timeline .entry p:after{content: ""; position: absolute; left: 100%; top: 9px; width: 0; height: 0; border-top: 9px solid transparent; border-left: 9px solid #af6187; border-bottom: 9px solid transparent;}
#timeline .entry .date:before {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  border: 3px solid #af6187;
  background-color: #e4eef3;
  border-radius: 100%;
  top: 15%;
  right: -28px;
  z-index: 99;
}
#timeline .entry .content {margin: 0 0 3em; float: right; width: 66%; padding-left: 60px;}
#timeline .entry:last-child .content{margin-bottom: 0px;}
#timeline .entry .content aside{background: #fff; padding: 30px; width: 70%; display: flex; justify-content: space-between;}
#timeline .entry .text{width: 68%;}
#timeline .entry .text h3{font-family: 'Muli', sans-serif; font-size: 22px; color: #003a5c; font-weight: 700; margin-bottom: 20px;}
#timeline .entry .img{width: 30%;}
#timeline .entry .img img{max-width: 100%;}

#our-team{padding: 100px 0px;}
#our-team h2{color: #003a5c; margin-bottom: 100px; font-size: 44px; font-weight: 700; text-align: center;}
#our-team article{display: flex; justify-content:space-between; padding: 25px 0px;}
#our-team article aside{width: 300px;}
#our-team article .text{width: calc(100% - 340px);}
#our-team article .text h3{font-family: 'Montserrat', sans-serif; color: #af6187; font-size: 14px; text-transform: uppercase; font-weight: 600; margin-bottom: 20px; margin-top: 20px;}

#our-projects{padding: 100px 0px; background: url(images/main-blue.jpg) no-repeat center; background-size: cover;}
#our-projects h2{color: #fff; margin-bottom: 60px; font-size: 44px; font-weight: 700; text-align: center;}
#our-projects article{display: flex; justify-content:space-between;}
#our-projects article aside{width: 32%; padding:  20px; background: #fff;}
#our-projects article aside img{width: 100%; float: left; margin-bottom: 25px;}
#our-projects article aside h3{font-family: 'Muli', sans-serif; font-size: 22px; color: #003a5c; font-weight: 700; margin-bottom: 20px;}

#our-community{padding: 100px 0px; text-align: center;}
#our-community h2{color: #003a5c; margin-bottom: 40px; font-size: 34px; font-weight: 700;}
#our-community p{width: 60%; margin: auto;}
#our-community article{display: block; margin: 40px 0px;}
#our-community article a{display: inline-block; margin: 0px 20px; vertical-align: middle;}
#our-community article a img{display: block;}

/*LOCTAION PAGE*/

#location-banner{padding: 0px; text-align: center;}
#location-banner h1{font-family: 'Muli', sans-serif; font-size: 50px; color: #fff; font-weight: 700; margin-bottom: 40px;}
.location-banner-text {position: absolute; z-index: 95; top: 0; left: 0; width: 100%; padding: 88px 0px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#003a5d+0,003a5d+100&0.85+0,0+100 */
background: -moz-linear-gradient(top,  rgba(0,58,93,0.85) 0%, rgba(0,58,93,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,58,93,0.85) 0%,rgba(0,58,93,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,58,93,0.85) 0%,rgba(0,58,93,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9003a5d', endColorstr='#00003a5d',GradientType=0 ); /* IE6-9 */

}

#locations{padding: 60px 0px; background: url(images/main-blue.jpg) no-repeat center; background-size: cover;}
#locations h2{font-weight: 700; color: #fff; font-size: 34px; margin-bottom: 10px;}
#locations article, #nearby article{display: flex; margin-bottom: 30px;}
#locations article:last-child, #nearby article:last-child{margin-bottom: 0px;}
#locations article .content, #nearby article .content{width: 75%; padding: 20px; background: #fff; display: flex; justify-content:space-between;}
#locations article .content .img, #nearby article .content .img{width: 48%;}
#locations article .content .img img, #nearby article .content .img img{max-width: 100%;}
#locations article .content .text, #nearby article .content .text{width: 48%;}
#locations article a.dets, #nearby article a.dets{width: 25%; background: #af6187 url(images/view-details.png) no-repeat center;}
#locations article a.dets:hover, #nearby article a.dets:hover{background-color: #934b6e;}
#locations article h2, #nearby article h3{font-family: 'Muli', sans-serif; font-size: 22px; color: #003a5c; font-weight: 700; margin-bottom: 0px;}
#locations article h2 a, #nearby article h3 a{color: #003a5c;}
#locations article p, #nearby article p{margin-bottom: 15px;}
#locations article .feat p, #nearby article .feat p{text-transform: uppercase; font-weight: 700; color: #af6187;}
#locations article h2 a:hover, #nearby article h3 a:hover{text-decoration: underline;}

#map iframe{display: block;}

/*PROPERTY PAGE*/

header#property-header{display: block; margin: auto; width: 100%; padding: 20px 0px 0px;}
header#property-header .wrapper{float: right; width: 75%; margin-right: 5%; border-bottom: 4px solid #efefef; padding-bottom: 20px;}
header#property-header .wrapper h1{font-weight: 700; color: #003a5c; font-size: 36px; margin-bottom: 20px;}

header#property-header .prop-contact .col{float: left; width: 33%;}
header#property-header .prop-contact .col p{font-size: 20px; margin-bottom: 10px;}
header#property-header .prop-contact .col:nth-child(2){}
header#property-header .prop-contact .icon.address{background: url(images/icons/location-icon.png) no-repeat left top; margin-bottom: 20px; background-size: 17px 25px; padding-left: 35px;}
header#property-header .prop-contact p.icon.phone a{background: #efefef url(images/icons/phone-icon.png) no-repeat 15px center; font-size: 18px; background-size: 35px 35px;
    padding: 10px 0px 10px 70px; font-weight: 600; border-radius: 6px; border: 1px solid #ddd; display: block; color: #626262;}
header#property-header .prop-contact p.icon.phone a:hover, header#property-header .prop-contact p.icon.phone a:focus{border-color: #b5b5b5; background-color: #ddd; text-decoration: none;}
header#property-header .prop-contact p.icon.email a{background: #efefef url(images/icons/email-icon.png) no-repeat 15px center; font-size: 18px; background-size: 35px 27px;
    padding: 10px 0px 10px 70px; font-weight: 600; border-radius: 6px; border: 1px solid #ddd; display: block; color: #626262;}
header#property-header .prop-contact p.icon.email a:hover, header#property-header .prop-contact p.icon.email a:focus{border-color: #b5b5b5; background-color: #ddd; text-decoration: none;}    
header#property-header .prop-contact .col:nth-child(3){text-align: right; float: right; margin-top: -65px;}
header#property-header .prop-contact .col:nth-child(3) p{font-size: 30px; font-weight: 500; color: #626262;}
header#property-header .prop-contact .col:nth-child(3) p strong{color: #003a5c; font-size: 34px;}
header#property-header .prop-contact .col:nth-child(3) .btn.green, header#property-header .prop-contact .col:nth-child(3) .btn.blue{text-align: center; width: 300px;}
header#property-header .prop-contact h2{font-weight: 700; color: #003a5c; font-size: 28px; margin-bottom: 20px;}

header#property-header .mb-show{display: none;}

#property-main{padding: 40px 0px;}
#property-main .wrapper{float: right; width: 75%; margin-right: 5%;}
#property-main #property-gallery{float: left; width: 65%;}
#property-main #property-sidebar{float: right; width: 30%;}
#property-main #property-rm{background: #003a5c;}
#property-main #property-rm img{display: block; margin: auto; max-width: 100%; border: 5px solid #003a5c;}
#property-main #property-rm .text{float: left; width: 100%; padding: 0px 30px 30px; background: #003a5c; text-align: center;}
#property-main #property-rm .text h2{font-weight: 700; color: #fff; font-size: 28px; margin-bottom: 20px;}
#property-main #property-rm .text h3{color: #fff; font-family: 'Muli', sans-serif; font-size: 17px; line-height: 1.6; font-weight: 600; margin-bottom: 30px;}
#property-main #property-rm .text p{font-size: 13px; color: #76a2bd;}

#property-main #property-media{margin-top: 30px;}
#property-main #property-media .embed-container{border: 5px solid #003a5c;}

#rental-options{padding: 80px 0px; background: url(images/main-blue.jpg) no-repeat center; background-size: cover; text-align: center;}
#rental-options .wrapper{float: right; width: 75%; margin-right: 5%;}
#rental-options h2{font-weight: 700; color: #fff; font-size: 28px; margin-bottom: 40px;}
#rental-options table{width: 100%; background: #fff; font-size: 18px;}
#rental-options table th{background: #236289; color: #fff; text-align: center; text-transform: uppercase; font-weight: 700; font-size: 16px; padding: 15px 20px;}
#rental-options table td{vertical-align: middle; padding: 20px 0px; border-bottom: 1px solid #d7d7d7;}
#rental-options table td a.btn{margin: 0px 10px; font-size: 16px;}
#rental-options table td a img{display: block; margin: auto;}
#rental-options table td:nth-child(4) a:after{content: "coming soon"; display: block; margin: 5px auto; font-size: 11px; color: #236289; font-style: italic;}
#rental-options table td.available{font-weight: 900; color: #af6187; font-size: 16px; text-transform: uppercase;}

#property-overview{padding-top: 40px;}
#property-overview .wrapper{float: right; width: 75%; margin-right: 5%;}
#property-overview h2{font-weight: 700; color: #003a5c; font-size: 28px; margin-bottom: 20px;}
#property-overview .bottom .left{width: 60%;}
#property-overview .bottom .right{width: 300px;}
#property-overview .grey-sep{background: #efefef; height: 4px; margin: 20px 0px;}
#property-overview .amenities-feature{/*display: block; width: 285px; text-align: center;*/ display: table-row; padding: 20px 15px; margin-bottom: 25px; border:1px solid #d7d7d7;}
#property-overview table{width: 100%;}
#property-overview .amenities-feature td{display: table-cell; padding: 15px;}
#property-overview .amenities-feature td:nth-child(1){width: 38%; text-align: right;}
#property-overview .amenities-feature td img{vertical-align: middle; display: inline-block; width: 30px;}
#property-overview .amenities-feature:last-child td img{width: 25px;}
#property-overview .amenities-feature p{display: inline-block; font-size: 18px;}
/*#property-overview .amenities-feature p.icon.bed{padding-left: 47px; background: url(images/icons/bed-icon.png) no-repeat left center; background-size: 32px 17px;}
#property-overview .amenities-feature p.icon.bath{padding-left: 38px; background: url(images/icons/bath-icon.png) no-repeat left center; background-size: 23px 20px;}
#property-overview .amenities-feature p.icon.sqft{padding-left: 41px; background: url(images/icons/blueprint-icon.png) no-repeat left center; background-size: 26px 20px;}
#property-overview .amenities-feature p.icon.lease{padding-left: 41px; background: url(images/icons/lease-icon.png) no-repeat left center; background-size: 20px 25px;}*/

#promotions{display: flex; width: 60%; text-align: center; margin: 60px 0px 20px;}
#promotions .container{width: 750px; background: #236289; padding: 20px; color: #fff;}
#promotions .container h2{color: #fff; background: #3fcacf; padding: 10px;}
#promotions .container p{font-size: 18px;}

#testimonials{padding: 40px 0px 20px;}
#testimonials .wrapper{float: right; width: 75%; margin-right: 5%;}
#testimonials h2{font-weight: 700; color: #003a5c; font-size: 28px; margin-bottom: 60px; text-align: center;}
#testimonials blockquote {
  display: block;
  border-width: 2px 0 0 0;
  border-style: solid;
  border-color: #ddd;
  padding: 1.5em 0;
  margin: 1.2em 1%;
  position: relative;
}
#testimonials blockquote:before {
  content: '\201C';
  position: absolute;
  top: 0em;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fbfbfb;
  width: 3rem;
  height: 3rem;
  font-size: 50px;
  color: #666;
  text-align: center;
}
#testimonials blockquote:after {
  content: "\2013 \2003" attr(cite);
  display: block;
  text-align: center;
  font-size: 16px;
  color: #3fcacf;
}

#events{padding: 40px 0px; background: url(images/main-blue.jpg) no-repeat center; background-size: cover;}
#events .wrapper{float: right; width: 75%; margin-right: 5%;}
#events h2{font-weight: 700; color: #fff; font-size: 28px; margin-bottom: 20px; text-align: center;}
#events article{display: flex; /*justify-content:space-evenly;*/ text-align: center;}
#events article aside{width: 32%; padding: 20px; background: #fff;}
#events article aside img{width: 100%; float: left;}
#events article aside h3{font-family: 'Muli', sans-serif; font-size: 22px; color: #003a5c; font-weight: 700; margin-bottom: 20px;}

#features{padding-bottom: 40px;}
#features .wrapper{float: right; width: 75%; margin-right: 5%;}
#features h2{font-weight: 700; color: #003a5c; font-size: 28px; margin-bottom: 30px;}
#features article{float: left; width: 100%;}
#features article .amenities{display: flex;}
#features article .amenities .list-wrapper{display: flex;}
#features article .amenities .list-wrapper ul{margin-right: 65px;}
#features article .amenities .list:nth-child(1){width: 60%;}
#features article .amenities .list:nth-child(2){width: 40%;}
#features article .amenities .list ul li{list-style: none; background: url(images/icons/check-icon.png) no-repeat left 6px; padding: 3px 0px 3px 40px; background-size: 23px 20px;}
#features article .amenities h3{text-transform: uppercase; color: #af6187; font-size: 18px; font-family: 'Montserrat', sans-serif; font-weight: 600; margin-bottom: 15px;}
#features article .secondary{display: flex; margin-top: 60px;}
#features article .secondary p.icon{margin-bottom: 10px; padding: 5px 0px 5px 45px;}
#features article .secondary .parking p.icon{padding-left: 60px;}
#features article .secondary p.icon.opark{background: url(images/icons/o-parking-icon.png) no-repeat left center; background-size: 35px 31px;} /* 6px added to each to increase size*/
#features article .secondary p.icon.cpark{background: url(images/icons/c-parking-icon.png) no-repeat left center; background-size: 36px 30px;}
#features article .secondary p.icon.upark{background: url(images/icons/u-parking-icon.png) no-repeat left center; background-size: 35px 34px;}
#features article .secondary p.icon.ppark{background: url(images/icons/p-parking-icon.png) no-repeat left center; background-size: 35px 34px;}
#features article .secondary p.icon.heat{background: url(images/icons/heat-icon.png) no-repeat left center; background-size: 24px 30px;} /*2px added for flame*/
#features article .secondary p.icon.water{background: url(images/icons/water-icon.png) no-repeat left center; background-size: 22px 32px;} /*4px added for water*/
#features article .secondary p.icon.hydro{background: url(images/icons/hydro-icon.png) no-repeat left center; background-size: 26px 34px;}
#features article .secondary div{width: 30%;}
#features article .secondary .parking{width: 40%;}

#map{margin-bottom: 60px;}
#map .wrapper{float: right; width: 75%; margin-right: 5%;}

aside#sticky-menu {
    z-index: 9999;
    position: absolute;
    float: left;
    background: #efefef;
    margin-left: 50px;
    width: 14%;
    padding: 0px;
    top: 20px;
    -webkit-box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.15);
}

#sticky-menu a{    display: block;
    color: #626262;
    padding: 12px 12px;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    border-bottom: 1px solid #d9d9d9;
  }

  #sticky-menu a:hover{background: #236289; color: #fff;}

#sticky-menu.fixed{position: fixed!important;}

#sticky-menu button{    
  display: none;
  position: absolute;
    top: 0;
    right: -52px;
    background: #236289 url(images/icons/menu.png) no-repeat;
    border: none;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 10px;
    padding: 10px 10px 30px 10px;
    background-size: 25px;
    background-position: center 30px;
    cursor: pointer;

  }

#sticky-menu button:hover{background-color: #003a5c;}

#nearby{padding: 80px 0px; background: #f0f0f0;}
#nearby .wrapper{float: right; width: 75%; margin-right: 5%;}
#nearby h2{font-weight: 700; color: #003a5c; font-size: 28px; margin-bottom: 40px; text-align: center;}

/*INNER PAGES*/

#main{padding: 80px 0px;}

#page-heading{background: #003a5d; padding: 60px 0px; text-align: center;}
#page-heading h1{font-weight: 700; color: #fff; font-size: 44px;}

#intro, #content{padding: 40px 0px;}

#intro h2{color: #003a5c; margin-top: 80px; margin-bottom: 40px; font-size: 32px; font-weight: 700;}
#intro article{display: flex; justify-content:space-between; padding: 25px 0px;}
#intro article aside{width: 300px;}
#intro article .text{width: calc(100% - 340px);}
#intro article .text h3{font-family: 'Montserrat', sans-serif; color: #af6187; font-size: 14px; text-transform: uppercase; font-weight: 600; margin-bottom: 20px; margin-top: 20px;}

#content h2{color: #003a5c; margin-bottom: 40px; font-size: 32px; font-weight: 700;}
#content.careers ul{margin: 0px; list-style-type: none;}
#content.careers ul li{background: url(images/icons/check-icon.png) no-repeat; background-size: 28px; background-position: 10px 10px; margin-bottom: 30px; padding: 0px 0px 0px 60px;}
#content.careers ul li h3{display: inline-block; color: #3fcacf; font-weight: 700; font-size: 20px;}
#content.careers ul li p{display: inline;}
#content img{max-width: 100%; height: auto;}

#our-vision{display: flex; flex-direction: row;}
#our-vision .text{background: #003a5c; width: 50%; padding: 150px 110px 150px 250px;}
#our-vision .text h2{color: #fff; margin-bottom: 50px; font-size: 44px; font-weight: 700;}
#our-vision .text p{color: #dedede;}
#our-vision .bkg {width: 50%; background: url(images/vision.jpg) no-repeat center; background-size: cover;}
#our-vision .bkg img{display: none;}

.page-template-template-careers #our-vision .text{padding: 0px 60px; font-size: 20px;}
.page-template-template-careers #our-vision{background: #003a5c; display: flex; flex-direction: row; justify-content:center; align-items:center;}
.page-template-template-careers #our-vision .bkg {width: 50%; background: none;}
.page-template-template-careers #our-vision .bkg img{display: block; width: 100%;}

.page-template-template-vision #our-vision .text{background: rgba(0, 58, 92, 0.9); padding: 50px; font-size: 20px;}
.page-template-template-vision #our-vision .bkg{background:none!important;}
.page-template-template-vision #our-vision .bkg img{display: none;}

#content.associations .left, #content.about .left{width: 48%;}
#content.associations .right, #content.about .right{width: 48%;}
p.caption, .wp-caption-text{text-align: center; font-size: 13px!important; font-style: italic;}
#content.about section, #content.about section p{font-size: 20px;}

#content.careers .left{width: 45%;}
#content.careers .right{width: 52%;}
#content.careers .container{padding: 0px 80px;}
#content.careers h2{text-align: center; margin-bottom: 40px; font-size: 28px;}
#content.careers p{font-size: 20px;}
#content.careers p.standout{text-align: center; float: left; width: 100%; font-size: 30px; font-weight: 700; color: #3fcacf; padding: 30px 20px; text-transform: uppercase; border-radius: 10px; border: 1px solid #3fcacf;}
body.page-template-template-careers #rental-options h3 {
    font-weight: 700;
    color: #fff;
    font-size: 28px;
    text-align: center;
    margin-bottom: 40px;
}
.page-template-template-careers .wpsm_panel-title a{position: relative!important;}
.page-template-template-careers .wpsm_panel-title a span.ac_title_class:after{content: "DETAILS"; position: absolute; right: 50px; top: 11px; font-weight: 700;}

#page-heading-white {text-align: center; padding: 30px 0px;}
#page-heading-white h1 {font-weight: 700; color: #357da7; font-size: 44px;}
#page-heading-white h1 span {color: #585858;}
#content.about{background: #f4f4f4;}
#content.about p{font-size: 20px;}
#content.about img.border {border: 10px solid #003a5c;}
#content.about p.standout {float: left; width: 100%; text-align: center; padding: 25px; background: #fff; font-size: 20px; border: 3px solid #e2e2e2; font-weight: 700;}

.page-template-template-careers #rental-options{text-align: left!important; padding: 160px 0px;}
.page-template-template-careers #rental-options h2{text-align: center!important;}
.page-template-template-careers #rental-options .wrapper{width: 100%!important; float: left!important; padding: 0px 5%!important;}

.wrapper.text-center.logos {margin-top: 80px;}
.wrapper.text-center.logos article {display: inline-block;}
.wrapper.text-center.logos h2 {color: #3fcacf; font-weight: 700; font-size: 24px; margin-bottom: 40px;}

.charities tr td{padding: 20px;}
.charities .column-1{width: 15%;}
.charities .column-2{width: 60%; padding: 10px 20px;}
.charities .column-3{width: 25%;}
.charities td.column-1 img{border-radius: 100px; border: 3px solid #003a5d; background: #fff; width: 150px; margin: auto;
}
.charities h2 {font-weight: 700; font-size: 20px; color: #003a5c;}
.charities td.column-3 img{border: 3px solid #003a5d; max-width: 100%!important; width: 100%!important;}

.skyviewgiving tr td{padding: 20px; vertical-align: middle!important;}
.skyviewgiving .column-1{width: 48%;}
.skyviewgiving .column-2{width: 48%; padding: 10px 20px;}
.skyviewgiving p {color: #003a5d;}
.skyviewgiving td img{border: 3px solid #003a5d;}
.skyviewgiving td.column-1 img{float: left; margin-right: 20px;}
.skyviewgiving td.column-2 img{float: right; margin-left: 20px;}

.btn{display:inline-block; border:none; padding: 16px 40px; border-radius: 6px; text-transform: uppercase; color: #fff; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: 600;}
.btn:hover, .btn:focus{color: #fff; text-decoration: none; cursor: pointer;}
.btn.green{background: #3fcacf;}
.btn.green:hover, .btn.green:focus{background: #32b2b7; text-decoration: none; cursor: pointer;}

.btn.blue{background: #236289;}
.btn.blue:hover, .btn.blue:focus{background: #3fcacf; text-decoration: none; cursor: pointer;}
.btn.stretch{width: 100%; text-align: center;}

form .row{float: left; width: 100%;}
form label{float: left; width: 100%;}
form input[type=text], form input[type=email], form textarea, form input[type=tel], form input[type=file]{float: left; width: 100%; margin: 5px 0px 15px; padding: 18px 20px; border: 1px solid #d7d7d7; font-size: 16px; color: #626262; border-radius: 6px; font-family: 'Muli', sans-serif;}
form textarea{height: 200px;}
span.req{font-weight: 700; color: red;}

span.wpcf7-not-valid-tip {color: #af6187;}
div.wpcf7-validation-errors {border: none; float: left; width: 100%; border-radius: 4px; background: #af6187; color: #fff; padding: 10px 20px;}
div.wpcf7-mail-sent-ok {border: none; float: left; width: 100%; border-radius: 4px; background: #3fcacf; color: #fff; padding: 10px 20px;}
div.wpcf7-response-output {margin: 20px 0px 0px 0px;}

.map-container {
  width: 100%;
  margin: 0px;
}
.map-container iframe{
  width: 100%;
  display: block;
  pointer-events: none;
  position: relative; /* IE needs a position other than static */
}
.map-container iframe.clicked{
  pointer-events: auto;
}

.bwg_container {
    position: relative;
    margin: 0 auto!important;
}

.wpsm_panel-body ul{margin: 20px 40px;}
.wpsm_panel-body p.apply{color: #fff; font-size: 20px; font-weight: 700; background: #236289; padding: 14px 18px; margin-bottom: 30px; border-radius: 4px;}

/*.gmpts_photo_show{padding-top: 50px!important;}*/
.gmpts_photo_show .gmpts_photo_header{position: absolute!important; top: 0px!important; z-index: 19!important; width: 100%!important;}
.gmpts_photo_header .gmpts_name_wrap{padding: 20px 0 12px 0px!important; height: auto!important; margin: 0 0 0 20px!important;}
.gmpts_photo_header .gmpts_name_wrap .gmpts_title_author .gmpts_title{font-size: 20px!important;}

.contact {padding-top: 0px!important;}
.contact .left{width: 34%; margin-bottom: 30px;}
.contact .right{width: 64%;}
.contact .container{margin-top: 80px;}

form.wufoo input[type=text], form.wufoo input[type=email], form.wufoo textarea, form.wufoo input[type=tel], form.wufoo input[type=file], form.wufoo select, form.input{margin: 5px 0px 15px; padding: 6px 7px; border: 1px solid #d7d7d7; font-size: 14px; color: #626262; border-radius: 6px;}
form.wufoo textarea{height: auto;}

form.wufoo input[type=submit]{background: #3fcacf; display:inline-block; border:none; padding: 16px 40px; border-radius: 6px; text-transform: uppercase; color: #fff; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: 600;}
form.wufoo input[type=submit]:hover, form.wufoo input[type=submit]:focus{background: #32b2b7; text-decoration: none; cursor: pointer;}


/*MEDIA QUERIES*/
@media (max-width: 1450px){
  header#property-header .mb-show{display: block;}
  header#property-header .mb-hide{display: none;}
  header#property-header .prop-contact .col:first-child {width: 56%;}
  header#property-header .prop-contact .col:last-child {width: 40%;}
}

@media (max-width: 1400px){
  .wrapper{width: 90%;}
  nav#siteNav ul li{margin-left: 10px;}
}

@media (max-width: 1300px) {
  header#siteHeader{background-image: none;}

  nav#siteNav{margin-right: 30px;}
  nav#siteNav ul li:last-child:hover ul{text-align: right; right: 3px!important; left: auto!important;}

  #timeline:before{left: calc(22% + 15px);}
  #timeline .entry .date{width: 22%;}
  #timeline .entry .content{width: 76%;}
  #timeline .entry .content aside{width: 90%;}

  #our-vision .text {padding: 150px 110px 150px 110px;}
  #home-banner{height: auto!important;}
  #home-banner .owl-carousel .sa_hover_container{background-size: cover!important; min-height: auto!important;}

  footer#siteFooter #links .left, footer#siteFooter #links .right{width: 49%;}
  footer#siteFooter #links .left .logo{display: none;}
  footer#siteFooter #links .left .link-list{margin-left: 60px;}
  footer#siteFooter #copyright .mb-logo{display: block;}
  footer#siteFooter #links .right .line{width: 47%;}
  footer#siteFooter #links .right .tel strong{width: 60px;}
  footer#siteFooter #links .right .address, footer#siteFooter #links .right .tel{width: 100%; margin-right: 0%;}

  #sticky-menu{width: 15%!important; margin-left: 1%!important;}
}

@media (max-width: 1200px) {

  #features article{width: 100%;}
  #features aside{width: 100%; margin-top: 40px; display: flex; align-items: center; background: #003a5c;}
  #features aside img {display: block; width: 50%;}
  #features aside .text {float: none; width: 50%;}
  #features.no-img aside .text{width: 100%!important;}

  #features article .amenities .list-wrapper{display: block!important;}
  #features article .amenities .list-wrapper ul{margin-right: 0px!important;}
  #features article .amenities .list{width: 50%!important;}

  header#property-header .wrapper, #property-main .wrapper, #rental-options .wrapper, #property-overview .wrapper, #features .wrapper, #testimonials .wrapper,
  #events .wrapper, #nearby .wrapper, #map .wrapper{width: 90%;}
  header#property-header .prop-contact .col:nth-child(3) .btn.green, header#property-header .prop-contact .col:nth-child(3) .btn.blue{width: 100%;}

  #sticky-menu{position: absolute!important; width: 200px!important; margin-left: 0px!important;}
  #sticky-menu button{display: block;}  
  #sticky-menu.fixed{position: fixed!important;}

  header#property-header .wrapper h1{margin-left: 3%;}

  .page-template-template-careers #our-vision{display: block!important;}
  .page-template-template-careers #our-vision .text{padding: 60px!important; width: 100%!important;}
  .page-template-template-careers #our-vision .text h2{font-size: 36px!important;}
  .page-template-template-careers #our-vision .bkg{background: none!important; width: 100%!important;}
  .page-template-template-careers #our-vision .bkg img{display: block!important; width: 100%!important;}

  .page-template-template-vision #our-vision{display: block!important; background:none!important;}
  .page-template-template-vision #our-vision .text{padding: 60px!important; width: 100%!important; background: rgba(0, 58, 92, 1)!important;}
  .page-template-template-vision #our-vision .text h2{font-size: 36px!important;}
  .page-template-template-vision #our-vision .bkg{background: none!important; width: 100%!important;}
  .page-template-template-vision #our-vision .bkg img{display: block!important; width: 100%!important;}
}

@media (max-width: 1100px) {
  .wrapper-sm{width: 90%;}

  nav#siteNav ul li {margin-left: 5px!important;}
}

@media (max-width: 1024px) {
  header#siteHeader{display: none;}
  #about-intro {padding: 80px 0px 80px;}
  #about-imgs{margin-top: 40px;  margin-bottom: 0;}
  #timeline{padding-top: 80px;}

  #property-overview .bottom .left{width: 50%;}

  #content.careers .left{width: 100%; margin-bottom: 40px;}
  #content.careers .right{width: 100%;}
  #content.careers .container{width:100%; padding: 0px 5%;}

  #content.associations .left, #content.about .left{width: 100%; margin-bottom: 40px;}
  #content.associations .right, #content.about .right{width: 100%;}
}

@media (max-width: 991px) {
  footer#siteFooter #links .left, footer#siteFooter #links .right{width: 100%; text-align: center;}
  footer#siteFooter #links .left{margin-bottom: 20px;}
  footer#siteFooter #links .right{margin-top: 20px;}
  footer#siteFooter #links .left .link-list{margin: 0px!important; float: none!important; display: inline!important;}
  footer#siteFooter #links .left .link-list a{display: inline!important;}
  footer#siteFooter #links .left .link-list a:after{content: "|"; display: inline; color: #626262; font-weight: 400; margin: 0px 10px 0px 12px;}
  footer#siteFooter #links .left .link-list:last-child a:last-child:after{display: none;}
  footer#siteFooter .blue-sep.mb{display: block;}
  footer#siteFooter #links .right .address{width: 100%; margin-right: 0px; margin-bottom: 15px;}
  footer#siteFooter #links .right .line{width: 100%; margin-bottom: 0px; margin-right: 0px;}
  footer#siteFooter #links .right .tel{width: 100%; margin-bottom: 15px;}
  footer#siteFooter #links .right .tel:last-child{margin-bottom: 0px;}
  footer#siteFooter #links .right .tel strong{width: auto!important; display: block!important; float: none!important;}

  #timeline:before {left: calc(5% + 15px)!important;}
  #timeline .entry .date{width: 100%; text-align: left; margin-top: 0px; padding-right: 0px; padding-left: 15%; margin-bottom: 0px;}
  #timeline .entry .date:before{left: 5.75%;}
  #timeline .entry p:after{left: auto; right: 100%; border-left: none; border-right: 9px solid #af6187;}
  #timeline .entry .content{width: 100%; float: left; padding-left: 15%; margin-top: 15px;}

  #our-vision .text{padding: 80px;}

  #locations article .content, #nearby article .content{width: 100%;}
  #locations article, #nearby article{display: block;}
  #locations article a.dets, #nearby article a.dets{width: 100%; background: #af6187 url(images/view-details-mb.png) no-repeat center; height: 50px; display: block;}

  #property-overview .left, #property-overview .right{width: 100%;}
  #property-overview .right{margin-top: 40px; text-align: left;}

  #property-overview .bottom .left, #property-overview .bottom .right{width: 100%;}
  #property-overview .bottom .right{margin-top: 40px;}
  #property-overview .amenities-feature{width: 100%;}
  #property-overview .amenities-feature td:nth-child(1){width: 45%!important;}

  #promotions .container{margin-left: auto!important; margin: auto!important;}

  #features article .secondary{display: block; margin-top: 60px; vertical-align: top;}
  #features article .secondary .parking, #features article .secondary div{display: inline-block; vertical-align: top; width: 48%;}
  #features article .secondary .partner{width: 100%; margin-top: 60px;}

  #sticky-menu.fixed{top: 100px!important;}

  #promotions{width: 100%!important;}

  #rental-options table {display: block; background: none;}
  #rental-options table tbody {width: 100%; display: block;}
  #rental-options table tr {display: block; width: 100%; margin-bottom: 10px;}
  #rental-options table tr:first-child{display: none;}
  #rental-options table tr td {display: block; width: 100%; border-bottom:0px!important; background: #fff; padding: 15px!important; text-align: center!important;}
  #rental-options table tr td:first-child{background: #236289; color: #fff; text-align: center!important; text-transform: uppercase;  font-weight: 700;}
  #rental-options table tr td:nth-child(2):before{content: "BATHS"; display: block; font-size: 16px; font-weight: 700; color: #236289; margin-bottom: 10px;}
  #rental-options table tr td:nth-child(3):before{content: "RENT STARTING FROM"; display: block; font-size: 16px; font-weight: 700; color: #236289; margin-bottom: 10px;}
  #rental-options table tr td:nth-child(4):before{content: "FLOORPLANS"; display: block; font-size: 16px; font-weight: 700; color: #236289; margin-bottom: 10px;}
  #rental-options table td a img {display: inline;}
  #rental-options table td a.btn {display: block; text-align: center;}

  .charities, .charities tr, .charities tr td{display: block!important; width: 100%;}
  .charities tr td{border: none!important;}
  .charities tr td.column-1{text-align: center;}
  .charities tr td.column-1 img{width: 120px;}
  .charities tr td.column-1 img, .charities tr td.column-3 img{margin: auto;}
  .charities td.column-3 img {width: initial!important; width: auto!important;}
  .charities tr td.column-2{width:100%!important; padding: 30px 15px;}
  .charities .column-1, .charities .column-3{width: 100%!important;}

	  .skyviewgiving, .skyviewgiving tr, .skyviewgiving tr td{display: block!important; width: 100%;}	
	.skyviewgiving .column-1, .skyviewgiving .column-2{width: 100%!important;}
.skyviewgiving tr td{padding: 20px;}
.skyviewgiving td.column-1 img, .skyviewgiving td.column-2 img{width: initial!important; width: auto!important; margin: 10px auto!important; float: none!important; display:block!important;}	
}

@media (max-width: 767px) {
  #home-banner{height: auto!important;}
  #home-banner .owl-carousel .sa_hover_container{height: 400px!important;}
  #home-banner #property-dropdown-box{left: 0%; top: auto; width: 100%; padding: 40px 155px; float: left; text-align: center; position: relative; background: rgba(0, 58, 93, 1);}
  #home-banner #property-dropdown-box h1, #home-banner #property-dropdown-box h2{font-size: 30px;}
  #home-banner #property-dropdown-box:after{right: 170px;}

  #page-heading, #page-heading-white{padding: 30px 0px;}
  #page-heading h1, #page-heading-white h1{font-size: 36px;}

  #about-intro{padding: 40px 0px; text-align: center;}
  #about-intro aside{width: 100%; margin: 10px 0px;}

  #about-imgs article{display: block;}
  #about-imgs article div{width: 100%; margin: 5px 0px;}
  #about-imgs div:nth-child(2) img{margin-top: 0px;}

  #timeline .entry .content aside{display: block;}
  #timeline .entry .text{width: 100%;}
  #timeline .entry .img{width: 100%; margin-top: 20px; text-align: center;}

  #our-vision{display: block; flex-direction: initial;}
  #our-vision .text{padding: 60px; width: 100%;}
  #our-vision .text h2{font-size: 36px;}
  #our-vision .bkg{background: none!important; width: 100%!important;}
  #our-vision .bkg img{display: block; width: 100%;}

  #property-main #property-gallery{width: 100%;}
  #property-main #property-sidebar{width: 100%; margin-top: 30px;}

  #our-team{padding: 50px 0px;}
  #our-team h2{margin-bottom: 20px; font-size: 36px;}
  #our-team article{display: block;}
  #our-team article aside{width: 100%; text-align: center;}
  #our-team article .text{width: 100%;}
  #our-team article .text h3{text-align: center;}

  #our-projects{padding: 60px 0px;}
  #our-projects h2{font-size: 36px; margin-bottom: 50px;}
  #our-projects article{display: block;}
  #our-projects article aside{display: block; width: 100%; margin: 20px 0px;}

  #events article{display: block;}
  #events article aside{display: block; width: 100%; margin: 20px 0px;}

  #our-community{padding:60px 0px;}
  #our-community p{width: 100%;}

  #location-banner h1{font-size: 36px;}
  #locations h2{font-size: 26px;}

  header#property-header .wrapper h1{margin-left: 5%!important;}

header#property-header .prop-contact .col {width: 100%!important;}
header#property-header .prop-contact .col:nth-child(3){text-align: left!important; margin-top: 30px;}
#property-main #property-rm{width: 100%!important;}
#property-main #property-media{margin-top: 30px!important; width: 100%!important;}

  #property-overview{padding: 40px 0px;}

  #features article .amenities{display: block;}
  #features article .amenities .list{width: 100%!important;}
  #features article .amenities .list:first-child{margin-bottom: 30px;}

  #features article .secondary{margin-top: 0px;}
  #features article .secondary .parking, #features article .secondary div, #features article .secondary .partner{width: 100%; margin-top: 60px;}

  #features aside{display: block;}
  #features aside img, #features aside .text{width: 100%;}

  .contact .left{width: 100%!important; margin-bottom: 20px;}
  .contact .right{width: 100%!important;}
}

@media (max-width: 650px) {
  #home-banner #property-dropdown-box{padding: 40px 40px!important;}
  #home-banner #property-dropdown-box:after{right: 55px!important;}

  #locations article .content, #nearby article .content{display: block;}
  #locations article .content .img, #nearby article .content .img, #locations article .content .text, #nearby article .content .text{width: 100%; text-align: center;}

  #property-overview .top .btn{text-align: center; width: 100%;  margin: 5px 0px;}

  #testimonials blockquote{margin-left: 0px; margin-right: 0px;}

  header#property-header .wrapper h1{margin-left: 11%!important;}

  #promotions .container{width: 100%;}
}

@media (max-width: 575px) {
  #content ul.check{margin: 0px;}
}

@media (max-width: 450px) {
  #property-overview .amenities-feature td:nth-child(1){width: 40%!important;}

}

@media (max-width: 400px) {

}