/* Staging-only corrections for the legacy lease shell.  Keep these after the
   shared MVC5 styles so the old site remains untouched. */
.lease-body #site-footer-main-logo a {
    display: block;
    max-width: 100%;
}

.lease-body #site-footer-main-logo img {
    display: block;
    width: auto;
    max-width: min(100%, 580px);
    height: auto;
    margin: 0 auto;
}

@media (max-width: 767px) {
    html,
    body.lease-body {
        max-width: 100%;
        overflow-x: hidden;
    }

    .lease-body .container,
    .lease-body .container-fluid {
        max-width: 100%;
    }

    .lease-body .house-list-item {
        display: flex;
        gap: 10px;
        height: 174px;
        min-height: 174px;
        padding: 5px;
    }

    .lease-body .house-list-item .house-pic-contain {
        float: none;
        flex: 0 0 42%;
        width: 42% !important;
        height: 158px;
    }

    .lease-body .house-list-item .house-data {
        float: none;
        min-width: 0;
        width: auto !important;
        flex: 1 1 auto;
        padding-left: 0;
        white-space: normal;
    }

    .lease-body .house-list-item .house-data h4 {
        margin: 2px 0 8px;
        font-size: 16px;
        line-height: 1.35;
        overflow-wrap: anywhere;
    }

    .lease-body .house-list-item .house-data p {
        margin-bottom: 6px;
        line-height: 1.35;
    }

    .lease-body .house-list-item .house-data .pull-right {
        float: none !important;
        display: block;
        margin-top: 4px;
    }

    .lease-body #site-footer,
    .lease-body #site-footer-main,
    .lease-body #site-footer-main-logo {
        width: 100%;
        max-width: 100%;
    }

    .lease-body #site-footer-main-logo img {
        max-width: 210px;
    }
}