@media screen and (max-width: 768px) {
   main {
       display:none !important;
    }
    .live img{width:100%;max-width:100%;}
}

@media screen and (min-width: 768px) {
 .mobile {
       display:none !important;
    }
    
    .videowrapper{
        display: flex;
        flex-direction: column;
    }
    
}

.live-list h2{margin:20px;}
.live-list h4{margin:20px;}
 .theme-light .info {
    color: #6dcff6;
}

.live-list .live-items {
    min-height: 360px;
    padding-bottom: 12px
}

.live-list .live-items ul li {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.live-list .live-items .live-item {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    grid-gap: 8px;
    cursor: pointer;
    padding: 12px
}

.live-list .live-items .live-item .thumb {
    width: 120px
}

.live-list .live-items .live-item .thumb img {
    display: block
}

.live-list .live-items .live-item .list-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.live-list .live-items .live-item .list-content h3 {
    overflow: hidden;
    display: block;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.live-list .live-items .live-item .list-content .metas {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.live-list .live-items .live-item .list-content .metas .status {
    padding: 2px 8px
}