﻿.card.card-horizontal {
    padding: 12px;
    text-align: initial;
    margin-bottom: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .card.card-horizontal p {
        padding: 0;
    }

    .card.card-horizontal .card-product-price {
        margin-top: 0;
    }

    .card.card-horizontal .media-left {
        padding-right: 15px;
    }

    .card.card-horizontal .media-body {
        padding-top: 3px;
    }

    .card.card-horizontal .card-discount-badge {
        position: absolute;
        top: 5px;
        left: -1rem;
    }

        .card.card-horizontal .card-discount-badge .label {
            font-size: 1.1rem;
            padding: 0.2em .5em .3em !important;
        }

    .card.card-horizontal .card-discount-timer-badge {
        position: absolute;
        top: 5px;
        right: -1rem;
    }

        .card.card-horizontal .card-discount-timer-badge .label {
            font-size: 1.1rem;
            padding: 0.2em .5em .3em !important;
        }

    .card.card-horizontal .card-product-img, .card-product-video {
        border-radius: 5%;
        max-width: 125px;
        height: 125px;
        width: 125px;
    }

    .card.card-horizontal .card-discount-price, .card.card-horizontal .card-price-starting-from {
        margin-top: 0;
    }

    .card.card-horizontal .bullet-separated::before {
        content: '•';
        font-weight: bold;
        margin: 0 3px 0 4px;
        vertical-align: middle;
        color: #888;
    }

    .card.card-horizontal .search-result-description {
        margin-top: 1rem;
        font-size: 90%;
        line-height: 1.9rem;
    }

    .card.card-horizontal .truncated-description {
        max-width: 100%;
    }

        .card.card-horizontal .truncated-description p,
        .card.card-horizontal .truncated-description span {
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

    .card.card-horizontal .card-btn {
        margin-top: 1rem;
    }

@media only screen and (min-width : 768px) {
    .card.card-horizontal .card-product-img, .card-product-video {
        margin-bottom: 0;
    }
}
