/** ================================================================== **/
/** ==================== Desktop Very Wide Screen ==================== **/
/** ================================================================== **/
@media (min-width: 1400px)
{
/*
	#keyvisual {
		 background-size: auto 100% !important;
		 height: 400px;
	}
*/
	#mainVideo {
/*
		width: 800px !important;
		height: 450px !important;	
*/	
	}
	#bg > div.container {
		padding-left: 70px !important;
		padding-right: 70px !important;
	}
	#sideBar {
		padding-left: 0px !important;
	}
}


@media (min-width: 1171px)
{
/*
	#keyvisual {
		 background-size: auto 100% !important;
		 height: 400px;
	}
*/
/*
	#mainVideo {
		width: 504px !important;
		height: 283px !important;		
	}
*/
}

/** ================================================================== **/
/** ====================== Desktop Wide Screen ======================= **/
/** ================================================================== **/
@media (max-width: 1200px)
{
/*
	#keyvisual {
		 background-size: auto 100% !important;
		 height: 340px;
	}
*/

	#bg > div.container {
		padding-top: 50px;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	#sideBar {
		padding-left: 15px !important;
	}
}

@media (max-width: 1170px)
{
/*
	#keyvisual {
		 background-size: auto 100% !important;
		 height: 340px;
	}
*/


}



/** ================================================================== **/
/** ============== Desktop 4:3 screen / iPad Landscape =============== **/
/** ================================================================== **/
@media (max-width: 990px)
{
/*
	#keyvisual {
		 background-size: auto 100% !important;
		 height: 240px;
	}
*/


	#mainVideo {
		width: 504px !important;
		height: 283px !important;		
	}


}

/** ================================================================== **/
/** ================== Phone Size / Portrait Tablet ================== **/
/** ================================================================== **/
@media (max-width: 767px)
{
	#keyvisual-xs img {
		width: 100%;
	}
	
	#bg {
		padding-bottom: 80px !important;
	}
	
	/* Latest Video Bar (Mobile) */
	#contentList  {
		margin-top: 30px;
		margin-left: 5px;
		margin-right: 5px;
	}

	#contentList .content-block {
/* 		margin: 5px 10px; */
/* 		float: left; */
/* 		width: 320px; */
/* 		height: 230px; */
	}
	#contentList .content-block img {
		width: 100%;
		height: auto;
	}
	#contentList .content-block .thumb-wrapper {
		overflow-y: hidden;
	}
	#contentList .content-block .caption-wrapper {
		overflow-y: hidden;
	}
	#contentList .content-block .video-overlay {
		position: relative;
		width: 1px;
		height: 1px;
		top: -180px;
		border: 1px red solid !important;
	}
	#contentList .content-block p {
		font-size: 12px !important;
		text-align: left;
		margin-top: 5px;
		margin-bottom: 10px;
	}

	.video-lightbox h1 {
		color: #ffffff;
		font-size: 12px !important;
		text-align: center;
		line-height: 26px !important;
		margin: 0px auto 0px auto;
	}
}

/** ================================================================== **/
/** ======================= Smaller Phone Size ======================= **/
/** ================================================================== **/
@media (max-width: 640px)
{	
}

@media (max-width: 500px)
{

}

@media (max-width: 450px)
{

}

@media (max-width: 420px)
{
	#mainVideo {
		width: 380px !important;
		height: 213.78px !important;		
	}
}

@media (max-width: 375px)
{
	#mainVideo {
		width: 320px !important;
		height: 180px !important;		
	}
}

@media (max-width: 320px)
{
	#mainVideo {
		width: 280px !important;
		height: 157.5px !important;		
	}
}





/** ================================================================== **/
/** =========================== All Sizes ============================ **/
/** ================================================================== **/


	#bg {
/* 		background-size: auto 100% !important; */
/*  		background-size: 100%; */
		min-height: 770px;
/* 		margin-bottom: 40px; */
	}
	
	.responsive-content
	{
		width: 100%;
		max-width: 1200px;
		margin-bottom: 20px;
	}
	
	.nonresponsive-content
	{
		margin-bottom: 40px;
	}
/*

	#pageTitle {
		margin: 40px auto 10px auto;		
		font-weight: bold;
		font-size: 18px;
		text-align: center;
		color: #005c97;
	}
	
	
	#pageDescription {
		margin-top: 20px;
		text-align: center;
		color: #6b6b6b;
		font-size: 14px;
		margin-bottom: 40px;
		line-height: 22px;
	}
	
	#pageNavWrapper {
		
		margin: 0px auto;
	}
	
	.page-nav {
		margin: 40px 5px;		
		text-align: center;
		float: left;
	}
	
	.page-nav span {
		background-color: #c49a6c;
		color: #ffffff;
		font-weight: bold;
		font-size: 14px;
		padding: 10px 20px 8px 20px;
		border-radius: 12px;
		text-align: center;
	}
	.page-nav.active span, .page-nav span:hover {
		background-color: #005c97 !important;
	}
	
	
*/
	#bg > div.container {
		padding-top: 30px;
		padding-left: 80px;
		padding-right: 120px;
	}
	#mainVideoArea {
		text-align: center;
	}
	
	#mainVideoArea h1 {
		color: #005c97;
		font-size: 24px;
		text-align: center;
		line-height: 40px;
	}

	#mainVideoArea #videoPlaceHolder img {
		width: 100%;
		max-width: 720px;
	}
	


/* Latest Video Bar */

#latestVideoBar {
	margin-top: 30px;
	border-top: 4px #666666 dotted;
	border-bottom: 4px #666666 dotted;
}

#latestVideoBar .latest-video-wrapper {
	background: #666666;
	width: 100%;
	margin: 4px auto;
	padding: 4px 25px;
}

#latestVideoBar .latest-video {
/* 	background: #666666; */
	padding: 0px 4px;
	margin-top: 4px;
}
#latestVideoBar .latest-video .thumb-wrapper {
	overflow: hidden;
}
#latestVideoBar .latest-video img.video-thumb {
	width: 100%;
}

#latestVideoBar .latest-video .caption-wrapper {
	position: relative;
	height: 1px;
	top: 15px;
}
#latestVideoBar .latest-video .caption {
	height: 30px;
}

/* Lightbox */
	.video-lightbox h1 {
		color: #ffffff;
		font-size: 18px;
		text-align: center;
		line-height: 40px;
		margin: 0px auto 0px auto;
	}
	.video-lightbox .video-placeholder img {
		width: 100%;
		max-width: 720px;
	}
	.fancybox-skin {
		border-radius: 0px !important;
		background: #004e7f;
		background: rgba(0, 78, 127, 0.9);
	}







/* Side Bar */

	#sideBar {
		padding-left: 30px;
		text-align: center;
	}
	#sideBar ul {
/* 		border: 1px #0000ff solid; */
		padding-left: 0;
	}
	#sideBar li {
		list-style: none;
/* 		border: 1px #ff0000 solid; */
		text-align: left;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	#sideBar li a:link, #sideBar li a:visited {
		color: #666666;
	}
	#sideBar li a:hover {
		color: #666666;
		text-decoration: underline;
	}
	

	.video-list-by-type:first-child {
		margin-top: 60px;
		
	}
	 
	.video-list-by-type h2 {
		color: #005c97;
		font-size: 18px;
		text-align: left;
		line-height: 40px;
		border-bottom: 1px #666666 solid;
	}
	
	#mainVideo {
		
		margin: 0px auto;
	}