/** ================================================================== **/
/** ==================== Desktop Very Wide Screen ==================== **/
/** ================================================================== **/


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

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

@media (max-width: 1200px)
{
/*
	#keyvisual {
		 background-size: auto 100% !important;
		 height: 340px;
	}
*/
	#contentList .content-block img {
/*
		width: 260px !important;
		height: 146px !important;
*/
	}
	#contentList .content-block .video-overlay {
/* 		top: -146px !important; */
	}

}

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



}



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

/*
	#financialPlanFooter .bg
	{
		height: 65px !important;
	}
*/


}

/** ================================================================== **/
/** ================== Phone Size / Portrait Tablet ================== **/
/** ================================================================== **/
@media (max-width: 767px)
{
	#keyvisual-xs img {
		width: 100%;
	}

	#pageTitle {
		text-align: left !important;
	}
		
	#pageDescription {
		text-align: left !important;
	}

	#contentList .content-block {
		padding-left: 4px;
		padding-right: 4px;
	}

	/* 	News Content */
	#contentWrapper {
		padding: 0px 20px;
	}
	#contentWrapper .content img {
		width: 100% !important;
		height: auto !important;
	}

}

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

@media (max-width: 500px)
{

}

@media (max-width: 450px)
{

}

@media (max-width: 400px)
{
	
}





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

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



	#contentList, #contentWrapper {
		width: 80%;
		margin-top: 60px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 60px;
	}

	#contentList  {
	}

	#contentList .content-block {
		float: left;
/* 		height: 230px; */
	}
	#contentList .content-block img {
/* 		width: 320px; */
	}
	#contentList .content-block .thumb-wrapper {
/* 		width: 320px; */
		overflow-y: hidden;
	}
	#contentList .content-block .video-overlay {
		position: relative;
		width: 1px;
		height: 1px;
		top: -180px;
	}
	#contentList .content-block p {
		margin-top: 5px;
		margin-bottom: 20px;
	}


/* 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);
	}




	#contentList h1 {
		margin: 0px auto 10px auto;		
		font-weight: bold;
		font-size: 18px;
		color: #005c97;
		line-height: 24px;
	}
	
	
	#contentList p {
		color: #6b6b6b;
		font-size: 14px;
		line-height: 22px;
	}
	
	#contentWrapper h1 {
		margin: 0px auto 10px auto;
		font-weight: bold;
		font-size: 24px;
		color: #005c97;
		line-height: 32px;
		padding-bottom: 10px;
		border-bottom: 1px #999999 solid;
		
	}
	#contentWrapper .subtitle p {
		margin-right: 40px;		
		color: #666666;
		line-height: 18px;
		float: left;
	}
	#contentWrapper .content {
		color: #666666;
		line-height: 24px;
	}
	
	
	
	
	
	