body {
    background: #fdfdfd;
}
.property-wrapper {
}

nav#desktopNav {
    display: none;
}
header {
    height:7rem;
    height:70px;
}
header nav {
    margin-top:10px;
    margin-top:1rem;
}
.property-top {
    padding:10px;
}
.property-location {
    line-height:14px;
    border-bottom: 1px solid #e2e2e2;
    width:100%;
}
.property-location .address {
    font-size:18px;
    font-weight:bold;
}
.property-location .city-state-zip {
    font-size:12px;
    font-weight:bold;
    color:#8C8C8C;
}
.property-location .status {
    font-size:10px;
    color:#262626;
}
.property-info {
    display:table;
    width:100%;
    margin: 10px 0;
}
.info-block {
    display:table-cell;
    border-right:1px solid #e2e2e2;
    text-align:center;
    padding:5px 10px;
    font-weight:bold;
}
.info-block:last-child {
    border:0;
}
.info-block span{
    display:block;
    font-weight:normal;
}
.sub-info {
    text-align:center;
    border-bottom:1px solid #e2e2e2;
    display:table;
    width:100%;
}
.sub-info-block {
    display:table-cell;
    margin:0 2px;
    font-size:12px;
}
.sub-info-block .title {
    font-weight:bold;
}
.top-action {
    text-align:center;
    width:100%;
    display:table;
    margin:10px 0;
}
.top-action .action-item {
    display:table-cell;
}
.d-property-nav {
    display:none;
}
.property-page .property-main {
    padding:10px;
}
.property-description {
    margin-top:20px;
}
.property-page .property-main p{
    font-size:12px;
    line-height:18px;
    text-align:justify;
}
.property-page .sidebar {
    padding:10px;
    vertical-align:top;
}
.property-page .property-main img {
    width:100%;
}
.property-page .property-main {
    width:100%;
    display:block;
}
.property-page .sidebar {
    width:100%;
    display:block;
}
.sidebar .side-map {
    padding:5px;
    background:#FFF;
}
.agent {
    width:100%;
    font-size:0;
    background:#fff;
    padding:5px;
    margin:5px 0;
}
.agent .agent-details {
    width:66.66%;
    display:inline-block;
    font-size:14px;
    height:100px;
}
.agent-details .agent-name {
    font-weight:bold;
    display:block;
}
.agent-details .agent-agency {
    display:block;
    color: #9c9c9c;
}
.agent-details .agent-rating {
    color: #262626;
    font-weight:bold;
    display:block;
}
.agent .agent-image {
    width:33.33%;
    display:inline-block;
    vertical-align:top;
    height:100px;
    padding-left:5px;
}
.agent .agent-image img {
    height: auto;
    width: 100%;
    min-height: 100px;
}
.agent-details .agent-button {
    background: #00512F;
    padding:5px 10px;
    text-align:center;
    width:100%;
    color:#fff;
    border-radius:2px;
    margin-top:10px;
    line-height:38px;
}
.property-main table {
    width:50%;
    display:inline-block;
    font-size:12px;
    text-align:center;
}
.property-main table tr td:first-child {
    font-weight:bold;
    text-align:right;
    padding:5px 10px;
}
.property-main table tr td:last-child {
    text-align:left;
}
.dotted-line {
    width:100%;
    border-bottom:1px dashed #c2c2c2;
    margin:10px;
}
.details-group h4 {
    font-size:12px;
}
.details-group ul li{
    list-style-type: square;
    font-size:12px;
    line-height:16px;
    margin-left:16px;
}
.details-group .bold {
    font-weight:bold;
}
.property-details {
    border-left: 1px solid #e3e4e5;
    border-right: 1px solid #e3e4e5;
    border-bottom: 1px solid #e3e4e5;
}
.property-details-title {
    background-image: none;
    background-color: #eeeeee;
    font-size:12px;
    color: #585858;
    font-weight: 700;
    padding: 5px 10px;
    border-left: none;
    border-right: none;
    border-top: 1px solid #E2E2E2;
    border-bottom: 1px solid #E2E2E2;
}
.property-details-content {
    padding:5px 10px;
}
.similar-homes {
    margin-top:10px;
}
.similar-home {
    display:inline-block;
    width:33.333%;
    padding:5px;
}
.listing-image {
    width:47%;
    height:100%;
    margin:1%;
    display:inline-block;
    position:relative;
    overflow:hidden;
    vertical-align:top;
}
.listing-image img {
    height:100%;
    width:100%;
}
.image-info {
    width:100%;
    position:absolute;
    bottom:0px;
    padding:5px;
    color:#FFF;
    background: rgba(0,0,0,0.60);
    line-height:15px;
}
.image-info .image-cost {
    font-size:16px;
    font-weight:bold;
}
.image-info .image-address {
    font-size:14px;
    font-weight:bold;
    line-height:5px;
}
.slider-nav {
    padding:2px 0;
    background-color: #aaaaaa;
}
.slider-nav img {
    padding:0 2px 0 0;
}
.slider-for {
    background-color:#CBCBCB;
    text-align:center;
}
.slider-for .main-slide img {
    display:block;
    margin:0 auto;
    height:400px;
    width:auto;
}
.slider-nav .nav-slide img {
    max-height:120px;
    width:auto;
}
.slick-dots {
    visibility:hidden;
}
.property-slider {
    margin-bottom:0;
}
.nearby-schools {
    font-size:12px;
    margin-top:20px;
}
.nearby-schools table {
    width:100%;
    border-collapse: collapse;
    border: 1px solid #e3e4e5;
    font-size: 12px;
}
.nearby-schools table td {
    color: #333;
    border-top: 1px dashed #e3e4e5;
    border-bottom: 1px dashed #e3e4e5;
    border-right: 1px solid #e3e4e5;
    border-left: 1px solid #e3e4e5;
    text-align:center;
}
.nearby-schools table th {
    font-size: 12px;
    font-weight: 700;
    color: #999;
    background: #F5F5F5;
    text-shadow: #fff 0 1px 1px;
    border-top: 1px solid #e3e4e5;
    border-bottom: 1px solid #e3e4e5;
}
.nearby-schools table .align-left {
    text-align:left;
}
.walk-score {
    width:100%;
    display:block;
    height:100px;
    text-align:center;
    /* Firefox */
    display:-moz-box;
    -moz-box-pack:center;
    -moz-box-align:center;

    /* Safari and Chrome */
    display:-webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;

    /* W3C */
    display:box;
    box-pack:center;
    box-align:center;
    margin:0 0 40px;
}
.top-action ul li {
    display:inline-block;
    list-style-type:none;
}
.top-action ul li a {
    color:#00512F;
}
.tour-button {
    width:100%;
    background-color:#00512F;
}
.nearby-schools-title span {
    font-size:14px;
    color:#ccc;
}
#nav_logo a img {
    height:50px;
}
.top-action i.fa-check {
    color:#00512F;
}
.top-action i.fa-heart:before {
    font-size:28px;
}
.top-action i.fa-times {
    color:#000;
}
.top-action i.fa-envelope-o {
    color:#3E81C1;
}
.top-action i.fa-eye {
    color:#3E81C1;
}
.sidebar-links {
    width:100%;
    padding:5px;
    margin: 10px 0;
}
.sidebar-links .link {
    width:100%;
    font-size:14px;
    text-align:center;
    margin:10px 0;
}
.sidebar-links .link a:link,
.sidebar-links .link a:visited,
.sidebar-links .link a:hover,
.sidebar-links .link a:active {
    text-decoration:none;
    color:#000;
}
.sidebar-links .link i {

}
@media only screen and (min-width: 768px) {
    .property-location {
        line-height:14px;
        border-bottom: none;
    }
    nav#desktopNav {
        display:block;
    }
    header.listings-nav{
        position:fixed;
    }
    .property-wrapper {
        margin: 100px auto 0;
        max-width:1230px;
    }
    .property-location {
        line-height:14px;
        border-bottom: 0;
        width:auto;
        display:inline-block;
    }
    .property-top {
        margin:0 75px 10px;
        border-bottom: 1px solid #ccc;
    }
    .property-location .address {
        font-size:18px;
        font-weight:bold;
    }
    .property-location .city-state-zip {
        font-size:12px;
        font-weight:bold;
        color:#8C8C8C;
    }
    .property-location .status {
        font-size:10px;
        color:#262626;
    }
    .property-info {
        display:inline-block;
        width:auto;
        margin: 0 75px;
    }
    .info-block {
        display:table-cell;
        border-right:1px solid #e2e2e2;
        text-align:center;
        padding:5px 10px;
        font-weight:bold;
        font-size:14px;
    }
    .info-block:last-child {
        border:0;
    }
    .info-block span{
        display:block;
        font-weight:normal;
    }
    .sub-info {
        display:none;
    }
    .top-action {
        text-align:center;
        width:auto;
        display:inline-block;
        margin:10px 0;
        float:right;
    }
    .top-action .action-item {
        display:inline-block;
        margin:0 20px;
    }
    .top-action .action-item:last-child {
        margin-right:0;
    }
    .d-property-nav {
        display:table;
        width:100%;
        text-align:center;
        color: #9c9c9c;
    }
    .d-property-nav .nav-item {
        display:table-cell;
        cursor:pointer;
        font-size:16px;
        text-align:center;
        width:25%;
        font-weight:bold;
    }
    .property-page {
        margin:0px 75px 20px;
        font-size:0;
    }
    .property-page .property-main {
        width:66.6666%;
        display:inline-block;
    }
    .property-page .sidebar {
        width:33.3333%;
        display:inline-block;
    }
    .sidebar .side-map {
        padding:5px;
        background:#FFF;
    }
    .agent {
        width:100%;
        font-size:0;
        background:#fff;
        padding:5px;
        margin:5px 0;
    }
    .agent .agent-details {
        width:66.66%;
        display:inline-block;
        font-size:14px;
        height:100px;
    }
    .agent-details .agent-name {
        font-weight:bold;
        display:block;
    }
    .agent-details .agent-agency {
        display:block;
        color: #9c9c9c;
    }
    .agent-details .agent-rating {
        color: #262626;
        font-weight:bold;
        display:block;
    }
    .agent .agent-image {
        width:33.33%;
        display:inline-block;
        vertical-align:top;
        padding-left:5px;
        height: auto;
        min-height: 100px;
        width: 100%;
    }
    .agent-details .agent-button {
        background: #00512F;
        padding:5px 10px;
        text-align:center;
        width:100%;
        color:#fff;
        border-radius:2px;
        margin-top:10px;
        line-height:38px;
    }
    .details-group {
        width:33.3%;
        display:inline-block;
        vertical-align:top;
    }
    .details-group .bold {
        font-weight:bold;
    }
    .listing-image {
        width:31.333%;
        height:100%;
        margin:1%;
        display:inline-block;
        position:relative;
        overflow:hidden;
        vertical-align:top;
    }
    .nearby-schools table td,
    .nearby-schools table th {
        padding: 10px 20px;
    }
    .basic-card {
        width:30%;
        margin:1.5%;
    }
}