.sa-list-box {
    display       : flex;
    flex-direction: column;
}

.sa-list-box>.hr {
    border    : 0;
    border-top: 1px dashed #a77e7e;
    margin    : 12px 0;
}


.sa-list-item {
    position      : relative;
    display       : flex;
    flex-direction: row;
    color         : #333;
    padding       : 20px 0;
}

.sa-list-item:hover {
    background-color: #eeeeee;
}

.sa-list-item>.sa-img-box {
    width          : 150px;
    height         : 150px;
    flex-shrink    : 0;
    margin-bottom  : 0;
    display        : flex;
    overflow       : hidden;
    align-items    : center;
    justify-content: center;
}


.sa-list-item>.sa-img-box>img {
    width          : 100%;
    height         : 100%;
    object-fit     : cover;
    object-position: center center;
}

.sa-text-box {
    margin    : 0 23px;
    text-align: justify;
    color     : #333;
}

.sa-text-box>.sa-caption {
    font-size      : 18px;
    margin-top     : 10px;
    margin-bottom  : 10px;
    font-weight    : bold;
    text-decoration: none;
}

.sa-text-box>.sa-info {
    font-size      : 14px;
    margin-bottom  : 18px;
    color          : #333;
    text-decoration: none;
}

.sa-text-box>.sa-content {
    display           : -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow          : hidden;
    text-overflow     : ellipsis;
}

.sa-list-item>.sa-view-details {
    position: absolute;
    bottom  : 5px;
    right   : 23px;
    color   : #333;
}

@media(max-width:768px) {

    .sa-list-item>.sa-img-box {
        width : 80px;
        height: 80px;
        color : #333;
    }

    .sa-text-box {
        margin-left : 10px;
        margin-right: 0;
        width       : calc(100% - 90px);

    }

    .sa-text-box>.sa-caption {
        margin-top        : 0;
        margin-bottom     : 5px;
        font-size         : 16px;
        color             : #333;
        display           : -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow          : hidden;
        text-overflow     : ellipsis;
    }

    .sa-text-box>.sa-info {
        margin-bottom: 5px;
    }

    .sa-text-box>.sa-content {
        display           : -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow          : hidden;
        text-overflow     : ellipsis;
    }

    .sa-list-item>.sa-view-details {
        bottom: -5px;
        right : 0;
    }

}