.sgl-plugin-page .grid .video_container{
float: left !important;
width: 45%;
min-width: 280px;
}
.sgl-plugin-page .grid .video_details{
width: 100%;
}
.sgl-plugin-page .detail_grid .video_container{
float: left !important;
width: 30%;
min-width: 280px;
}
.sgl-plugin-page .detail_grid .video_details{
width: 100%;
}
.sgl-plugin-page .list .video_container{
width: 100%;
}
.sgl-plugin-page .list .video_details{
width: -webkit-calc(100% - 300px);
width:    -moz-calc(100% - 300px);
width:         calc(100% - 300px);
}
.sgl-plugin-page .video_container { padding: 2px;
background-color: #fafafa;
font-size: 0.9em; list-style-type: none;
margin: 4px 12px 10px 0px;
padding-bottom: 5px;
overflow: hidden;
}
.sgl-plugin-page .flex-video-container{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.sgl-plugin-page .video_data_container{
float: left !important;
width: 50%;
min-width: 380px;
}
.sgl-plugin-page .thumb-image {
position: relative;
min-width: 280px;
border: 1px solid #e6e6e6;  }
.sgl-plugin-page .thumb-image > img {
height: 16.5rem;
}
.sgl-plugin-page .display_thumb_img {
width: 100%;
height: 200px;
object-fit: contain;
}
.sgl-plugin-page .video_details {
padding: 8px !important;
font-size: 14px;
float: left;
width: 100%;
}
.sgl-plugin-page .float-left {
float: left;
}
.sgl-plugin-page .channel_status{
font-weight: bold;
position: absolute;
top: 10px;
right: 10px;
text-transform: uppercase;
font-size: large;
}
.sgl-plugin-page .channel_live{
font-weight: bold;
position: absolute;
right: 20px;
text-transform: uppercase;
font-size: large;
z-index: 50;
}
.sgl-plugin-page .green{
color: green;
}
.sgl-plugin-page .red{
color: red;
}
.sgl-plugin-page .channel_details{
font-size: 17px;
font-weight: bold;
}
.sgl-plugin-page .channel_stats{
font-size: 14px;
font-weight: bold;
}
.sgl-plugin-page .channel_description{
font-size: 17px;
padding: 20px;
}
.sgl-plugin-page .related-videos-header {
text-align: center;
margin-bottom: 10px;
margin-top: 10px;
padding: 5px;
text-transform: uppercase;
}
.sgl-plugin-page .video_player{
height: 500px;
max-height: 95vh;
width:100%;
margin-top: 8px;
}
.sgl-plugin-page .video-data{
border-top: 2px solid #046240 !important;
border-bottom: 2px solid #046240 !important;
padding: 1rem;
}
.sgl-plugin-page .video_stat{
text-align: center;
text-transform: uppercase; margin: 10px;
}
.sgl-plugin-page .play-wrapper {
width: 100%;
height: 100%;
}
.sgl-plugin-page .play-button {
cursor: pointer;
height: 50px;
left: 50%;
margin-left: -25px;
margin-top: -30px;
position: absolute;
top: 50%;
opacity: 0.5;
transition: opacity 0.5s;
transition-timing-function: ease;
transition-timing-function: ease;
width: 50px;
z-index: 1;
display: block;
}
.sgl-plugin-page .channel_thumbnail {
text-align: center;
position: relative;
}
.sgl-plugin-page .channel_img{
width: 100%;
max-height: 490px;
object-fit: contain;
}