.os-playlist
{
    background-color: #FBFFC7;
}

.os-playlist .list-group-item
{
    background: none;
}

.os-playlist .list-group-item:hover
{
    background-color: #F4FF6E;
}

.os-playlist .list-group-item.active
{
    background-color: #EB6864;
}

.os-playlist .carousel {
    height: 500px;
    margin-bottom: 0;
}

.os-playlist .os-playlist-list,
.os-playlist .os-playlist-display {
    padding: 0;
}

.os-playlist .list-group-item {
    border-radius: 0 !important;
    border: none;
}

.os-playlist .list-group-item-text {
    font-size: 1em;
    font-family: "News Cycle", Arial, Verdana, Sans-Serif;
}

.os-playlist .os-playlist-list {
    height: 500px;
    overflow: auto;
}

.os-playlist .os-playlist-display {

}

.os-playlist .carousel-caption {
    border-top-right-radius: 100% 270px;
    border-top-left-radius: 100% 270px;
    background-color: rgba(0, 0, 0, 0.5);
    margin-left: 5%;
    margin-right: 5%;
    text-shadow: 1px 1px black;
}

.os-playlist .carousel-caption h1 {
    font-family: "News Cycle", "Arial Narrow Bold",​ sans-serif;
    font-size: 2em;
    color: white;
}

.os-playlist .carousel-caption p {
    font-family: "News Cycle", "Arial Narrow Bold",​ sans-serif;
    font-size: 1.2em;
    display: inherit !important;
}

.os-playlist .carousel-caption {
    bottom: 0;
    left: 0;
    padding-bottom: 15px;
    padding-top: 0;
    padding-left: 10%;
    padding-right: 10%;
    right: 0;
}

.os-playlist .carousel-caption {
    z-index: 10;
}

.os-playlist .carousel .item {
    height: 500px;
    background-color: black;
}

.os-playlist .carousel-inner > .item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: auto;
}
/*.os-playlist .list-group-item.active,*/
/*.os-playlist .list-group-item.active:hover,*/
/*.os-playlist .list-group-item.active:focus {*/
/*background-color: #6C933C;*/
/*border-color: #6C933C;*/
/*}*/

.list-group-item-heading .glyphicon {
    display: none;
}

a.list-group-item h4.list-group-item-heading {
    color: #EB6864;
}

a.list-group-item.active h4.list-group-item-heading {
    color: white;
}


.mejs-container .mejs-controls div.mejs-time-rail {
    width: 20px;
}

.mejs-container .mejs-time-total.mejs-time-slider {
    width: 0px;
}

@media (max-width: 1200px) {
    .os-playlist .carousel .item {
        height: 480px;
    }
    .os-playlist .carousel {
        height: 480px;
    }
    .os-playlist .os-playlist-list {
        height: 480px;
    }
}

@media (max-width: 981px) {
    .os-playlist .carousel .item {
        height: 420px;
    }
    .os-playlist .carousel {
        height: 420px;
    }
    .os-playlist .os-playlist-list {
        height: 420px;
    }
}

@media (max-width: 768px) {
    .os-playlist
    {
        border: none;
    }

    .os-playlist .list-group-item {
        border: 1px solid #dddddd;
    }
    .os-playlist .os-playlist-list {
        height: auto;
    }

    .list-group-item-heading .glyphicon {
        display: inline-block;
    }

    .list-group-item.active,
    .list-group-item.active:hover,
    .list-group-item.active:focus
    {
        z-index: 2;
        color: #333333 !important;
        background-color: inherit;
        border: 1px solid #dddddd;
    }

    .list-group-item.active p
    {
        color: #333333 !important;
    }
}

/* iphone 6 plus and LG Optimus LTE, Sony Experia Sola, U */
@media (max-width: 480px) {
    .os-playlist .carousel .item {
        height: 480px;
    }
    .os-playlist .carousel {
        height: 480px;
    }
    .os-playlist .carousel-inner > .item > img {
        position: absolute;
        top: 0;
        left: -20%;
        max-width: 1200px !important;
        height: 480px;
    }
}

/* iphone 6 */
@media (max-width: 375px) {
    .os-playlist .carousel .item {
        height: 375px;
    }
    .os-playlist .carousel {
        height: 375px;
    }
    .os-playlist .carousel-inner > .item > img {
        position: absolute;
        top: 0;
        left: -20%;
        max-width: 1200px !important;
        height: 375px;
    }
}