@charset "utf-8";
/* CSS Document */


@media only screen and (min-width: 100px) and (max-width: 768px) {
    
    
    #property-image-slider {
        height: auto !important;
    }
    
    
    #search-filter-bar {
    background-color: #767676;
        }
    #search-filter-bar #toggle-mobile-map {
        color: #fff;
    }
    
    
    .search-options .inline.fields label { display: none !important; }
    .search-options .inline.fields .input {margin: .5em 0; }
    
    .search-filter .divided.grid {padding: 0;}
    .mobile.tablet.only {display: intitial !important;}
    .search.main.category .results {
        max-height: 400px !important;
        overflow-y: scroll;
        S
    }
    
    .ui.grid.map-search-container {
        padding-bottom: 150px !important;
    }
    
    #map-search-container-inner {padding-bottom: 35px !important;}
    #premier-listing-image {
        width: 175px !important;
        margin: .5em auto;
    }
    .switch_listings_view { display: none !important;}
    
    .map-search-container #map-options {
    position: absolute;
    }
    .vrmodal  .ui.container {margin-left: 0 !important; margin-right: 0 !important;}
    #like-menu {padding: 0;}
    #like-menu .menu {border-right: none; border-left: none;}
    #sticky {padding-top: 0;}
    #property-details, #property-details #menu-header{ margin-top:40px;} /* Offsets for the top back & contact agent bar */   
    #property-details .slide-image-wrap {border: 0;}
    #property-details #index-search .input { margin-left: -1em;}
    #property-details #index-search input::placeholder {font-size: 1em;}
    .agent-spotlight .broker-logo {position: absolute;right: 0;top: 0;width: 50px !important;}
    
    
    /* AGENT BROKER DASHBOARD */
    #clients_table .dropdown.button {font-size: .8em;}
    #agents_table .avatar {font-size: 0.85714286em;}
    #agents_table .avatar + span {  
        font-size: .9em;
        font-weight: bold;
        letter-spacing: .02em;
    }
    .dashboardlistings .card > .image > img, .ui.card > .image > img  {max-height: 100px; object-fit: cover;}
    #settings_agents_routing_groups_table td {white-space: normal;}
    .dashboard .lead .ui.fluid.images, .ui.fluid.image, .ui.fluid.images img, .ui.fluid.images svg, .ui.fluid.image svg, .ui.fluid.image img {object-fit: cover; /* max-height: 100px; */}
    #leads_table span {
    font-size: .9em;
    line-height: 1.5em;
    }
    #leads_table span {
    font-size: .9em !important;
    line-height: 1.5em !important;
    }
    
    .ui.pagination.menu {
        font-size: 0.78571429rem;
    }
    .dashboardlistings .content {
        font-size: .8em !important;
        line-height: 1.2em;
        
    }
    .dashboardlistings .right.ribbon.label {
        font-size: .6em;
        margin-top: -1em;
    }
    
    #agents_table .image span {
    display: block;
    }
    #agents_table .image {
        text-align: center;
    }



}






@media only screen and (min-width: 100px) and (max-width: 350px) {
#search-menu-bar .bottom.attached.menu .item {font-size:.85em !important;}
#sort-by label { font-size:1.5em;}
#map-search-results h2.medium.header {font-size:1em;}
#detail-container h3.divider.header {font-size:1.1em;}
#getQuickLink { position: absolute; right: .5em; top: 1.5em; bottom: inherit; left: inherit;}
#top-search-box h1 { padding-top: 2em;padding-bottom: .5em;}

}








@media only screen and (min-width: 100px) and (max-width: 699px) {
.mobile-hide{ display: none !important; }

#logo {
    width: 200px;
    margin-top: 0.2em;
}


/* Place Holder Default Color */
#index-search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
  opacity: .8;
  font-size:.9em;
  font-weight:300;
}
#index-search  input::-moz-placeholder { /* Firefox 19+ */
  color: #000;
  opacity: .8;
  font-size:.9em;
  font-weight:300;
}
#index-search input:-ms-input-placeholder { /* IE 10+ */
  color: #000;
  opacity: .8;
  font-size:.9em;
  font-weight:300;
}
#index-search input:-moz-placeholder { /* Firefox 18- */
  color: #000;
  opacity: .8;
  font-size:.9em;
  font-weight:300;
  
}
#search-box .results { max-height: 175px;}
#search-box #search-options #search-tags .ui.grey.label { font-size: .7em;}
#location-report h1 {	
	    font-size: 1em;
}

#location-report h1 .content .sub.header { font-size: .9em;}
#location-report #lastUpdated {float: unset !important;margin-top: .5em;}
#location-report {margin-top:.5em !important;}
	
.ui.calendar .ui.popup { margin-top: -250px;}
	
#member-menu { padding-right: 0;}
/*#menu-header {position:absolute;}*/
#menu-header .row > .sixteen.wide.column {    padding-right: 0; margin-right: 0;}


.top-search #searchinput::-webkit-input-placeholder { font-size: .8em;}
.top-search  #searchinput::-moz-placeholder { font-size: .8em;}
.top-search  #searchinput:-ms-input-placeholder { font-size: .8em;}
.top-search  #searchinput:-moz-placeholder { font-size: .8em;}


/*#details-left-col .segment h4 { font-size: 1.1em; }*/
.smallmobile-hide{ display: none !important;}

/*.mobile-center {display: block !important; width: 100% !important; text-align:center !important; justify-content: center;}*/


#photo-container .owl-carousel.detail-gallery {padding: 0;}
#photo-container .photo-column-wide { height: 250px;}	
#photo-container .large-img{height: 100%; max-width: none; width: 100%; position: initial;}
#photo-container .large-img img, #photo-container .small-img img {max-height: none;min-height: none; position: absolute; min-width: 100%;max-width: 500px;}	
#photo-container .small-img:nth-child(odd) { height: 100%; max-width: none; width: 100%; position: initial}
#photo-container .small-img:nth-child(even) {height: 100%; max-width: none; width: 100%; position: initial; margin: 0;}
#photo-container .splash-map {width: 200px;}
	
#details-text-header h1 i, #details-text-header .content { width: 100%; text-align: center; display: block;}
#details-left-col h1 .content { font-size: .8em;}
#details-left-col h1 .icon {display:none !important;}
#details-left-col #quick-facts .purple.header {font-size:.85em;}
#details-text-header h2, #details-text-header p { width: 100%; text-align: center; }	
#details-text-header .mobile-block { display: block !important;}
#details-left-col .breadcrumb {width: 100%;text-align: center; margin-bottom: 1em;}
#details-left-col h1 .price { margin-bottom: .2em;}
#details-left-col .fb-save.left-col { text-align:center;}



#property-info { text-align: center;}
#property-info h2 { text-align: center; display: inline-block; margin-bottom: 15px; }
#quick-facts {text-align: center;}
#quick-facts .statistics {text-align: center;}
#sub-data-section h2 {text-align:center;}
#sub-data-section .list { text-align: center; width: 100%; }

#right-side-sub-grid {width: inherit !important;}
#contact-methods .item .contact-methods-icon {float: right;margin-bottom: .2em;}

.ui.modal > .close {
    color: rgba(255, 255, 255, 1);
    right: 0.1em !important;
    top: -3rem !important;
    font-size: 2em !important;
}

#facebookLikeModal .fbcolumn {
padding-top: 0;
    margin-top: -1em;
    }


#contact-methods .item { text-align: center; width: 33% !important; vertical-align: top !IMportant;}
#contact-methods i { float: none !important; display: inline-block !IMportant; }
#contact-methods .content {float: none !important; display: block; margin-top: 10px;}
#contact-methods-container {text-align: center !Important;}
#detail-features .statistic {width: 33% !important; margin: .5em 0 !important; padding: .25em !important;}

#details-tr-share {position: inherit !important; top: -1em !important;}
#search-box .search label { font-size: .65em;}
/*#getQuickLink { position: absolute; right: .5em; top: 1.5em; bottom: inherit; left: inherit;}*/
.listing-menu-bar {padding: .5em !Important;}
#top-search-box h1 { padding-top: .5em;padding-bottom: .5em;}
#search-box .input-touch-selectors .button{    padding: 0.68571429em 1em 0.68571429em;} /* Size down touch buttons for mobile */
#search-page #map-search-results .purple.header { font-size: .95em;}
#map-search-results #top-search-box {    padding-top: 1em; padding-bottom: 0;}

.search-options .column {padding: 0rem 1rem !important;}

#modallogin .ui.inverted.header { text-align:left;}
#modallogin #login-choices {max-width: 450px; margin: 0 auto;}
#modallogin #login-choices .circle.outline.icon{    vertical-align: top;}


#mobile-search_field::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: .75em;
}
#mobile-search_field::-moz-placeholder { /* Firefox 19+ */
  font-size: .75em;
}
#mobile-search_field:-ms-input-placeholder { /* IE 10+ */
  font-size: .75em;
}
#mobile-search_field:-moz-placeholder { /* Firefox 18- */
  font-size: .75em;
}

/*Property Results */

#homes_list .row {padding:0;}
#map-search-results .bottom-display-tags {background-color: #000;}
#map-search-results .row { margin: 0;}
.map-search-container .pagination .label {font-size: 1.1em !important;}
.map-search-container #top-pagenation-section {padding: 1em; margin-right: 1em;}
#search-box .statistic .label {font-size: .7em !important;} 
#search-box h1 {font-size: .7em;font-weight: 300; font-family: 'Lato', 'Roboto', 'Helvetica Neue', Arial;}
.ui.grid.map-search-container {padding-bottom:0 !important;}

/* INDEX Slider & Property Listing Change */

#index-main-grid .property-listing { height: 250px;}
#index-main-grid .property-listing .bottom-left {font-size:1em; }
#index-main-grid  .property-listing h3 {font-size:inherit !Important;}
#index-main-grid .slider .column:nth-child(2) { padding: 0;}
#index-main-grid .right.aligned.sixteen.wide.column {text-align: center;}


/* Index Page */
#index-splash { min-height: auto; padding-bottom: 4em; height: auto;}
#index-splash #index-search .input {width: 100% !important}
.sch-search .results {width: 100% !important; max-height: 275px; overflow-y: scroll;  -webkit-overflow-scrolling: touch;}
#index-splash video {opacity: .4;}
#index-splash .fixed-bottom .grid {display: none;}

#index-splash h1 {
	font-size: 2.4em !important;
    text-align: center;
    font-weight: 500;}
#index-splash h2 {font-size: 1em; text-align: center; font-weight: 300; display: none; }

#index-splash #index-search {padding: 0; margin-top: 1.5em;}

#index-main-grid h3 {font-size: 1.3em;}
#index-search h3 .content {
line-height: 1.3em;
    margin-top: .3em;
    text-align: center;
    font-size: 1.2em;
}

#index-search h3 .content .sub.header {display: none;}
#index-main-grid #stats-section .column{width: 50%; margin-top: 1em;}

#modallogin #login-choices {max-width: 350px; margin: 0 auto;}
#userLoginModal .close.icon {/*color: #000;*/}
 #details-left-col h3{   font-size: 1.3em;}
/* Property Details */

#quick-facts .statistic .value {
    font-size: 1.2rem !important;
}
#details-left-col .ui.list {font-size: .9em !important;}

#sticky .breadcrumb {padding-left: 0;}


/* Location-Report  */
#location-report-stat-bar .center.aligned.column {
	width: 50%;
    margin-top: 1em;
}
#location-report-stat-bar .statistic .value {
    font-size: 2.5em!important;
}


/* Buyer Lead Page */



/* Search Page */

#map-search-results #page-section {margin-top: 50px;}
#search-menu-bar .bottom.attached.menu .item {border-top: solid 1px #e8e9e9; padding: 0.92857143em .8em;}

#top-search-box .ui.breadcrumb {
    font-size: .57em;
    line-height: 2em;
    margin-top: .0;
    padding: 0;
    padding-left: .5em;
}

#detail-container .item {padding: 0.41428571em 0em;}
#detail-container .item a {font-size:.9em}
}





@media only screen and (min-width: 700px) and (max-width: 767px) {
	.ui.calendar .ui.popup { margin-top: -250px;}
.mobile-hide{ display: none !important; }
.mobile-only{display: none !important;}

.ui.grid.map-search-container {
    padding-bottom: 150px !important;
}

#map-search-results {width: 100% !important;}
#modallogin #login-choices {max-width: 350px; margin: 0 auto;}

#menu-header .card .header .content span {display:block;}

#photo-container .owl-carousel.detail-gallery {padding: 0;}
#photo-container .photo-column-wide { height: 250px;}	
#photo-container .small-img:nth-child(odd) { height: 125px; width: 125px;}
#photo-container .small-img:nth-child(even) {height: 125px; width: 125px; margin-left: -129px; margin-bottom: -5px;}
#photo-container .small-img img {min-height: 125px;min-width: 125px;max-width: 400px;}
#photo-container .splash-map {width: 200px;}
#photo-container .large-img {height: 100%;max-width: 350px;}
#photo-container .large-img img {max-height: 250px;min-height: 250px;}		

/* Details Page */
#details-left-col h1 i {text-align: left; width: .8em;}
#property-details, #property-details #menu-header{ margin-top:60px;} /* Offsets for the top back & contact agent bar */

#details-text-header i, #details-text-header .content { width: 100%; text-align: center; display: block;}
#details-text-header h2, #details-text-header p { width: 100%; text-align: center; }
#details-text-header .mobile-block { display: block !important;}	

#details-left-col .breadcrumb {width: 100%;text-align: left;}

#property-info { text-align: center;}
#property-info h2 { text-align: center; display: inline-block; margin-bottom: 15px; }
#quick-facts .statistics {text-align: center;}
#sub-data-section h2 {text-align:center;}
#sub-data-section .list { text-align: center; width: 100%; }

#right-side-sub-grid {width: inherit !important;}
#contact-methods .item .contact-methods-icon {float: right;margin-bottom: .2em;}

#contact-methods .item { text-align: center; width: 33% !important; vertical-align: top !IMportant;}
#contact-methods i { float: none !important; display: inline-block !IMportant; }
#contact-methods .content {float: none !important; display: block; margin-top: 10px;}
#contact-methods-container {text-align: center !Important;}

#sticky .breadcrumb {padding-left: 0;}

/* Index Page */
#index-splash .sch-search .input, #index-splash .sch-search .results {width: 100%;}
#index-splash #index-search .input {width: 100% !important}
#index-main-grid #stats-section .column {width: 50% !important; margin-top: 1em;}
#index-main-grid .slider .column:nth-child(2) { padding: 0;}


/*Property Results */

#homes_list .row {padding:0;}
#map-search-results .bottom-display-tags {background-color: #000;}
.map-search-container .pagination .label {font-size: 1.1em !important;}\
.map-search-container #top-pagenation-section {padding: 1em; margin-right: 1em;}
#map-search-results .row { margin: 0;}
.ui.grid.map-search-container {padding-bottom:0;}
.search-options .column {padding: 0rem 1rem !important;}


/* Location-Report  */
#location-report-stat-bar .statistic .value {
    font-size: 2.0em!important;
}
/* Search Page */
#search-menu-bar .bottom.attached.menu .item {border-top: solid 1px #e8e9e9; padding: 0.92857143em .8em;}


#facebookLikeModal .fbcolumn {
padding-top: 0;
    margin-top: -1em;
    }
	
#top-search-box .ui.breadcrumb {
    font-size: .57em;
    line-height: 2em;
    margin-top: .0;
    padding: 0;
    padding-left: .5em;
}

#ctaAccordion .agentnotice{font-size: .95em; text-align:left;font-weight: 400; }
#ctaAccordion .agentnotice b {font-size: 1.25em;margin-top: .3em;}
#detail-container .item {padding: 0.41428571em 0em;}
#detail-container .item a {font-size:.9em}
}

/* Tablet */

@media only screen and (min-width: 768px) and (max-width: 991px) {
/* Global Items */
.mobile-only{display: none !important;}
.tablet-hide{ display: none !important; }
#contact-methods .content .description {font-size: .7em !important;}

#menu-header .card .header .content span {display:block;}

/* INDEX Slider & Property Listing Change */
#index-main-grid .slider .property-listing {height: 225px !important;}
#index-main-grid .property-listing .bottom-left {font-size:.85em; }
#index-main-grid .property-listing .bottom-right {font-size:.75em; }
#index-main-grid  .property-listing h3 {font-size:inherit !Important;}
#index-main-grid #open-house-slider .small.blue.header {font-size: .8em;}
#index-main-grid #open-house-slider .small.blue.header .sub.header {font-size: .8em;}

.ui.grid.map-search-container {
    padding-bottom: 150px !important;
}


#map-search-results { width: 400px !important; }
#map-search-map { /*margin-left: -400px !Important; padding-left: 400px !important;*/     width: calc(100% - 400px) !important;}
	

#photo-container .photo-column-wide { height: 250px;}	
#photo-container .small-img:nth-child(odd) { height: 125px; width: 125px;}
#photo-container .small-img:nth-child(even) {height: 125px; width: 125px; margin-left: -129px; margin-bottom: -5px;}
#photo-container .small-img img {min-height: 125px;min-width: 125px;max-width: 400px;}
#photo-container .splash-map {width: 200px;}
#photo-container .large-img {height: 100%;max-width: 350px; width: inherit;}
#photo-container .large-img img {max-height: 250px;min-height: 250px;}
#photo-container .owl-stage { min-width: 800px !important;} /* Keeps the Map on the same line if only one picture */

#contact-methods .item .contact-methods-icon {float: right;margin-bottom: .2em;}

/* Index Page */
#index-splash .sch-search .input, #index-splash .sch-search .results {width: 100%;}
#index-splash #index-search .input {width: 100% !important}
#index-splash h2 { font-size: 1.2em;}
#index-splash {min-height: 500px; height: 40%;}	
#index-main-grid .slider .column:nth-child(2) { padding: 0;}
#index-main-grid #stats-section {font-size: .7em;}
#index-main-grid .slider .button {margin-right:1em;}
#index-main-grid .property-listing .bottom-right .statistics .value {font-size: 1em !important;font-weight: 600;}	
/*Property Results */

#homes_list .row {padding:0;}
#map-search-results .bottom-display-tags {background-color: #000;}
.map-search-container .pagination .label {font-size: 1.1em !important;}
#map-search-results .row { margin: 0;}
.search-options .column {padding: 0rem 1rem !important;}


/* Property Details Page */

#details-left-col h3 {font-size: 1.5em;}
#details-left-col h1 i {text-align: left; width: .8em;}
#right-side-details .sticky h4 { font-size: 1.1em;}
#right-side-details .sticky h4 .sub.header { font-size: .95em;}
#details-tr-share #share-container {margin-top: 1.5em;}
#details-tr-share { padding-right: 1em;}

#right-side-details .sticky h3 { font-size: 1em;}
#right-side-details .sticky h3 .sub.header { font-size: .9em;}
#sticky .breadcrumb {padding-left: 0;}


/* Location-Report  */
#location-report-stat-bar .statistic .value {
    font-size: 2.0em!important;
}
#property-slider-location-report .property-listing {
    height: 200px;
}

#top-search-box .ui.breadcrumb {
    font-size: .57em;
    line-height: 2em;
    margin-top: .0;
    padding: 0;
    padding-left: .5em;
}



}

/* Small Monitor */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mobile-only{display: none !important;}
.small-hide{ display: none !important; }
#map-search-results { width: 650px !important;}
#index-splash #splash-grid {padding-left: 2em;}	
#map-search-results	.pagination{ font-size: .8em;}
#photo-container .owl-stage { min-width: 800px !important;} /* Keeps the Map on the same line if only one picture */

#details-left-col h1 i {text-align: left; width: .8em;}


/* Location-Report  */
#location-report-stat-bar .statistic .value {
    font-size: 2.0em!important;
}


}


/* Large Monitor */

@media only screen and (min-width: 1200px) {
.mobile-only{display: none !important;}
.large-hide{ display: none !important; }
 #searchMenuBar { width: 650px !important; }


#photo-container .owl-stage { min-width: 800px !important;} /* Keeps the Map on the same line if only one picture */
#details-left-col h1 i {text-align: left; width: .8em;}
	
	

}

/* iPhone 5 */
@media only screen and (width: 320px) and (height: 568px) {

#mobile_cal_wrapper > button { padding-left:10px; padding-right: 10px;}
#details-left-col h3 .content { font-size:.8em;}
#detail-container { padding:0 !important;}
#detail-container .sixteen.wide.column { padding: 0;}

}



@media only screen and (min-width: 100px) and (max-width: 1200px) {

    #banner {
    line-height: 2em;
    position: absolute !important;
    text-align: center !important;
    }
    #banner #banner-save-button{display: block;}

    
}
