

@media only screen and (max-width: 1380px) {
	
.wrapper{max-width: 1200px;}

.floorplan-header h1{font-size:74px;}

.slide-headline p {font-size: 84px!important;letter-spacing: -0.06em!important;}
.slide-headline-support p{font-size: 20px!important; padding: 10px 30px!important;}
.slide-description p {font-size: 20px!important;}
.extreme-image{max-width: 400px !important;}
  
}



@media screen  and (max-width: 1240px) {
   
 
/*headers*/
.headerline{font-size: 24px;letter-spacing: 0.05em}

.page-header h1 {font-size: 72px; margin-bottom: 10px;}
.floorplan-header h1{font-size:72px;}

.home-header-bg,
.floorplan-header-bg,
.amenities-header-bg,
.neighborhood-header-bg {
   background-size: 40%;
}

/*home slider*/

.slider-buttons {right: 50px;}
.hm_bt_viewgallery, .hm_bt_viewfloorplan {
    width: 150px;
    font-size: 14px;}

/*page titles*/
#title h1 {font-size: 20px;}

h2{margin-bottom: 30px;}

h3{margin-bottom: 20px;}

#content {
	padding-top: 10px;
  padding-bottom: 15px;
}

#main ul{padding:0}

#main ul li{font-size:14px}

.wrapper{padding:0 25px}

.homecopy{max-width: 700px;}
.homecopy p{font-size: 18px;}
.homecopy h2 {font-size: 32px;}

.gallery h2{font-size:24px;}
.gallery p {font-size:16px;}



/*sliders */
.slide-headline p {font-size: 84px!important;letter-spacing: -0.06em!important;}
.slide-headline-support p{font-size: 16px!important;font-weight: 400 !important;}
.slide-description p {font-size: 16px!important;font-weight: 400 !important;}


/*neighborhood sliders */
.extreme-image{max-width: 300px !important;}
.extreme-text{}
.extreme-text p{font-size: 16px !important;
padding: 30px 30px !important;}


  
}

@media screen  and (max-width: 1020px) {
	
   
   .tagline{font-size: 14px;}
   
   #mobile_menu {display: block !important;}
   header nav, .tenants, .investor {display: none}
   
   .join, .reservetab, .floorplantab{padding:10px 10px}

   
   .social {}
   
   .slicknav_menu {background:none; padding: 0px;}
   
	.slicknav_btn {float: left; background-color: #FFF;margin: 35px 25px 25px; padding: 0;}
	
	.slicknav_nav{background-color:#006633;padding: 20px;text-transform: uppercase;}
	
	.slicknav_menu .slicknav_icon-bar {background-color: #000;width: 1.5em;height: 0.25em;}
	
	.slicknav_nav ul{margin: 0 0 0 0px;}
	
	.slicknav_nav li {display: block;padding: 5px 0;}
	
	
.slicknav_nav a {
    margin: 0!important;
    text-decoration: none;
    color: #fff;
}


.slicknav_nav a:hover {
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
    background: #66cc33!important;
    color: #FFF!important;
}
	
	
	.mobile_links{display:block}
	
	.headnews {padding: 20px 0;width: 90%; margin: 0 auto 0;}
	
	#nav_menu-2{display:none;}
	
	.homecopy h2 {font-size: 30px;}
	
	
	
	.floorplan-header{background-size: 35%;}
	.floorplan-header h1{font-size:60px;}
	.floorplan-header p{width: 80%;}
	
	.page-header h1{font-size:60px;}
	.page-header p{width: 80%;}
	
	
/*sliders*/
	
	/*home slider*/

.slider-buttons {right: 30%;}
	
		.slide-headline p {font-size: 72px!important;letter-spacing: -0.06em!important;}
.slide-headline-support p{font-size: 16px!important;}
.slide-description p {font-size: 16px!important;}
	
	
}




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

	
#logo{width: 150px;}

#logo img {margin-top: -35px;}



.tel-reserve {
    padding:0 10px 0 10px;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 60px;
    transform: translateY(-50%);
}

.tel-link {
    text-decoration: none;
    display: block;
    border-right: none;
    padding: 0;
    margin: 0 0 5px;
    font-size: 14px;
}

.reserve-link {
    display: block;
    padding: 3px 20px;
    border-radius: 5px;
    margin-left: 0;
    font-size: 14px;
}

.slicknav_btn {
    float: right;
    margin: -45px 25px 25px;
    padding: 0;
}

.social {display:none;
}

.wrapper{padding:0 10px}
#main{width: 100%;}
div#n2-ss-20 .nextend-thumbnail-horizontal .nextend-thumbnail-inner {padding: 20px 3px 3px 0px!important;}
div#n2-ss-20 .nextend-thumbnail-horizontal .n2-thumbnail-dot {margin: 3px 3px 3px 0;}

	#footerinner .footerlogo{margin: 0px auto 0 auto !important;
display: inline-block;
float: none !important;}

	#footerinner .footeraddress{font-size: 12px; line-height:16px; display:inline-block;margin: 10px auto 20px auto;float: none;}
	.footeraddress .line-2{display:block}
	

	
	#footerinner .widgets:nth-child(3n) {top:10px;right:-5px;margin-right: 5px;}
	
	.copyright{margin: 5px auto 30px;
    text-align: center;
    width: 60%;}
	
#reserve .copy{max-width:550px; width:100%;}	
#reserve h2 {font-size: 46px;}
#reserve h3{font-size:28px;}

.floorplan-header h1{font-size:54px;}

	.page-header h1{font-size:54px;}
	
	.slide-headline p {font-size: 72px!important;letter-spacing: -0.06em!important;}
.slide-headline-support p{font-size: 14px!important;}
.slide-description p {font-size: 14px!important;}
	

#extreme-ani{width:50%!important}
	
}

@media screen  and (max-width: 768px) {
	   .tagline{font-size: 12px;}
	
	.sicons{width: 26px;}
	
	.join{padding: 10px 12px;}
	
	.tel a{font-size:14px; letter-spacing: 1px !important;}
	.join a{font-size:12px; letter-spacing: 1px !important;}
	
	
	
	.homecopy{padding:0; width: 90%;}
	.homecopy img{width: 124% !important;
max-width: 124%;
margin: 0 -12%;}

 .homecopy h2 {font-size: 20px;}
	.homecopy p {font-size: 14px;}
	.homecopy br{display:none;}
	
	.gallery h2{font-size:20px;}
	.gallery p {font-size:14px;}
	
	
	#footerinner .widgets:first-child {}
	#footerinner .widgets:first-child img{width:100px!important;}
	
		#footerinner .widgets:nth-child(2n){width: 75%;}
	
	#footerinner .widgets:nth-child(3n) {top:0px;right:-5px;margin-right: 5px;}
	#footerinner .widgets:nth-child(3n) img{width:50px;}
	
	#footer .street-address {display: block;}
	
	
	
h2 {font-size: 24px;}

#main li{margin: 0 0 5px 0;}
	
	/* crelly slider*/


#crellyslider-1 .slider-text,
.crellyslider > .cs-slides > .cs-slide a{
display:none!important;
}

.crellyslider > .cs-slides > .cs-slide > img.slider-text {
	width: 130%!important;
  max-width:none!important;
  height: auto!important;
  margin: -10% -15%;
}

.crellyslider > .cs-slides > .cs-slide a,
.crellyslider > .cs-slides > .cs-slide > a > img.viewgallery{ 
width: 130%!important;  margin: -10% -15%!important;  max-width:none!important;
  height: auto!important;} 
	

.slider-buttons{width: 100%;
    display: block;
    position: absolute; z-index:20000;
    text-align: center;margin-top: -40px; margin-right: -5px; right:0}
	
.hm_bt_viewgallery{width: 120px!important; 
font-size: 12px!important;
    padding: 5px 10px;
    border-radius: 5px;}
	
.hm_bt_viewfloorplan{width: 120px!important; font-size: 12px!important;
    padding: 5px 10px;
    border-radius: 5px;}

	.news-contact { width: 90%;}
	
	.news-contact h2 {font-size: 16px; margin: 10px 0 5px;}
	
	.news-contact p{font-size: 13px;}
	
	.recentnews, .contactus{padding: 20px;}
	
	.headerline {font-size: 18px;letter-spacing: 0.05em; margin:15% auto 0}

	#title h1 {font-size: 18px;}



	.floorplan-header h1{font-size:48px;}

	.page-header h1{font-size:48px;}

.floorplan-inside-details, 
.floorplan-inside-description,
.floorplan-inside-image{float:none; width:100%; display:block}

.floorplan-inside-description{margin:25px 0 25px}


/*sliders */
.extreme-image{max-width: 200px !important;}
.extreme-text {}
.extreme-text p {
  font-size: 12px !important;
  padding: 25px 25px !important;
  font-weight: 400 !important;
}

.slide-headline,
.slide-headline-support,
.slide-description{width:95%!important; margin:0!important; display:block!important; position:relative!important}

.slide-headline-support p{padding:0 0 0 7px!important;}


.page-template-page-neighborhood .su-column-size-1-4{width:50%!important; float:left!important;}


}

@media screen  and (max-width: 600px) {
	
body,
#main ul li {font-size: 12px;}

.tagline{display:none;}	
#reserve h2 {font-size: 34px;}
#reserve h3{font-size:24px;}
.reservebt {
  width: 150px;
  margin: -30px 0 0 0;}
  
  
.home-header-bg{background-size: 48%;}
  
.floorplan-header-bg, .amenities-header-bg, .neighborhood-header-bg {
    background-size: 50%;
}

.reserve-desk-copy{display:none}
.reserve-mob-copy{display:block}

.floorplantab{display:none;}

.qrcode{display:none;}

.floorplan-thumb {
  margin:0 0 20px 0px !important;
}

.floorplan-header h1{font-size:40px; }
.page-header h1{font-size:40px;}
	
.view-details, .apply-now {
    padding: 8px 15px; margin: 0;}
  
h2{font-size: 18px;}


.wpgmza-standalone-component.wpgmza-auto-center{ box-sizing: border-box;}
.wpgmza_map.wpgmza-auto-center{height:400px!important}

/*sliders*/

.overlay-content{margin-top: 330px !important;}
.overlay-image{margin-top: -330px !important;}

.overlay-content-home{margin: 200px 0 0 0!important;}
.overlay-image-home{margin-top: -80px !important;}
.overlay-small-image-home{margin: -40px 0 0 0 !important;}

.slide-content{padding: 0 2% 0 2%;}

.slide-headline{position:relative!important; margin:0px!important; left:0px!important; padding:10px 0 0!important;}
.slide-headline p{font-size: 60px!important;letter-spacing: -0.06em!important; left:0px!important; margin:0px!important; padding:0!important;}

.slide-headline-support{margin:0px!important; padding:0!important;}
.slide-headline-support p{font-size: 14px!important; margin:0px!important; padding:5px 0 10px 5px!important;}

.slide-description{margin:0px!important; padding:10px 0!important;}
.slide-description p {font-size: 14px!important; padding:10px 0 10px 5px!important;}


.su-row {
  margin-bottom: 2.5em;
}
.su-row .su-column + .su-column {margin: 0!important;}

#main li:last-child {padding-bottom: 0px;}


html.pum-open.pum-open-overlay.pum-open-scrollable body > :not([aria-modal="true"]),
html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]){
    padding-right: 0!important;
}

#popmake-424, #popmake-522{width:90%!important; padding:25px!important;}

#pum_popup_title_424, #pum_popup_title_522{font-size:24px!important} 


}

@media screen  and (max-width: 450px) {
  .reservetab{padding: 10px 2px;}
  .join{padding: 10px; margin:0px;}
  #reserve h2 {font-size: 32px;}
  
  #feature-img {margin: 0 auto 5px;}

  .floorplan-header h1{font-size:40px; width: 95%;line-height: 1.1;}
  .floorplan-header p{width: 100%;display: block;font-size: 14px;}
   .floorplan-header-bg .page-header-copy p{width: 85%!important;}
  
  .page-header-copy {width: 80%; display: block;}
  

	.page-header h1{font-size:30px; width: 95%;line-height: 1.1;}
	.page-header p{width: 100%;display: block;font-size: 14px;}
  
}

@media screen and (max-width:375px){
.home-header-bg{background-size: 40%;}
  
.floorplan-header-bg, .amenities-header-bg, .neighborhood-header-bg {
    background-size: 45%;}
	
}


@media screen and (max-width:360px){
#logo{width: 125px;}
#logo img{margin-top: -20px;}

.page-header h1 {font-size: 28px;}

}