/* Table of Contents
==================================================
01. RETINA STYLES
02. BASE STYLES (1140px)
03. #DESKTOP (960px)
04. #Tablet (Portrait)
05. #Mobile (Portrait)
*/


/*
=============================================== 01. RETINA STYLES ===============================================
*/
@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
	body nav select {background:#FAFAFA url(../images/mobile-menu.png) no-repeat; background-size:contain;}
}
/* IE7-IE8 Fixes*/
.lt-ie9	body nav select {background: url(../images/mobile-menu.png) no-repeat;}


/*
=============================================== 02. BASE STYLES (1140px) ===============================================
*/
/* Note: Design for a width of 1040px */
html {-webkit-text-size-adjust: none;}	/* Removes webkit font resizing */ 
body {max-width:100%; width:100%;}
img {max-width:100%; height: auto; }
.width-container {-moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }


/*
=============================================== 03. #DESKTOP (960px) ===============================================
*/
@media only screen and (max-width: 995px) {
.wrapper1 {
	min-height:330px;
	}
}
@media only screen and (max-width: 959px) {
nav {
	float: none !important;
	}
}
	
/* Note: Design for a width of 960px */
@media only screen and (max-width: 1280px) {
.rangepage .alignnone {
	max-width:318px!important;
	}
}
@media only screen and (min-width: 959px) and (max-width: 1280px) {
.navwrapper {
  max-width: 600px;
}
header .width-contnm {
  height: 140px;
}  
.width-container {width:90%;} /* Default Width */
.rangepage .width-container {width:98%!important;}
body { font-size:15px; }

/* Slider Fixes */
.flex-direction-nav .flex-next { right:15px; }
.flex-direction-nav .flex-prev { left:15px; }
.slider-address-container {
	padding:15px 25px 3px 25px;
	font-size:18px;
	margin-top:0px;
	margin-bottom:10px;
	min-width:0px;
	width:170px;
}

.slider-address-pro, .slider-bedroom-pro, .slider-additional-pro { margin-bottom:12px; }
.slider-price-pro {
	font-size:22px;
	margin-top:3px;
	margin-bottom:12px;
}
.slider-bedroom-pro, .slider-additional-pro { font-size:15px; }
header a.slider-button-pro { font-size:13px; min-width:0px; width:160px; padding:22px 30px;  }

#uncrop-image-pro img { max-height:575px; }


/* Header Styles */
.sf-menu a { margin-right:10px; margin-left:10px; }

/* FONT Sizes */
h1, #page-title h1 {font-size:28px; margin-bottom:35px;}
#page-title h1 { margin-bottom:7px; }
h2 {font-size:25px; margin-bottom:30px; }
h3 {font-size:20px; }
h4  {font-size:18px; }
h5  {font-size:16px;  }
h6 {font-size:14px; }
ul#bread-crumb { font-size:13px; }

a.slider-button-pro, body #main .width-container #respond input#submit, 
body a.progression-button, body input.wpcf7-submit, body input#submit, body a.ls-sc-button.default {
	padding:19px 26px;
	font-size:14px;
}
body a.ls-sc-button.secondary, body a.progression-button-secondary { 
	padding:14px 22px;
	font-size:14px;
}


}


/*
=============================================== 04. #Tablet (Portrait) ===============================================
*/
/* Note: Design for a width of 768px */
@media only screen and (max-width: 959px) {
.rangepage #content-container {
	width:100%!important;
	}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {

.mobile-search {
	display:block;
}
.search-mobile {
	
	margin:0;
	padding:0;
	}
.search-form {
	display:none;
	}
.navwrapper {
  max-width: 400px;
}  
header .width-contnm {
  height: 120px;
  }
/* Default Width */
.width-container { width:90%; }
.commentlist {width:68%;}
body { font-size:14px; }

body .gallery-icon { margin-right:8px; margin-left:8px; }
body .gallery-caption { left:25px;	padding:7px 12px; font-size:80%; }


/* Slider Fixes */
.slider-slogan {
	margin-bottom:6px;
	}
.flex-direction-nav .flex-next { right:15px; }
.flex-direction-nav .flex-prev { left:15px;}
.slider-address-container {
	padding: 10px 10px 4px 10px;
	font-size:15px;
	margin-top:0px;
	margin-bottom:10px;
	width:150px;
	min-width:0;
}
.slider-address-pro, .slider-bedroom-pro, .slider-additional-pro { margin-bottom:8px; }

.slider-price-pro {
	font-size:22px;
	margin-top:3px;
	margin-bottom:12px;
}
.slider-bedroom-pro, .slider-additional-pro { font-size:12px; }

header a.slider-button-pro { font-size:10px; min-width:0; width:130px; padding:16px 20px;  }

#uncrop-image-pro img { max-height:480px; }

.caption-pro { bottom:125px; padding:20px 25px 0px 25px; }

/* header navigation */
.sf-menu a { margin-right:11px; margin-left:11px;  }


/* FONT Sizes */
h1, #page-title h1 {font-size:26px; margin-bottom:30px;}
#page-title h1 { margin-bottom:6px; }
h2 {font-size:20px; margin-bottom:26px; }
h3 {font-size:19px; }
h4  {font-size:17px; }
h5  {font-size:15px;  }
h6 {font-size:13px; }
ul#bread-crumb { font-size:12px; }

a.slider-button-pro, body #main .width-container #respond input#submit, 
body a.progression-button, body input.wpcf7-submit, body input#submit, body a.ls-sc-button.default {
	padding:17px 24px;
	font-size:13px;
}
body a.ls-sc-button.secondary, body a.progression-button-secondary { 
	padding:12px 20px;
	font-size:13px;
}


}


/*
=============================================== 05. #Mobile (Portrait) ===============================================
*/
/* Note: Design for a width of 320px */
@media only screen and (max-width: 768px) {
.CHicon {
margin-top:-150px!important;
}
#carousel-container {
	bottom: initial !important;
	}
.searchwrapper {
	padding:9% 0 !important;
	}
.vidwrappermobile {
	display:block;
	}
.vidwrapper {
	display:none;
	}
}
@media only screen and (max-width: 530px) {
#header-gradient-pro {
	background:transparent !important;
	}
.center {
	padding-left:0 !important;
	}
#uncrop-image-pro  {
	margin-top:16%;
	}
	.backstretch {
	margin-top: 43% !important;
}
.navwrapper {
	  margin-top: 0;
	}
}

@media only screen and (max-width: 767px) {
#logo {
	left: -15%;
	width: 70% !important;
	}
	.navwrapper {
	  margin-top: 0 !important;
	  }
	.backstretch {
	  margin-top: 16% !important;
	  }
.ff-menu {
	display:none;
	}
.navwrapper {
	background: transparent;
	width: 100%;
}
.menu-top-menu-container {
	height: 33px;
  width: 81px;
  overflow: hidden;
  float: right;
}
.mobile-search {
	display:block;
	height:16px;
	background-color:#fff;
	width: 50%;
	float: right;
}
.search-mobile {
	margin:0;
	padding:0;
	}
.search-form {
	display:none;
	}
/* Default Width */
.width-container, .flex-caption .slider-container, .home-widget .textwidget { width:92%; }
body { font-size:13px; }

#uncrop-image-pro img {
	max-height:180px;
}

body .gallery-icon { margin-right:5px; margin-left:5px; }
body .gallery-caption { 
	font-size:10px; 
	position:static;
	max-width:89%!important;
	margin-left:5px!important;
}

#post-nav-progression a {
	font-size:12px;
}

#post-nav-progression .nav-previous span, #post-nav-progression .nav-next span {
	font-size:10px ;
}

/* Default Grid */
.footer-2-column .widget, .footer-3-column .widget, .footer-4-column .widget,
#sidebar, #content-container, footer .footer-2-column .widget, footer .footer-3-column .widget, footer .footer-4-column .widget,
.grid2column-progression, .grid3column-progression, .grid3columnbig-progression, .grid4column-progression, .grid4columnbig-progression,
#sidebar, #content-container {
	width:100%; margin-bottom:10px;
}


/* Header Text */
header { min-height:350px; }
body header h1#logo, body header#logo { float:none; margin:25px auto; text-align:center;}
body nav { margin-top:2px; }
#pro-page-header .slider-float-text { float:none; padding-bottom:0px; margin-top:-75px; margin-bottom:120px; }

#page-title {
	padding:12px 30px 12px 20px;
	margin-bottom:-10px;
}

/* Slider Fixes */
.slider-float-text { display:none; }
#slider-mobile-text { display:block; text-align:center;}
.slider-address-container {
	padding:0 15px 10px 15px;
	font-size:30px;
	margin-top:0px;
	margin-bottom:8px;
	min-width:0px;
}
.slider-address-pro, .slider-bedroom-pro, .slider-additional-pro { margin-bottom:6px; }

.slider-price-pro {
	font-size:16px;
	margin-top:2px;
	margin-bottom:8px;
}
.slider-bedroom-pro, .slider-additional-pro { font-size:20px; }

#slider-mobile-text a.slider-button-pro { font-size:12px; min-width:0px; padding:16px 15px;margin:0 12px 20px 0;  }
.caption-pro { bottom:80px; padding:12px 16px 0px 16px; }
.caption-pro p { margin-bottom:12px; }
.flex-control-nav {display:none !important;}


/* Select Menu */
nav { float:none; padding-bottom:5px;}
nav ul { display: none;  }  
nav select option { background:#fff; color:#888;}
nav select { text-transform:none; display:block;  margin-left:auto; margin-right:auto; width:37px; -webkit-appearance: none; -moz-appearance: normal; appearance: normal;
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
-webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none;-moz-user-select: none;
width:81px;
height:33px;
background-color:#FAFAFA;
background:#FAFAFA url(../images/mobile-menu.png) no-repeat;
background-size: contain;
font-size:13px;
border: 0 solid #aaaaaa;
color: #555555;
padding:0;
}
nav select option:active  {
	display:none;
	}

#map-text-pro  {
	float:none;
	width:90%;
	padding:40px 5%;
}
#map-embed-pro {
	float:none;
	width:100%;
}
body .googlemap { height:200px !important; }

/* BLOG Adjustments */
.commentlist {width:95%; left:-10px;}
.commentlist .children li.comment .comment-meta {margin-left:0px;}
.commentlist .avatar, .commentlist > li:before {display:none;}
.commentlist .avatar {display:none;}

.wpcf7 input, #respond input {width:70%;}
.wpcf7 textarea, #respond textarea {width:70%; }


/* FONT Sizes */
h1, #page-title h1 {font-size:20px; margin-bottom:28px;}
#page-title h1 {margin-bottom:5px;}
h2 {font-size:19px; margin-bottom:24px; }
h3 {font-size:18px; }
h4  {font-size:16px; }
h5  {font-size:14px;  }
h6 {font-size:12px; }
ul#bread-crumb { font-size:11px; }

a.slider-button-pro, body #main .width-container #respond input#submit, 
body a.progression-button, body input.wpcf7-submit, body input#submit, body a.ls-sc-button.default {
	padding:15px 22px;
	font-size:11px;
}
body a.ls-sc-button.secondary, body a.progression-button-secondary { 
	padding:10px 18px;
	font-size:11px;
}

.social-ico { font-size:14px; }
.social-ico a i {padding:10px;}

}