.thumb-youtube h5 {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color:#002B57;
}
.thumb-youtube img{
  object-fit: none; /* Do not scale the image */
  object-position: center; /* Center the image within the element */
  width: 100%;
  max-height: 200px;
  margin-bottom: 1rem;
  border-radius: 10px;
}
.button-play-feature{
	content: "";
	background-image: url(icon/play-button.png);
	background-repeat: no-repeat;
    background-position: 97% 95%;
    pointer-events: none;
    display: block;
    width: 90%;
    height: 90%;
	position: absolute;
    bottom:0;
    right:0;
    z-index: 100;
}
.button-play{
	content: "";
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDI5NC44IDI5NC44IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyOTQuOCAyOTQuODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNzQuNyw4Mi4yYy0xMC0xOS40LTI0LjYtMzYuNS00Mi4yLTQ5LjVjLTIuNi0xLjktNi4yLTEuNC04LjEsMS4zcy0xLjQsNi4yLDEuMyw4LjEKCQljMTYuMiwxMS45LDI5LjYsMjcuNywzOC44LDQ1LjVjOS42LDE4LjcsMTQuNSwzOC45LDE0LjUsNjAuMUMyNzksMjIwLjEsMjIwLDI3OSwxNDcuOCwyNzlTMTYuNCwyMjAsMTYuNCwxNDcuNwoJCVM3NS40LDE2LjQsMTQ3LjcsMTYuNGMzLjIsMCw1LjgtMi42LDUuOC01LjhzLTIuNi01LjgtNS44LTUuOEM2OC45LDQuOCw0LjgsNjguOSw0LjgsMTQ3LjdzNjQuMSwxNDIuOCwxNDIuOCwxNDIuOAoJCXMxNDIuOC02NC4xLDE0Mi44LTE0Mi44QzI5MC41LDEyNSwyODUuMSwxMDIuMywyNzQuNyw4Mi4yeiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTExMS4xLDgxLjRjLTEuOCwxLjEtMi45LDMtMi45LDVWMjE0YzAsMy4yLDIuNiw1LjgsNS44LDUuOGMzLjIsMCw1LjgtMi42LDUuOC01LjhWOTYuNmw4Ni4xLDUxLjNsLTYzLjMsNDAuOAoJCWMtMi43LDEuNy0zLjUsNS4zLTEuNyw4YzEuNywyLjcsNS4zLDMuNSw4LDEuN2w3MS4yLTQ1LjhjMS42LTEuMSwyLjctMywyLjYtNC45cy0xLjEtMy45LTIuOC00LjlsLTEwMy02MS4zCgkJQzExNS4yLDgwLjMsMTEzLDgwLjMsMTExLjEsODEuNHoiLz4KPC9nPgo8L3N2Zz4K);
	background-repeat: no-repeat;
    background-position: 90% 65%;
    background-size: 13%;
    pointer-events: none;
    display: block;
    width: 100%;
    height: 100%;
	position: absolute;
    bottom:0;
    right:0;
    z-index: 10;
}
.yt-mobile{
    display: none;
    margin-bottom: 0px;
}
.iframeYoutube{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.embed-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
} 
.embed-container iframe, .embed-container object, .embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
}
.player-title{
    font-size: 2em;
    position: relative;
    top: 10px;
    color: #ffffff;
}
.player-description{
    position: relative;
    top: 10px;
    color: #ffffff;
}
.player-title-new{
    color: #e82225;
    font-size: 1.5em;
    position: relative;
    top: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid red;
}
.content-video{
    position: relative;
    top: 20px; 
}
.player-title-video-new{
    position: relative;
    top: 22px; 
}


/* ===================================================== */
/* #Mobile (Portrait)
/* ===================================================== */

@media (min-width: 240px) and (max-width: 479px) {

    .button-play{
        content: "";
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDI5NC44IDI5NC44IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyOTQuOCAyOTQuODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNzQuNyw4Mi4yYy0xMC0xOS40LTI0LjYtMzYuNS00Mi4yLTQ5LjVjLTIuNi0xLjktNi4yLTEuNC04LjEsMS4zcy0xLjQsNi4yLDEuMyw4LjEKCQljMTYuMiwxMS45LDI5LjYsMjcuNywzOC44LDQ1LjVjOS42LDE4LjcsMTQuNSwzOC45LDE0LjUsNjAuMUMyNzksMjIwLjEsMjIwLDI3OSwxNDcuOCwyNzlTMTYuNCwyMjAsMTYuNCwxNDcuNwoJCVM3NS40LDE2LjQsMTQ3LjcsMTYuNGMzLjIsMCw1LjgtMi42LDUuOC01LjhzLTIuNi01LjgtNS44LTUuOEM2OC45LDQuOCw0LjgsNjguOSw0LjgsMTQ3LjdzNjQuMSwxNDIuOCwxNDIuOCwxNDIuOAoJCXMxNDIuOC02NC4xLDE0Mi44LTE0Mi44QzI5MC41LDEyNSwyODUuMSwxMDIuMywyNzQuNyw4Mi4yeiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTExMS4xLDgxLjRjLTEuOCwxLjEtMi45LDMtMi45LDVWMjE0YzAsMy4yLDIuNiw1LjgsNS44LDUuOGMzLjIsMCw1LjgtMi42LDUuOC01LjhWOTYuNmw4Ni4xLDUxLjNsLTYzLjMsNDAuOAoJCWMtMi43LDEuNy0zLjUsNS4zLTEuNyw4YzEuNywyLjcsNS4zLDMuNSw4LDEuN2w3MS4yLTQ1LjhjMS42LTEuMSwyLjctMywyLjYtNC45cy0xLjEtMy45LTIuOC00LjlsLTEwMy02MS4zCgkJQzExNS4yLDgwLjMsMTEzLDgwLjMsMTExLjEsODEuNHoiLz4KPC9nPgo8L3N2Zz4K);
        background-repeat: no-repeat;
        background-position: 85% 53%;
        background-size: 20%;
        pointer-events: none;
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        bottom:0;
        right:0;
        z-index: 10;
    }
    .player-title-new{
        top: 20px;
    }
}