/* === REVIEW PANEL CLEANUP === */
#review-panels .panel {
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: none;
}

#review-panels .panel-body {
    padding: 15px 20px;
}

#review-panels .media {
    overflow: visible;
}

#review-panels .media-left img {
    max-width: 80px;
    height: auto;
}

#review-panels .media-heading {
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
}

#review-panels .clearfix {
    margin-bottom: 5px;
}

#review-panels .pull-right {
    font-size: 14px;
    color: #666;
}

#review-panels p {
    margin: 10px 0 0;
    font-size: 15px;
    line-height: 1.6;
}

/* Remove any default fixed height */
#review-panels .panel,
#review-panels .panel-body,
#review-panels .media,
#review-panels .media-body {
    height: auto !important;
    min-height: 0 !important;
}

#review-panels .media-body { padding-left: 30px;}
#review-panels { margin-top: 30px;}

@media (max-width: 767px) {
    #review-panels .media {
        display: block;
        overflow: hidden;
        width: 100%;
    }

    #review-panels .media-left,
    #review-panels .media-body {
        display: block;
        width: 100%;
        text-align: center;
        float: none !important;
        padding: 0;
    }

    #review-panels .media-body {
        padding-top: 10px;
        box-sizing: border-box;
    }

    #review-panels .media-left img {
        margin: 0 auto;
        max-width: 80px;
    }

    #review-panels .clearfix {
        display: block;
        width: 100%;
        text-align: center;
        overflow: hidden;
    }

    #review-panels .pull-left,
    #review-panels .pull-right {
        float: none !important;
        display: block;
        text-align: center !important;
        margin: 5px 0;
        width: 100%;
    }

    #review-panels .pull-right span {
        display: block;
        margin-left: 0;
        margin-top: 5px;
    }

    #review-panels .media-body { padding-left: 0;}
    #review-panels { margin-top: 0;}
}