/* 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:#ffffff url(../images/select-arrow@2x.png) center right no-repeat; background-size:contain;}
	.flex-direction-nav a {background-image: url(../images/slider/arrows@2x.png); background-size:80px 60px;}
	.flex-control-paging li a {background-image:url(../images/slider/slider-bullets@2x.png); background-size:20px 85px;}
}

/* IE7-IE8 Fixes*/
.lt-ie9	body nav select {background:#ffffff url(../images/select-arrow.png) center right no-repeat;}
.lt-ie9 .flex-direction-nav a {background-image: url(../images/slider/arrows.png); background-size:68px 69px;}
.lt-ie9 .flex-control-paging li a {background-image:url(../images/slider/slider-bullets.png); background-size:20px 85px;}


/*
=============================================== 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; }
.scroll-nav__wrapper, .width-container, .flex-caption .slider-container {-moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }


/*
=============================================== 03. #DESKTOP (960px) ===============================================
*/
/* Note: Design for a width of 960px */
@media only screen and (min-width: 959px) and (max-width: 1190px) {
	
.flex-caption .slider-container, .width-container, .scroll-nav__wrapper {width:92%;} /* Default Width */
body #carousel-pro {padding-left:2%; padding-right:2%; width:88%;}


/* Navigation */
nav {margin-left:35px;}
.sf-menu a {padding-right:12px; padding-left:12px; font-size:15px; font-weight:bold; }

body #flickr-widget ul li img {  width:52px; height:52px;  }

/* Slider Styles */
.caption-progression {
	padding-bottom:25px;
	font-size:14px;
}
.caption-bg-pro { padding:20px 0px 20px 0px; }
body .caption-progression h5 { font-size:18px; }


/* Headings */
h1 {font-size:30px; }
h2 {font-size:25px; }
h3 {font-size:22px; }
h4 {font-size:19px; }
h5 {font-size:15px; }
h6 {font-size:13px; }



/* Button Sizes */
body .share-button-pro, body a.more-link, body input#submit,
body a.progression-button, body input.wpcf7-submit, body #main a.ls-sc-button.default, body input.wpcf7-submit:hover {
	padding:14px 16px;
	font-size:13px;
}

.notification-progression { font-size:20px;  }


/* Header Address */
h2#street-pro { font-size:30px; }
h6#city-pro { font-size:18px;}
#page-title-home h4 {font-size:17px;}
#page-title-home h5 { font-size:22px;}
.agent-header-pro h6 {font-size:20px; }
.realtor-group { font-size:14px;}
.realtor-phone-header { font-size:14px; }


}


/*
=============================================== 04. #Tablet (Portrait) ===============================================
*/
/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {

/* Default Width */
.flex-caption .slider-container, .width-container, .scroll-nav__wrapper { width:94%; }
body #carousel-pro {padding-left:3%; padding-right:3%; width:86%;}

body {font-size:14px;}


/* Navigation */
.sf-menu a {font-size:13px; padding-right:15px; padding-left:15px; }
ul.sf-menu li:last-child a:after {display:none;}
body .print-pro-listing {display:none;}

/* Slider Styles */
.caption-progression {
	padding-bottom:15px;
	font-size:11px;
}
.caption-bg-pro { padding:15px 0px 15px 0px;  max-width:60%;  }
body .caption-progression h5 { font-size:13px; margin-bottom:0px; }
body .caption-progression h5, .slider-content-pro-cap {padding:15px;}

#uncrop-pro #pro_slider { line-height:580px; height:580px; }
#uncrop-pro #pro_slider li img { max-height:580px;}


/* Headings */
h1 {font-size:26px; }
h2 {font-size:23px; }
h3 {font-size:20px; }
h4 {font-size:18px; }
h5 {font-size:14px; }
h6 {font-size:13px; }


#page-title-home, #page-title { padding:30px 0px 30px 0px; }

/* Navigation Child Pages + Gallery */
#filter-children-pro-container { margin-bottom:5px; }
ul.filter-children-pro a { font-size:15px; margin-right:10px; }
nav.scroll-nav ol a, #property-nav-pro a { font-size:15px; margin-right:10px; }
body .content-container-pro.hidden-pro { margin:58px 0px 0px 0px; } 



/* Button Sizes */
body .share-button-pro, body a.more-link, body input#submit,
body a.progression-button, body input.wpcf7-submit, body #main a.ls-sc-button.default, body input.wpcf7-submit:hover {
	padding:11px 12px;
	font-size:12px;
	margin-right:3px;
}

/* Misc */
body #flickr-widget ul li img {  width:50px; height:50px;  }
.commentlist {width:68%;}
body #main .gallery-caption { font-size:12px; }
footer ul li { padding:0px 10px; font-size:14px; }

.open-left-pro { width:13%; }
.open-right-pro { width:84%; }

.notification-progression {
	font-size:15px; 
	width:275px;
	margin-top:10px;
	right:-90px;

}

/* Header Address */
h2#street-pro { font-size:24px; }
h6#city-pro { font-size:14px;}
#page-title-home h4 { font-size:13px; }
#page-title-home h5 { font-size:18px;}
.agent-header-pro h6 { font-size:15px; }
.realtor-group { font-size:12px; }
.realtor-phone-header { font-size:12px;}

}


/*
=============================================== 05. #Mobile (Portrait) ===============================================
*/
/* Note: Design for a width of 320px */

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

body {
    min-width: 100%;
    width: 100%;
}
	
body, footer {font-size:13px;}

/* Default Width */
.width-container, .flex-caption .slider-container, .scroll-nav__wrapper { width:90%; }
body #carousel-pro {padding-left:5%; padding-right:5%; width:80%;}


.content-container-pro, .sidebar-container-pro {
	margin-bottom:40px;
	padding:20px 15px 10px 15px;
}

.home-child-boxes .google-maps-expand {margin-top:-20px;}

h4.widget-title {
	padding-left:15px;
	padding-right:15px;
	margin-top:-20px;
	margin-left:-15px;
	margin-right:-15px;
}

h2.one-page-heading {
	margin:-20px -15px 15px -15px;
	padding:15px; }

.google-maps-expand, #image-realtor-pro {
	margin-left:-15px;
	margin-right:-15px;
}
.featured-map-progression { margin-top:-20px; margin-left:0px; margin-right:0px;}
.content-container-pro .featured-img-progression {
	margin:-20px -15px 22px -15px;

}

.wpcf7 input, #respond input {max-width:215px; }
.wpcf7 textarea, #respond textarea {width:70%; min-width:230px; }


/* Default Grid */
#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;
}

body #main .width-container li.product.column-2, body #main .width-container li.product.column-3, body #main .width-container li.product.column-4, .lt-ie8 body #main .width-container li.product.column-2, .lt-ie8 body #main .width-container li.product.column-3, .lt-ie8 body #main .width-container li.product.column-4 
{
	width:100%;
	margin-bottom:10px;
}
.gallery-item {
	width:100% !important;
}


/* Headings */
h1 {font-size:23px; }
h2 {font-size:20px; }
h3 {font-size:15px; }
h4 {font-size:13px; }
h5 {font-size:12px; }
h6 {font-size:10px; }


#page-title-home, #page-title { padding:25px 0px 25px 0px; }


/* Navigation Child Pages + Gallery */
#filter-children-pro-container { margin-bottom:4px; }
ul.filter-children-pro a { font-size:12px; margin-right:6px; padding:16px 0px 12px 0px; }
nav.scroll-nav ol a, #property-nav-pro a { font-size:12px; margin-right:6px; padding:16px 0px 12px 0px;  }
body .content-container-pro.hidden-pro { margin:0px 0px 0px 0px; } 
nav.scroll-nav { position:relative !important;}



/* Button Sizes */
body .share-button-pro, body a.more-link, body input#submit,
body a.progression-button, body input.wpcf7-submit, body #main a.ls-sc-button.default, body input.wpcf7-submit:hover {
	padding:10px 11px;
	font-size:11px;
	margin-right:3px;
	margin-bottom:5px;
}

/* Slider Styles */
.caption-progression {
	padding-bottom:0px;
	font-size:10px;
	line-height:1.1;
}
.caption-bg-pro { padding:10px 0px 0px 0px;  max-width:90%;  }
body .caption-progression h5 { font-size:10px; margin-bottom:0px; }
.caption-bg-pro p, .slider-content-pro-cap {display:none;}

body .caption-progression h5, .slider-content-pro-cap {padding:15px;}

#uncrop-pro #pro_slider { line-height:250px; height:250px; }
#uncrop-pro #pro_slider li img { max-height:250px;}

#content-container-pro {display:none !important;}
	
h1#logo {float:none; margin:0 auto;}
#header-top {  padding:12px 0px;  font-size:14px;  }
#header-top a.header-button-pro { font-size:12px; padding:6px 10px;}
body #main .gallery-caption { font-size:13px; }

footer ul {text-align:center;}
footer ul li { padding-bottom:10px;  }
footer .social-ico, footer #copyright {text-align:center;}



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


/* Select Menu */
body .print-pro-listing {display:none;}
nav {float:none; margin:0 auto;  background:none;}
nav ul { display: none;  }  
nav select option { background:#fff; color:#888;}
nav select {cursor:pointer;  text-transform:none; display:block;  margin-top:10px; margin-left:auto; margin-right:auto; width:300px; min-width: 150px; max-width: 100%; -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;
background:#FAFAFA url(../images/select-arrow.png) center right no-repeat;;
font-size:13px;
border: 1px solid #aaaaaa;
color: #555555;
padding:7px 5px 7px 10px;
}
#share-this-pro {
	text-align:center;
	float:none;
	margin:0 auto;
}

.notification-progression {
	font-size:10px; 
	width:200px;
	margin-top:4px;
	right:-70px;

}

table {
	border-left:none;
	border-right:none;
}

table thead th {
	font-size:14px;
	padding:18px 5px 14px 5px;
}
table tr td {
	padding:12px 5px;
}

/* Header Address */
#page-title-home .grid3column-progression {
	float:left;
	width: 31%;
	margin-right:3%;
}
#page-title-home .grid3columnbig-progression.lastcolumn-progression, #page-title-home .grid3column-progression.lastcolumn-progression {
	 margin-right:0%;
}
#page-title-home .grid3columnbig-progression.lastcolumn-progression {
	width:65%;
}

#page-title-home .grid3column-progression-progression {
	float:left;
	width:31.3%;
	margin-right:3%;
}

h2#street-pro { -ms-word-wrap: break-word; word-wrap: break-word; font-size:13px; margin-bottom:5px; }
h6#city-pro { font-size:10px; -ms-word-wrap: break-word; word-wrap: break-word;}
#price-amentities-pro { padding-top:20px;}
#page-title-home h4 { font-size:10px; -ms-word-wrap: break-word; word-wrap: break-word;}
#page-title-home h5 { font-size:12px; -ms-word-wrap: break-word; word-wrap: break-word; }
.agent-header-pro { padding-top:0px; -ms-word-wrap: break-word; word-wrap: break-word;} 
.agent-header-pro h6 { margin:0px 0px 3px 0px;font-size:15px;}
.realtor-group { line-height:1; font-size:10px; padding-bottom:2px;}
.realtor-phone-header {font-size:8px;}


}