@media screen and (max-width: 39.9375em){
div#top_content {
    height: auto !important;
}
    .scroll-pane .video-holder{
        height:100vw  !important;
    }
}

.videosholder{
    overflow-y:scroll;
    padding:0;
    height:0;
}
.item
{
    background-size:cover;
    background-position:center;
}
.video-holder iframe{
    width:100%;
    height: 100%;
}
.video-holder .title {
     width:100%;
     background:#283a48;
     color:white;
     text-transform:uppercase;
     position: absolute;
     bottom: 0;
     padding: 0.1rem 1rem;
}
.scroll-pane {
}
.scroll-pane .video-holder{
    /*display:none;*/
    padding:0;
    height:12vw;
    position: relative;
}
    .scroll-pane .video-holder i {
        float:right;
        margin-right:0.1rem;
        color:#4fc9e8;
        border: 2px solid white;
        border-radius:100%;
        padding: 0.1rem 0.3rem;
        padding-right: 0.2rem;
        cursor: pointer;
        font-size: 0.7rem;
        margin-top: 0.2rem;
    }
/*.scroll-pane .video-holder:nth-child(1),.scroll-pane .video-holder:nth-child(2),.scroll-pane .video-holder:nth-child(3),.scroll-pane .video-holder:nth-child(4){
    display:block;
}*/