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

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


}

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

}



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

	.track-bg
	{
		background: none !important;
	}
	.news-row
	{
		background: url('../images/news/track.png') 44px 0px repeat-y; 
		padding-top: 10px;
	}
	.news-block.left {
		
		text-align: left !important;
	}

	.dot
	{
		width: 20px !important;
		height: 20px !important;
	}
	.dot.active
	{
		width: 20px !important;
		height: 20px !important;
	}

	.col-l { width: 0px !important;  }
	.col-m { width: 90px !important; float: left; position: relative; min-height: 1px; box-sizing: border-box; float: left; }
	.col-r { width: 65% !important; left: -20px; }
	
	.news-block h1 {
		font-size: 14px !important;
		line-height: 20px !important;
	}
	
	.news-block p {
		font-size: 11px !important;
		line-height: 16px !important;
	}
	.news-block img {
		width: 190px !important;
	}

	.circle {
		width: 80px !important;
		height: 80px !important;
		font-size: 18px !important;
		line-height: 80px !important;
		background-size: 100% !important;
		position: absolute;
		left:5px;
	}
	
	.circle-row {
		margin-top: 5px;
		height: 80px;
	}

	#yearNav {
		right: 10px !important;
	}
	#yearNav a.active:link, #yearNav a.active:visited {
		font-size: 18px !important;
		padding-right: 0px !important;
	}
	#yearNav a:link, #yearNav a:visited {
		font-size: 14px !important;
		padding-right: 2px !important;
	}
}

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

@media (max-width: 500px)
{

}

@media (max-width: 450px)
{

}

@media (max-width: 320px)
{
	.col-r { width: 55% !important; left: -20px; }
	
	.news-block img {
		width: 160px !important;
	}
}





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

	#keyvisual {
/* 		 background-size: auto 100% !important; */
 		 background-size: 100%;
		 height: 238px;
/* 		 margin-bottom: 40px; */
	}

	.responsive-content
	{
		width: 100%;
		max-width: 1200px;
		margin-bottom: 20px;
	}
	
	.nonresponsive-content
	{
		margin-bottom: 40px;
	}


	.track-bg
	{
		min-height: 500px;
		background: url('../images/news/track.png') top center repeat-y;
	}

	.circle
	{
		width: 120px;
		height: 120px;
		background: url('../images/news/circle.png'); 
		line-height: 120px;
		text-align: center;
		font-family: 'Gill Sans', 'arial';
		color: #ffffff;
		font-size: 28px;
		letter-spacing: -1px;
		margin: 0px auto;
	}
	.circle.active
	{
		width: 150px;
		height: 150px;
		background: url('../images/news/circle-active.png'); 
		line-height: 150px;
		font-size: 36px;
	}
	
	.dot
	{
		width: 40px;
		height: 40px;
		background: url('../images/news/dot.png');
		background-size: 100% 100%;
		margin: 0px auto;
	}
	.dot.active
	{
		width: 40px;
		height: 40px;
		background: url('../images/news/dot-active.png') !important;
		background-size: 100% 100% !important;
		margin: 0px auto;
	}
	
	.news-block {
		padding-bottom: 30px;
		
	}
	
	.news-block.left {
		
		text-align: right;
	}
	.news-block.right {
		
		text-align: left;
	}	
	
	
	.news-block h1 {
		margin: 0px auto 10px auto;		
		font-weight: bold;
		font-size: 18px;
		color: #005c97;
		line-height: 25px;
	}
	.news-block h1.active {
		color: #c49a6c;
	}
	
	.news-block p {
		margin: 0px auto 10px auto;		
		color: #666666;
		line-height: 22px;
	}
	
	
	.col-l { width: 45%; float: left; position: relative; min-height: 1px; box-sizing: border-box; float: left; }
	.col-m { width: 10%; float: left; position: relative; min-height: 1px; box-sizing: border-box; float: left; }
	.col-r { width: 45%; float: left; position: relative; min-height: 1px; box-sizing: border-box; float: left; }
	
	
	#yearNav {
		position: fixed;
		right: 5px;
		top: 540px;
	}
	#yearNav ul {
		list-style: none;
	}
	#yearNav ul li {
		text-align: right;
	}
	#yearNav a.active:link, #yearNav a.active:visited {
		font-family:'GillSans-Light';
		font-weight: bold;
		font-size: 24px;
		color: #c49a6c;
		text-align: right;
		text-decoration: none;
		padding-right: 0px;
	}
	#yearNav a.active:hover {
		text-decoration: underline;
	}
	#yearNav a:link, #yearNav a:visited {
		font-family:'GillSans-Light';
		font-weight: bold;
		font-size: 16px;
		color: #005c97;
		text-align: right;
		text-decoration: none;
		padding-right: 5px;
	}
	#yearNav a:hover {
		text-decoration: underline;
	}