/*Contact page*/
#contact .contact-form:after {content: ' ';display: table;clear: both}
#contact .office-detail .socials a i {font-size: 25px;margin-right: 20px}

@media (min-width: 1024px) {
#contact .contact-title {width: 30%;float: left;display: inline-block}
#contact .contact-form {width: 40%;float: left;display: inline-block;padding: 50px 0px;color: #a2a2a2}
#contact .office-detail {width: 30%;float: left;display: inline-block;padding: 50px 0px}
#contact .default ol.cf-ol > li input[type="text"],
#contact .default ol.cf-ol > li select,
#contact .default ol.cf-ol > li .ui-selectmenu-button {background:#f2f2f2;line-height: 33px;padding-top:5px;padding-bottom:5px;height: auto}
#contact .default ol.cf-ol > li input[type="text"], #contact .default ol.cf-ol > li textarea {width: 100%!important}
#contact .default ol.cf-ol > li textarea {background:#f2f2f2;line-height: 33px;padding-top:5px;padding-bottom:5px}
}

@media (max-width: 1023px) {
#contact .contact-form,
#contact .office-detail {margin-bottom: 50px}
}

@media (min-width: 768px) {
#contact .contact-map, #contact .contact_form {padding-left: 0px;width: 100%;max-height:640px;overflow:hidden}
#contact .contact-map{max-height: initial}
#about-us #agents #agentlist .column{
    width: 33.333% !important;
}
.thumbview .listing .details .container {
  min-height: 168px;
}
}

@media screen and (max-width: 767px){
#about-us #agents #agentlist .column {
    width: 50% !important;
}
}
@media screen and (max-width: 567px){
#about-us #agents #agentlist .column {
    width: 100% !important;
}
}
@media (min-width: 667px) {
#contact .default ol.cf-ol > li label {width: 65% !important}
#contact .signup_button {margin-left: 0px}
}

@media (max-width: 768px) {
#content h1.page-title {padding:40px 20px}
}

#contact .subscribe ul li {list-style: none}
#contact .ui-selectmenu-button span.ui-selectmenu-text {margin-left:10px;color:#a2a2a2}

/*Property Management*/
#property-management img.wp-post-image {width: 100%;object-fit: cover}
#property-management .property-management-hero-text {width: 100%;padding: 50px 100px;box-sizing: border-box}
#property-management .property-management-left {width: 30%;display: inline-block;float: left}
#property-management .property-management-right {width: 70%;display: inline-block;float: left}
#property-management .property-management-hero-text:after {content: ' ';display: table;clear: both}
#property-management .property-management-left h1.page-title {padding: 0px !important;width: 45%}
#property-management .property-management-right .intro {width: 40%}
#property-management .property-management-right .intro p {line-height: 30px;font-size: 14px}
#property-management .request-form div {margin-bottom: 20px}
#property-management .pro-man-title h3 {width: 250px;margin: 0 auto;font-size: 20px;padding: 0px 10px;box-sizing: border-box}
#property-management .property-management-content {background: #eaeaea;padding-top: 70px;padding-bottom: 10px}
#property-management .property-management-content .group.group_large {padding-bottom: 0px}
#property-management #tenants .property-requires div,
#property-management #tenants .request-form div,
#property-management #tenants .vacating-property div,
#property-management #tenants .emergency div {margin-bottom:20px}
#property-management #tenants .property-requires div h3,
#property-management #tenants .request-form div h3,
#property-management #tenants .vacating-property div h3,
#property-management #tenants .emergency div h3{min-height:60px}
#property-management div#tenants .text-center:after {content: ' ';display: table;clear: both}

@media (min-width: 1281px) {
#property-management div#tenants {margin: 0 auto}
}

@media (min-width: 1025px) {
#property-management #tenants .property-requires,
#property-management #tenants .request-form,
#property-management #tenants .vacating-property,
#property-management #tenants .emergency {width: 25%;float: left;display: inline-block;margin: 60px 0 0 !important}
}

@media (min-width: 768px) and (max-width: 1204px) {
#property-management #tenants .property-requires,
#property-management #tenants .request-form,
#property-management #tenants .vacating-property,
#property-management #tenants .emergency {width: 50%;float: left;display: inline-block;margin: 60px 0 0 !important}
#property-management .property-management-hero-text {padding: 20px}
#property-management .property-management-left,
#property-management .property-management-right {width:90%;margin-left:10%}
#property-management .property-management-left h1.page-title,
#property-management .property-management-right .intro  {width:100%}
}

@media (max-width: 767px) {
#property-management #tenants .property-requires,
#property-management #tenants .request-form,
#property-management #tenants .vacating-property,
#property-management #tenants .emergency {margin-bottom: 30px}
#property-management .property-management-hero-text {padding: 20px}
#property-management .property-management-left,
#property-management .property-management-left h1.page-title,
#property-management .property-management-right,
#property-management .property-management-right .intro  {width: 100%}
}

#tenant_find_out_more li#field_15_8 .gfield_label {display: none}
#tenant_vacating_property .gfield_description {color: red}
div#main_menus {width: 300px;height: 200px;margin: 0 auto;position:relative}
a.item.owners.active img {width:150px;position:absolute;left:0}
a.item.tenants.last img {width:90px;position:absolute;right:40px;top:100px}
a.item.tenants.last.active img {width: 150px;right: 20px;top: 50px}
a.item.owners img {width: 100px;position: absolute;left: 20px;top: 50px}
div#tenant_request_repairs .gform_footer,
.white-popup .gform_footer {padding-left: 0px;padding-top: 20px}
#property-management .gform_body ul.gform_fields li .instruction {display: none}
div#tenant_request_repairs .ui-selectmenu-button span.ui-selectmenu-text {margin-left: 10px}
.ui-selectmenu-menu.ui-front.ui-selectmenu-open {z-index: 9999}
div#tenant_request_repairs select#input_11_6 {padding: 10px}
div#tenant_find_out_more h4,
div#tenant_find_out_more h2 {font-size: 16px;margin-top:15px}
div#tenant_vacating_property .ginput_container.ginput_container_fileupload {float: left !important}
.featured-image {padding-bottom: 50px}

#suburb-snapshots .valign.overlay,
#suburb-profiles .valign.overlay {position: relative}
#suburb-profiles #content .suburb.hasfloat {width: 100%;position: relative;min-height: 300px}
#suburb-profiles #content .photo.image-left {width: 300px;height: 100%;position: absolute;top: 0;left: 0}
#suburb-profiles #content .details.right {width: 100%;padding-left: 320px;box-sizing: border-box;display:block}

@media (max-width:768px) {
#suburb-profiles #content .details.right {width: 100%;padding-top: 230px;padding-left:0;box-sizing: border-box;display:block}
#suburb-profiles #content .photo.image-left {width: 280px;height: 100%;position: absolute;top: 0;left: 0}
}

#suburb-profiles #content .details .valign > .holder {display: block}
#suburb-profiles #content .centerimage > img.fit-width {transition: all 1.3s ease}
#suburb-profiles #content .centerimage > img.fit-width:hover {width: 150%;transition: all 1.3s ease}
#suburb-profiles p.excerpt {text-align: justify}
#location-info div#map img {width: 100%;max-height: 300px;object-fit: cover;padding: 0 60px 60px;box-sizing: border-box}
.thumbview .listing .image a.centerimage, .thumbview .listing:hover .photo a {transition: all ease 2s;}
#property-enquiry .email-agent a.profile,
#property-enquiry .email-agent a.font-monreg {margin: 0 auto 20px;}
#property-enquiry .image .share a {text-align: center; width: 100%; margin: 0}
#property .mfp-content{max-width: 450px}
#property .mfp-image-holder .mfp-content {width: auto;max-width: inherit}
#property .mfp-content a.button{margin:10px}
#property .request-form {margin-top: 10px}
#property .book-inspection-button, #property .brochure-button {padding-top: 10px}
#property .brochure-button {padding-bottom: 10px}
#map_canvas .gm-style .gm-style-iw {width: inherit !important;min-width: 200px !important;left: 0 !important;top: -13px !important}
#map_canvas .gm-style .gm-style-iw div:first-child {width: 100%}
.centerimage > img.fit-width {width: 100% !important}
#map_canvas .container_map_window .centerimage {padding-bottom: 56.25%}

@media(max-width:768px){
#map_canvas .gm-style .gm-style-iw {top: -2px !important;min-height: 100%}
#map_canvas .gm-style .gm-style-iw div:first-child {max-width: 100% !important}
#map_canvas .container_map_window .centerimage {padding-bottom: 39.25%}
}

@media screen and (max-width: 767px) {
#property div#tenat-rental-property.white-popup {position: relative;background: #f2f2f2 !important;padding: 40px}
#property .mfp-content a.button {width: 100%;margin: 0}
#property .mfp-content a.button:not(:last-child) {margin-bottom: 10px}
}
#about-us .featured-image img {
    max-width: 100%;
    height: auto;
}
#content-area.post .post_description {font-size: 1rem; font-family: 'Roboto-Regular';}