.clipblock-row {
    /* margin: 0 0 1em 0; */
}

.clipblock-clip {
    text-align: center;
    margin-bottom: 1em;
}

.clipblock-clip .clipblock-link {

}

.clipblock-smc {
    position: absolute;
    bottom: 0;
    right: 1.5em;
    font-size: 0.8em;
    color: #000;
}

a.clipblock-smc:hover {
    color: #666;
}

.clipblock-clip .clipblock-spacer {
    height: 0;
    margin: 0;
    padding: 0;
}

.bestmatch {
    font-size: 10px;
    position: absolute;
    left: 20px;
    bottom: 1px;
    font-weight: bold;
    color: red;
}

@media (min-width: 1200px) {
    .clipblock-clip .clipblock-img.landscape {
        height: 365px;
        width: 100%;
        max-width: 100%;
    }
    .clipblock-clip .clipblock-img.portrait {
        width: 100%;
        max-width: 100%;
    }
    .clipblock-clip .clipblock-img-div.portrait {
        text-align: center;
        background-color: #fff;
        font: 0/0 a;
        max-height: 365px;

    }
    .clipblock-clip .clipblock-img-div.portrait:before {
        content: ' ';
        display: inline-block;
        vertical-align: middle;
        max-height: 365px;
        min-height: 365px;
    }
    .clipblock-img.portrait {
        display: inline-block;
        vertical-align: middle;
        max-height: 365px;

    }
}
@media (min-width: 991px) and (max-width: 1199px) {
    .clipblock-clip .clipblock-img.landscape {
        height: 300px;
        width: 100%;
        max-width: 100%;
    }
    .clipblock-clip .clipblock-img.portrait {
        width: 100%;
        max-width: 100%;
    }
    .clipblock-clip .clipblock-img-div.portrait {
        text-align: center;
        background-color: #fff;
        font: 0/0 a;
        max-height: 300px;

    }
    .clipblock-clip .clipblock-img-div.portrait:before {
        content: ' ';
        display: inline-block;
        vertical-align: middle;
        max-height: 300px;
        min-height: 300px;
    }
    .clipblock-img.portrait {
        display: inline-block;
        vertical-align: middle;
        max-height: 300px;

    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .clipblock-clip .clipblock-img.landscape {
        height: 486px;
        width: 100%;
        max-width: 100%;
    }
    .clipblock-clip .clipblock-img.portrait {
        width: 100%;
        max-width: 100%;
    }
    .clipblock-clip .clipblock-img-div.portrait {
        text-align: center;
        background-color: #fff;
        font: 0/0 a;
        max-height: 486px;

    }
    .clipblock-clip .clipblock-img-div.portrait:before {
        content: ' ';
        display: inline-block;
        vertical-align: middle;
        max-height: 486px;
        min-height: 486px;
    }
    .clipblock-img.portrait {
        display: inline-block;
        vertical-align: middle;
        max-height: 486px;

    }
}
@media (max-width: 768px) {
    .clipblock-clip .clipblock-img.landscape {
        height: 100%;
        width: 100%;
        max-width: 100%;
    }
    .clipblock-clip .clipblock-img.portrait {
        width: 100%;
        max-width: 100%;
    }
}




.clipblock-clip .clipblock-info {
    background-color: #fff;
    text-align: left;
    max-height: 90px;
    min-height: 90px;
    padding-left: 5px;
    padding-right: 5px;
}

.clipblock-clip .clipblock-info .title {
    padding-top: 1em;
    font-weight: bold;
    font-size: 0.9em;
    height: 4.2em;
}
.clipblock-clip .clipblock-info .by,
.clipblock-clip .clipblock-info .row {
    font-size: 0.8em;
    color: #666;
}
.clipblock-clip .clipblock-info .row .length {

}
.clipblock-clip .clipblock-info .row .type {
    font-size: 0.75em;
}
.clipblock-clip .clipblock-info .row .langs {

}