/**** STAFF LISTING VIEW ****/
.view-staff-listing table td {
    padding: 6px 12px 6px 0;
    vertical-align: top;
    line-height: 19px;
}
.view-staff-listing .views-row {
    clear: left;
    width: 100%;
    margin-bottom: 20px;
    float: left;
}

.view-staff-listing .view-field-staff-image {
    float: left;
    margin: 0 3% 0 0;
    width: 15%;
}

.view-staff-listing .view-field-staff-image img {
    width: 100px;
    height: auto;
    max-width: 100%;
}

.view-field-staff-info {
    float: left;
    width: 82%;
}

.view-staff-listing .views-row h3 {
    margin-bottom: 2px;
}

.view-staff-listing .views-row h4 {
    margin-bottom: 10px;
    font-style: italic;
    font-size: 14px;
}

.view-staff-listing .views-row p {
    margin-bottom: 15px;
}

.view-staff-listing .staff-phone {
    min-width: 90px;
}

.staff-ul li {
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #eee;
    list-style-type: none;
}

/**** STAFF LISTING DETAIL ****/
.staff-select {
    margin-bottom: 20px;
}
.staff-select select {
    width: 50%;
    margin-bottom: 10px;
}

.staff-select input[type="submit"] {
    background: #3b7896;
    padding: 8px 20px 7px 20px;
    margin-left: 10px;
}

.staff-detail {
    float: right;
    width: 35%;
}

.staff-detail img {
    width: auto;
    height: auto;
    max-width: 100%;
}

.staff-bio {
    float: left;
    width: 62%;
}

@media only screen and (max-width: 600px) {
    .view-staff-listing .view-field-staff-image {
        width: 20%;
    }

    .view-field-staff-info {
        width: 77%;
    }

    .staff-detail, .staff-bio {
        float: left !important;
        width: 100% !important;
        clear: both;
        margin: 0;
    }
}