@media screen and (max-width:1920px) {

	.outer-container                        			{ width:100%; margin:0 auto; background-color:#FFF;}

}


@media screen and (max-width:1024px) {

	.box a .caption 									{ font-size:20px; }
	
}

@media screen and (max-width:1023px) {

	header nav.desktop 									{ display:none; }
	header nav.tablet 									{ display:block; }

	.home .banners .banner .strapline 					{ font-size:18px; }

	.inner-content .page-content 						{ padding:35px 20px 35px 20px; }

	.inner-content .sidebar-content .block-panel 		{ padding:30px 20px; }
	.inner-content .sidebar-content .block-panel .page-link { margin-top:35px; }

	footer .top .details 								{ font-size:18px; }

}

@media screen and (max-width:500px) {

	header 												{ border-top:0; }

	header nav.tablet 									{ display:none; }
	header .burger 										{ display:block; }

	header .number,
	header .action 										{ position:static; float:left; width:50%; padding:0; line-height:38px; border-right:1px solid #FFF; }
	header .action 										{ border:0; }

	header .logo 										{ width:60%; text-align:center; clear:both; position:static; margin:0 auto; }
	header .logo a 										{ padding-top:27px; }

	.home .banners .banner .arrow-left, 
	.home .banners .banner .arrow-right 				{ height:40px; width:40px; margin-top:-20px; }
	.home .banners .banner .strapline 					{ font-size:16px; } 
	.home .banners .banner .strapline .inner 			{ padding-left:25px; padding-right:25px; }

	.inner-content 										{ padding-top:50px; padding-bottom:50px; }

	.inner-content .page-content .content-left-image-right .columns:first-child,
	.inner-content .page-content .image-left-content-right .columns:first-child { padding-bottom:25px; }

	.inner-content.news .article .columns:first-child   { margin-bottom:25px; }

	footer 												{ text-align:center  }
	footer .columns 									{ padding-top:15px; padding-bottom:15px; }
	footer .text-right 									{ text-align:center; }
	footer .top 										{ padding:15px; }
	footer .bottom 										{ padding:15px; }
	footer .bottom .designed-by 						{ padding:0; }

}

@media screen and (max-width:340px) {

	header .number,
	header .action 										{ font-size:13px; }

}