.media-item {
    border: 1px solid #e6e6e6;
    background-color: #ffffff;
}

    .media-item:hover {
        border: 1px solid #f4c944;
        background-color: #ffffff;
        box-shadow: 0px 0px 8px #fae69a;
    }

    .media-item .itemlayer {
        margin: 20px;
        height: 160px;
    }

    .media-item .item-object {
        width: 240px;
        height: 160px;
    }

    .media-item .item-subject {
        padding-top: 0px;
    }

    .media-item .item-content {
        padding-top: 6px;
        line-height: 20px;
        color: #a0a0a0;
    }

.interlayer {
    height: 10px;
}


@media (max-width: 767px) {
    .media-item {
        border: 1px solid #e6e6e6;
        background-color: #ffffff;
    }

        .media-item:hover {
            border: 1px solid #f4c944;
            background-color: #ffffff;
            box-shadow: 0px 0px 8px #fae69a;
        }

        .media-item .itemlayer {
            margin: 20px;
            height: auto;
        }

        .media-item .item-object {
            width: 100%;
            height: auto;
        }

        .media-item .item-subject {
            padding-top: 6px;
        }

        .media-item .item-content {
            padding-top: 6px;
            line-height: 20px;
            color: #a0a0a0;
        }

        .media-item .item-button {
            padding-top: 6px;
        }

    .interlayer {
        height: 10px;
    }
}