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

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

  		.container2 {
  			width: 100%;
  			max-width: 696px;
  			min-width: 320px;
  			background: #222;
			border: 2px solid #222;
  			margin: 0 auto;
  		}


  		/*  VIDEO PLAYER CONTAINER
 		############################### */
  		.vid-container {
		    position: relative;
		    padding-bottom: 52%;
		    padding-top: 30px; 
		    height: 0; 

		}
		 
		.vid-container iframe,
		.vid-container object,
		.vid-container embed {
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		}


		/*  VIDEOS PLAYLIST 
 		############################### */
		.vid-list-container {
			width: 92% !important;
			overflow: hidden !important;
			margin-top: 1px !important;
			margin-left: 31px !important;
			padding-bottom: 16px !important;
			background-color: #222 !important;
		}

		.vid-list {
			width: 1272px !important;
			position: relative !important;
			top:0 !important;
			left: 0 !important;
			
		}

		.vid-item {
			display: block !important;
			width: 142px !important;
			height: 97px !important;
			float: left !important;
			margin: 0 !important;
			padding: 9px !important;
			 padding-right: 7px !important;
		}

		.thumb {
			/*position: relative;*/
			overflow:hidden;
			height: 81px !important;
		}

		.thumb img {
			width: 100% !important;
			position: relative !important;
			top: -13px !important;
		}

		.vid-item .desc2 {
			color: #f2f2f2 !important;
			font-size: 13px !important;
			margin-top:5px !important;
			line-height: 14px !important;
			font-family: arial. helvetica !important;
		}


		.vid-item:hover .desc2 {
			cursor: pointer !important;
			text-decoration: underline !important;
		}
		.vid-item:hover {
			cursor: pointer !important;
		}		

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

		.arrow-left {
			color: #fff !important;
			position: absolute !important;
			background: #777 !important;
			background-image: url("../Img/bg-arrow.jpg") !important;
			background-repeat: repeat-x !important;	
			background-position:  top !important;			
			padding: 15px !important;
			padding-bottom: 18px !important;
			padding-left: 7px !important;
			padding-right: 9px !important;	
			left: -6px !important;
			top: -117px !important;
			z-index: 99 !important;
			cursor: pointer !important;
			font-weight: bold !important;
			font-family: verdana;
			font-size: 22px !important;		
			border-top-left-radius: 5px;
			border-bottom-left-radius: 5px;			
		}

		.arrow-right {
			color: #fff !important;
			position: absolute !important;
			background: #777 !important;
			background-image: url("../Img/bg-arrow.jpg") !important;
			background-repeat: repeat-x !important;	
			background-position:  top !important;					
			padding: 15px !important;
			padding-bottom: 18px !important;			
			padding-left: 9px !important;
			padding-right: 7px !important;
			right: -6px !important;
			top: -117px !important;
			z-index:100 !important;
			cursor: pointer !important;
			font-weight: bold !important;
			font-family: verdana;
			font-size: 22px !important;			
			border-top-right-radius: 5px;
			border-bottom-right-radius: 5px;				
		}

		.arrow-left:hover {
		background: #ac3838 !important;					
		background-image: url("../Img/bg-arrow-hover.jpg") !important; 		
		background-repeat: repeat-x !important;	
		background-position:  top !important;	
		}
		
		
		
	/*		
	.arrow-left:active, .arrow-right:active {
		top: -120px !important;		
		}				
	*/
		

		.arrow-right:hover {
		background: #ac3838 !important;					
		background-image: url("../Img/bg-arrow-hover.jpg") !important; 		
		background-repeat: repeat-x !important;	
		background-position:  top !important;	
		}


		@media (max-width: 799px) {

		.thumb img {
			width: 100% !important;
			position: relative !important;
			top: -10px !important;
		}
		.thumb  {
margin-bottom: 2px !important
		}		
		.vid-list-container {
					margin-left: -10px  !important;
					padding-right: 20px;					
					width: 96% !important;
				max-height: 120px !important;
				
		}
		
		.vid-list {
			width: 1050px !important;
			padding-left: 10px

			
		}	

   		.container2 {
  			width: 102%;
  			max-width: 696px;
  			min-width: 320px;			
  			background: #222;
			border: 2px solid #222;
			margin-left: -3px;

  		}
		
		
			.caption {
				margin-top: 40px;
			}
			.vid-list-container {
				padding-bottom: 20px;
     			padding-top: 0px;
			}

			/* reposition left/right arrows */

 
			.vid-item {
			display: block !important;
			width: 108px !important;
			max-height: 85% !important;
			float: left !important;
			margin: 0 !important;
			padding: 4px !important;
		}	

		.vid-item .desc2 {
			color: #f2f2f2 !important;
			font-size: 12px !important;
			margin-top: -15px !important;
			font-family: arial. helvetica !important;
		}		
		
		.arrow-left, .arrow-right  {
			top: -129px !important;
		}
		.arrow-right  {
			right: -5px !important;
			padding-right: 9px !important;			
			padding-left: 11px !important;		
			font-size: 18px !important;					
		}		
		.arrow-left  {
			left: -5px !important;
			padding-right: 11px !important;			
			padding-left: 9px !important;					
			font-size: 18px !important;					
		}			
		

		.arrow-right:hover, .arrow-left:hover {
		background: #777 !important;					
		background-image: url("../Img/bg-arrow.jpg") !important; 		
		background-repeat: repeat-x !important;	
		background-position:  top !important;	
		}		
		
	
		}