.thumbnail[data-medium-type="video"] .container-fluid,
    .thumbnail[data-medium-type="video"] .col-sm-4,
    .thumbnail[data-medium-type="video"] .col-sm-8 {
        padding: 0;
    }
            .thumbnail[data-medium-type="video"] h3 {
                font-size: 18px;
                text-align: center;
                padding-top: 0px;
            }
            @media (min-width: 768px) {
               .thumbnail[data-medium-type="video"] h3 {
                    font-size: 18px;
                    text-align: left;
                }
            }
            @media (min-width: 992px) {
               .thumbnail[data-medium-type="video"] h3 {
                    font-size: 20px;
                    text-align: left;
                }
            }
            @media (min-width: 1200px) {
               .thumbnail[data-medium-type="video"] h3 {
                    font-size: 22px;
                    text-align: left;
                }
            }
        .thumbnail[data-medium-type="video"] .iframeWrapper {
            position: relative;
        }
            .thumbnail[data-medium-type="video"] svg {
                display: none;
                vertical-align: middle;
                position: absolute;
                width: 20%;
                top: 50%;
                margin-top: -10%;
                left: 50%;
                margin-left: -10%;
                z-index: 1;
            }
            .thumbnail[data-medium-type="video"] .loading svg {
                display: block;
            }
            .thumbnail[data-medium-type="video"] .displayInList iframe {
                width: 100%;
                display: block;
                position: relative;
                z-index: 2; /* To prevent bug */
            }
            .thumbnail[data-medium-type="video"] .displayInColumn {
                width: 99%;
            }
            @media (min-width: 500px) {
                .thumbnail[data-medium-type="video"] .displayInColumn {
                    max-width: 60%;
                    margin: 0 20%;
                }
            }
            @media (min-width: 768px) {
                .thumbnail[data-medium-type="video"] .displayInColumn {
                    max-width: none;
                    margin: 0;
                }
            }
                .thumbnail[data-medium-type="video"] .displayInColumn [data-video-url] {
                    aspect-ratio: 3 / 2;
                    position: relative;
                }
    @media (min-width: 768px) {
        .thumbnail[data-medium-type="video"] .col-sm-4 {
            padding-right: 30px;
        }
    }
    .thumbnail[data-medium-type="video"] a.text {
        display: block;
        text-decoration: none;
        margin-top: 10px;
        font-size: 13px;
        line-height: 1.3;
        padding: 10px 10px 8px 30px;
        border: 1px solid rgb(255, 237, 0);
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-family: 'FontFaceBold', sans-serif;
    }
    .thumbnail[data-medium-type="video"]:hover a.text {
        border: 1px solid rgb(56, 56, 55);
    }
    @media (min-width: 992px) {
        .thumbnail[data-medium-type="video"] a.text {
            font-size: 14px;
            padding-left: 35px;
        }
    }
    @media (min-width: 1200px) {
        .thumbnail[data-medium-type="video"] a.text {
            font-size: 15px;
            padding-left: 40px;
        }
    }
    .thumbnail[data-medium-type="video"] a.text::before {
        content: '>';
        display: block;
        margin-top: -1px;
        margin-left: -20px;
        color: rgb(255, 237, 0);
        float: left;
    }
    @media (min-width: 992px) {
        .thumbnail[data-medium-type="video"] a.text::before {
            margin-left: -23px;
        }
    }
    @media (min-width: 1200px) {
        .thumbnail[data-medium-type="video"] a.text::before {
            margin-left: -27px;
        }
    }
    .thumbnail[data-medium-type="video"]:hover a.text::before {
        color: rgb(56, 56, 55);
    }
    .thumbnail[data-medium-type="video"] a.text span {
        display: block;
        white-space: normal;
        font-size: smaller;
        font-family: 'FontFace', sans-serif;
    }