#VideoMedia1 div.plyr {
    height: 632px;
}

video {
    height: 632px !important;
}

.plyr__video-wrapper {
    height: 100% !important;
}

.titlemdedia {
    font-size: 20px;
    margin-bottom: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
}

@media (max-width: 480px) and (min-width: 310px) {
    #VideoMedia1 div.plyr {
        height: auto;
    }
    /*.plyr__video-wrapper {
        height: auto !important;
    }*/
    .BGMedia {
        display: flex;
        align-items: center;
        background-color: #eaecf0;
        height: 420px;
        background-image: none
    }

    #VideoMedia1 {
        width: 100%;
    }

    .plyr audio, .plyr video {
        padding-bottom: 340px;
    }

    .box-category-top {
        width: 100%;
        display: block;
        overflow-x: auto;
        top: 5px;
        left: 10px;
        position: absolute;
    }

        .box-category-top .box-category-menu {
            display: flex;
            padding: 2px 0;
            overflow-x: auto !important;
            white-space: nowrap;
            max-width: 90%;
        }
}

.thesp {
    color: black !important;
    font-family: RobotoMedium;
    text-align: justify;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    /* -webkit-line-clamp: 3; */
    -webkit-box-orient: vertical;
    white-space: normal;
    margin-bottom: unset;
}