.mlvp-wrapper {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
	font-family: helvetica;
	color: #000;
}

/*  COLORS
############################### */

/* color of titles that appear  below
each thumbnail image in the playlist */
.vid-item .desc {
	color: #000;
}

.current-vid {
	opacity: 1 !important;
	color: #CC181E !important;	/* <-- color of title for currently selected video */
}

.player-container {
	width: 100%;
	/*max-width: 904px;*/
	/*min-width: 300px;*/
}

.ui-body{ border: none !important; }
.ui-page-active { outline:none !important;  }

/*  VIDEO CONTAINER
############################### */
.mlvp-container {
    position: relative;
    padding-bottom: 52%;
    padding-top: 38px;
    height: 0;
}

.mlvp-container iframe,
.mlvp-container object,
.mlvp-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border: none !important;
	border-bottom: 1px solid #ccc;
}


/*  VIDEOS PLAYLIST
############################### */
.mlvp-list-container {
	overflow: hidden;
	margin-top: 0px;
	/*padding-bottom: 20px;*/
	margin-left: 0 !important;
	margin-right: 0 !important;
	width: 671px;
}

.mlvp-list {
	width: 671px !important;
	position: relative;
	top:0;
	left: 0;
	-webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

.vid-item .desc {
	font-family: helvetica;
	color: #000;
	margin-top:5px;
}

.noselect {
	width: 671px !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.vid-item {
	height: 200px;
	width: 300px;
	float: left;
	margin: 55px 33px 0 0;
	padding: 0;
}

.vid-item iframe {
	border: none;
	height: 170px;
}

div.vid-item:first-child {
    display: none;
}

#desc2 {
	padding-top: 10px;
}

/* Mobile Styles ***********************************************/
@media only screen and (max-width: 767px) {

	 .desc {
		float: left;
	 }

	 .mlvp-wrapper {
	    max-width: 300px;
	 }

	 .vid-item {
	    width: 300px;
	    height: auto;
	    float: left;
	    padding-bottom: 35px;
	    margin-top: 0;
	 }

	 .mlvp-list-container, .noselect, .mlvp-list {
		 width: 320px !important;
		 padding-top: 7px;
	 }
}