@media (min-width: 769px){
    .en-vivo-title{
        margin: 0px;
        color: #fff;
        border-bottom: #3a3a3a dashed 1px;
        padding-bottom: 20px;
        text-transform: uppercase;
        text-align: center;
    }

    .options-title{
        margin: 0px;
        color: #fff;
        font-size: 18px;
        text-transform: uppercase;
        text-align: center;
        margin-top: 12px;
        margin-bottom: 4px;
    }

    .en-vivo-lista{
        list-style: none;
        padding: 0px;
        margin: 15px auto;
        display: table;
    }

    .en-vivo-lista li{
        float: left;
        margin-right: 15px;
    }

    .en-vivo-lista li a{
        color: #000;
        padding: 10px;
        background: #fff;
        display: block;
        border-radius: 3px;
    }
}

@media (max-width: 768px){
    .en-vivo-title{
        margin: 0px;
        color: #fff;
        border-bottom: #3a3a3a dashed 1px;
        padding-bottom: 20px;
        text-transform: uppercase;
        text-align: center;
    }

    .options-title{
        margin: 0px;
        color: #fff;
        font-size: 18px;
        text-transform: uppercase;
        text-align: center;
        margin-top: 12px;
        margin-bottom: 4px;
    }

    .en-vivo-lista{
        list-style: none;
        padding: 0px;
        margin: 15px auto;
        display: table;
    }

    .en-vivo-lista li{
        float: left;
        margin-right: 15px;
    }

    .en-vivo-lista li a{
        color: #000;
        padding: 10px;
        background: #fff;
        display: block;
    }
}

.en-vivo-container{
    position: relative;
    padding-bottom: 49.25%;
    padding-top: 30px;
    height: 0px !important;
    overflow: hidden;
}

.en-vivo-container iframe{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100% !important;
    height: 100% !important;
    border: none;
}

.en-vivo-bg{
    background: #000;
    padding: 30px 0px;
    margin-bottom: -40px;
}