.nnlive {
    height: auto;
    width: 100%;
}

.nn__live-video h1 {
    background: #005CB9;
    padding: 10px;
    margin: 0px auto;
    color: #fff;
    font-size: 14px;
    margin-top: 20px;
}

.nn__live-video h1 .live {
    background: #ff0000;
    padding: 0px 15px;
    font-weight: bold;
    color: #fff;
    font-size: 12px;
    float: right;
}

.live-banner {
    background-image: url(../images/video-bg.png);
    background-repeat: no-repeat;
    background-color: #004992;
    background-size: fit;
    background-position: bottom;
    padding-bottom: 25px;
    padding-top: 10px;
}

.live-banner + .live-banner {
    margin-top: 25px;
}

.twitter {
    background: #e5e5e5;
    max-height: 412px;
    overflow-y: auto;
    border-top: 10px solid #e5e5e5;
    border-bottom: 10px solid #e5e5e5;
}

@media (min-width: 360px) {
    .nnlive {
        height: 185px;
    }
}

@media (min-width: 480px) {
    .nnlive {
        height: 300px;
    }

    .nn__live-video h1 {
        font-size: 20px;
    }

    .nn__live-video h1 .live {
        font-size: 20px;
        width: 80px;
        text-align: center;
        padding: 0px;
    }
}

@media (min-width: 600px) {
    .nnlive {
        height: 351px;
    }
}

@media (min-width: 700px) {
    .nnlive {
        height: 400px;
    }
}

@media (min-width: 960px) {
    .nnlive {
        height: 412px;
    }
}

@media (min-width: 1280px) {
    .nnlive {
        height: 412px;
    }
}