/* ---------------------------------------- */
/* responsive */
@media (max-width: 1600px) {
	body 											{min-width: 960px !important;}	
	.main-container			 						{width:960px!important;}
	.slide img										{width:100%;}
	.banner img										{width:100%; height:auto!important;}
	.main-video-container							{height:434px;}
	
	}


/*  */
/* Tablet (Portrait), Design for a width of 768px */
@media (max-width: 1023px) {
	body 											{min-width: 768px !important;}	
	.main-container			 						{width:768px!important;}
	nav 											{position: relative;left: auto;bottom: auto;padding-left: 0;}
	nav ul > li > a									{padding: 32px 6px 10px;}
	nav li:hover a									{padding: 12px 6px;}
	.logo											{float:none; width:100%; margin-bottom:20px; text-align:center; margin-left:0;}
	.nav-left, .nav-right							{top: 3px;}

	/* home ----------- */	
	.slide-text p									{padding: 1% 2%;margin: 0;font-size: 226%;}
	.intro											{font-size: 18px;}
	.main-video-container							{height:272px;}
	.feature-item, .feature-entry					{float:left; width:50%;}
	
	.slider-slide 									{width: 83px; margin: 0 7px;}
	
	
	/* Footer ----------- */
	.footer-nav										{margin-bottom:20px; display:none;}
	.footer-right									{width:100%;}
	
	.overflow										{overflow-x:scroll;}
	footer .address, footer .contact				{width:42%;}
	footer .partner									{float:none; width:30%; margin:10px auto;}

/* Mobile (Landscape), Design for a width of 480px */
@media (max-width: 767px) {
	body 											{min-width: 480px !important;}
	.main-container									{width:480px!important;}
	.desktop										{display:none;}
	.mobile											{display:block;}
	.logo											{float:none; width:100%; margin-bottom:20px; text-align:center;}
	.main-video-container							{height:151px;}
	.slogan											{padding:10px 0;}
	.slogan .stay-connected							{float:none; width:100%; margin-bottom:10px; display:none;}
	.slogan #social-network							{width:100%; float:none; text-align:center;}
	.slogan .btn-location							{width:100%;}
	
	
	.feature-entry h3								{font-size: 32px;}
	.feature-item, .feature-entry					{float:none!important; width:100%;}
	.slide-wrapper									{width:100%;}
	.arrowdown										{display:none;}
	
	/* Nav ----------- */
	nav												{padding:0;position: relative!important; margin:0 5px;}
	nav ul											{text-align:left;}
	nav li ul 										{display: block;position: relative;top: auto;left: auto;width: 100%; background-color:#ccc;}
	nav ul li										{display:block;margin:0; border-right:none;}
	nav li:hover > a								{color:#fff; background: #7564a0; line-height:16px;}
	nav ul > li > a									{padding:10px; color:#fff; display:block; background: #9d8acc;  border-bottom: 1px solid #ccb9fb;}
	nav ul > li li a								{color:#000; background:#ccc; border-bottom:1px solid #B9B8B8;}
	nav ul > li li:last-of-type a					{border-bottom:none;}
	.nav-menu-left > li:first-child > a				{padding-left:10px!important;}
	.nav-right										{margin-bottom:10px;}
	.alignright,												
	.alignleft										{display:block; width:100%; margin:0 0 10px 0; float:none; height:auto!important;}
	a.menuToggle 									{display:inline-block; margin:10px 0;float: left;}
	
	/*#social-network									{position:relative; right:auto; top:auto; text-align:center;display: inline-block; padding: 6px;}
	#social-network a								{display:inline-block; margin:0;}*/
	
	.quick-link										{margin:0 0 10px 0; float:none; display:inline-block;}
	
	/* home ----------- */	
	
	.slide-text p 									{padding: 1% 2%;font-size: 130%;}
	.slide-text .button								{font-size: 11px;line-height: 1.2;}
	.feature-video .title							{font-size:19px; position:relative;}
	.feature-video .button-location					{top:54%;}
	.format .row									{margin:0!important;}
	.col-3, .col-2, .col-5, .col-8					{width:100%; float:none; margin:4px 0;}
	.child-list	.col-2,	.child-list	.col-3, 
	.child-list	.col-4								{width:100%; float:none; margin:4px 0;}
	.intro											{font-size: 15px;}
	.intro .content									{width:100%;}
	.feature-container .right .feature-entry		{text-align:left;}
	.feature-container .right .feature-item			{float:none!important;}
	.content-sidebar								{padding-right:0; margin-right:0; border-right:none; border-bottom:1px solid #7b7b7b; margin-bottom:20px;}
	.sidebar, .content-sidebar						{width:100%!important; float:none; margin:10px 0!important;}
	.slider-slide 									{width: 71px; margin: 0 5px;}
	
	.overflow										{overflow-x: scroll;  width: 100%;}
	ul.social-share 								{text-align:left;}
	footer .address, footer .contact				{float:none; width:100%; margin-left:0%; text-align:center;}
	footer .partner									{fwidth:40%;}
	.contact ul										{padding:0;}
	footer li.phone, footer li.email				{background:none;}
	
	#form-container	.col-2							{margin:20px 0;}
	#form-container	.col-2:last-of-type				{margin:20px 0 0;}
	
	.mid-banner .col-5								{width:100%; margin:0; float:none;}
	.mid-banner .col-5 a							{display:block; position:relative; width:auto; height:auto;}
	.mid-banner .col-5 a:hover						{background:none;}
	.mid-banner .col-5 span							{font-size:12px; padding:6px 10px; color:#5a4099; border:1px solid #5a4099; margin:10px 0; width: 80%; display:inline-block;}
	.mid-banner .col-5 a:hover span					{display:inline-block; background-color:#48337b; color:#fff;}
	.mid-banner img									{display:none;}
	.mid-banner .col-5 								{width: 100%; float: none;}
	.mid-banner .col-5 a							{position: relative;  width:auto; height: auto;}
	article h2										{font-size: 28px;}
	.post-entry .content img,
	.entry-content img								{width:100%!important;}	
	.date-comments									{display:none;}
	#slide-container								{background: #433073; }
	.slide-text 									{position: relative; bottom: auto; left: auto;}
	.slide-wrapper,
	.slide-wrapper .wrapper							{background:none;}
	#selector										{display:none!important;}
}
/* Mobile (Portrait), Design for a width of 320px */
@media (max-width: 479px) {
	body 											{min-width: 320px !important;}
	.main-container									{width:320px!important;border:none;}
	
	
	.stay-connected .field							{width: 178px;}
	
	#tableHeader .cell								{font-size: 0; background: #821A2B;}
	#benefitTable .title							{font-size: 10px;}
	#benefitTable .cell span						{width: 19px; height: 19px; background-size: 19px;}
	
	#movingRow .hover span							{background-position:0 -404px!important;}
	.slider-slide 									{width: 52px; margin: 0 3px;}
	.news .entry-title h3							{font-size: 13px;}
	.news .date										{width:48px;}
	

}