body {
  			margin: 30px;
  			padding: 0;
  			background: #transparent;
  			font-family: Arial, Helvetica, sans-serif;
  		}

  		.title {
  			width: 100%;
  			max-width: 854px;
  			margin: 0 auto;
  		}

  		.caption {
  			width: 100%;
  			max-width: 224px;
  			margin: 0 auto;
  			padding: 10px 0;
  		}

  		.container {
  			width: 40%;
  			max-width: 854px;
  			min-width: 440px;
  			background:  #transparent;
  			margin: 0 auto;
  		}


  		/*  VIDEO PLAYER CONTAINER
 		############################### */
  		.vid-container {
		    position: relative;
		    padding-bottom: 46%;
		    padding-top: 30px; 
		    height: 0; 
		}
		 
		.vid-container iframe,
		.vid-container object,
		.vid-container embed {
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 108%;
		    height: 116%;
		}


		/*  VIDEOS PLAYLIST 
 		############################### */
		.vid-list-container {
			width: 109%;
			overflow: hidden;
			margin-top: 52px;
			margin-left:0%;
			padding-bottom: 20px;
		}

		.vid-list {
			width: 2184px;
			position: relative;
			top:0;
			left: 0;
		}

		.vid-item {
			display: block;
			width: 100px;
			height:180px;
			float: left;
			margin: 0;
			padding: 2px;
		}

		.thumb {
			/*position: relative;*/
			overflow:hidden;
			height: 54px;
		}

		.thumb img {
			width: 100%;
			position: relative;
			top: 1px;
		}

		.vid-item .desc {
			color: #21A1D2;
			font-size: 11px;
			margin-top:5px;
			width: 100%;

		}

		.vid-item:hover {
			background: #eee;
			cursor: pointer;
		}

		.arrows {
			position:relative;
			width: 100%;
		}

		.arrow-left {
			color: #0303f9;
			position: absolute;
			background: #transparent;
			padding: 1px;
			left: -23px;
			top: -163px;
			z-index: 100;
			cursor: pointer;
		}

		.arrow-right {
			color: #0303f9;
			position: absolute;
			background: #transparent;
			padding: 1px;
			right: -63px;
			top: -161px;
			z-index:100;
			cursor: pointer;
		}

		.arrow-left:hover {
			background: #64f051;
		}

		.arrow-right:hover {
			background: #64f051;
		}


		@media (max-width: 624px) {
			body {
				margin: 15px;
			}
			.caption {
				margin-top: 40px;
			}
			.vid-list-container {
				padding-bottom: 20px;
			}

			/* reposition left/right arrows */
			.arrows {
				position:relative;
				margin: 0 auto;
				width:96px;
			}
			.arrow-left {
				left: 0;
				top: -17px;
			}

			.arrow-right {
				right: 0;
				top: -17px;
			}
		}