img {
    max-width: 100%;
}

.container {
    max-width: 970px;
    margin: auto;
}

/*
 * Examples *
 */


.tubber .pagination {
    padding: 10px 0;
    text-align: center;
}

.tubber .pagination span {
    display: inline-block;
    padding: 8px;
    margin: 0 1px;
    border: 1px solid #00aff0;
    color: #00aff0;
    border-radius: 2px;
    cursor: pointer;
}

.pagination {
    display: inherit;
}

.tubber .pagination span.disabled {
    cursor: default;
}

.tubber .pagination span:hover:not(.disabled) {
    color: #fff;
    background: #00aff0;
}

.tubber-container {
    overflow: hidden;
    margin: 0 -5px;
}

.tubber-container iframe,
.tubber-container img {
    display: block;
}

.tubber-container .video-item {
    float: left;
    box-sizing: border-box;
    padding: 5px;
    cursor: pointer;
}


/* Example 5 - Gallery with thumbnails and an area to show the selected video */

.media-viewer {
    /*float: left;*/
}

.media-viewer iframe {
}

.thumbnails {
    overflow: hidden;
}

.tubber-container {
    margin: 0;
}

.video-item {
    overflow: hidden;
    width: 25%;
    /*height: 105px;*/
    padding: 0;
    /*margin-left: 3%;*/
}

.video-item.active {
    opacity: .50;
}