@media screen and (max-width: 1023px)  { 
	html, body {
	width:100%;
	height:100%;
	min-height:100%;
	max-width:1023px;
	-webkit-text-size-adjust: none;	
	overflow-x:hidden;	
	}
	
	#header-wrap, .content-wrap, #footer-wrap {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 20px; 
		padding-right:20px;
	}

	img {
		max-width:100%;height:auto;
	}

	
}

@media handheld, only screen and (min-width: 800px) and (max-width:1023px ) {

	
	#page-title h1 {
		font-size:54px;	
		line-height:52px;
	}

}

@media handheld, only screen and (min-width: 481px) and (max-width:799px ) {
	
	#page-title h1 {
		font-size:34px;	
		line-height:32px;
	}

}


@media handheld, only screen and (max-width: 800px) {

	html, body {
	width:100%;
	height:100%;
	min-height:100%;
	max-width:767px;
	-webkit-text-size-adjust: none;	
	overflow-x:hidden;	
	}
	
	#header-wrap, .content-wrap, #footer-wrap {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 20px; 
		padding-right:20px;
	}
	
	img {
		max-width:100%;height:auto;
	}
	
	#header {
		height:auto;
	}
	
	#top-menu {
    position: relative;
	top:0;
	width:100%;
	float:none;
	padding:5px 0;
	overflow:hidden;
	}
	
	#top-menu #top-login {
		width:100%;
		margin:0;
	}
	
	#top-menu #top-login a {
		
	}
	
	#top-menu #top-search  {
	margin:0;
	float:none;
	width:100%;
	text-align:right;
	/*margin-top:15px;*/
	}
	
	#top-search form {
	position:relative;
	float:right;	
	}
	
	a#board {display:inline-block;}
	
	#primary-menu {	
	padding:0;
	float:left;
	width:100%;
	position:relative;
	}
	
		
	#logo {
    position: relative;
    float: left;
    width: 100%;
    padding: 0 2%;

	}
	
	#logo img {
	max-width: 100%;
	margin:0 auto;
	}
	
	.swiper_wrapper:not(.force-full-screen), .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {
    height: 300px !important;
	}
	
	.swiper-button-prev,
	.swiper-container-rtl .swiper-button-next {  	
  	left: 5px;  	
	}

	.swiper-button-next,
	.swiper-container-rtl .swiper-button-prev {
 	 right:5px;
	}

	.col_full,
	.col_half,
	.col_one_third,
	.col_two_third,
	.col_three_fourth,
	.col_one_fourth,
	.col_date,
	.col_doc
	 {
		width: 100%;
		margin-right: 0;
		float: none;
		margin-bottom: 50px !important;
	}
	
	.nomargin {margin-bottom: 0 !important;}
	
	.border-right {
		border:0;
	}
	
	.slider-caption, .slider-caption.slider-caption-1, .slider-caption.slider-caption-2, .slider-caption.slider-caption-3, .slider-caption.slider-caption-4, .slider-caption.slider-caption-5 {
		width:80%;        
        top:20%;
        left:8%;
	}
	
	.swiper-pagination {
		display:none;
		visibility:hidden;
	}
	
	.slider-caption h1 {
	font-size:40px;
    margin-bottom:5px;

	}
	.slider-caption p {
	color:#fff;
    font-size:12px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    
	}
	
	.breadcrumbs {	
		position:relative;
		top:auto; right:auto;
		margin:0 0 30px 0;
		height:auto;
	}
	
	.breadcrumbs form, .breadcrumbs p {float:none; clear:both; }
	
	h1 {font-size:46px;}
	
	#page-title h1 {
		font-size:42px;	
		line-height:38px;
	}
	
	ul.staff-grid li {
	width:50%;		
	}
	
	.fluid-width-video-wrapper {
		max-width:100%;
	}


}

@media handheld, only screen and (max-width: 480px) {

	html, body {
	width:100%;
	height:100%;
	min-height:100%;
	max-width:480px;
	-webkit-text-size-adjust: none;	
	overflow-x:hidden;	
	}
	
	html {
	overflow-y: scroll; 
	-webkit-overflow-scrolling: touch;
	}

	html * {
    	-webkit-transform: translateZ(0px);
	}
	
	#header-wrap, .content-wrap, #footer-wrap {
	width:100%;
	}
	
	.content-wrap {padding-top:0;}
	
	#page-title .container { padding:15px 5% 0 5%;}
	
	#page-title h1 {
		font-size:22px;	
		line-height:21px;
	}
	
	ul.staff-grid li {
	width:100%;		
	}
	
	.slider-caption, .slider-caption.slider-caption-1, .slider-caption.slider-caption-2, .slider-caption.slider-caption-3, .slider-caption.slider-caption-4, .slider-caption.slider-caption-5 {
		width:80%;        
        top:20%;
        left:8%;
	}
	
	#top-search form {
	display:none;
	}
	
	
	
}



@media handheld, only screen and (max-width: 320px) {

	html, body {
	width:100%;
	height:100%;
	min-height:100%;
	max-width:320px;
	-webkit-text-size-adjust: none;	
	overflow-x:hidden;	
	}
	
 

	
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {

	html, body {
	width:100%;
	height:100%;
	min-height:100%;	
	max-width:320px;
	-webkit-text-size-adjust: none;	
	overflow-x:hidden;	
	}
	
}


@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 667px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 2)
	{ 

	html, body {
	width:100%;
	height:100%;
	min-height:100%;
	min-width:375px;
	max-width:667px;
	-webkit-text-size-adjust: none;	
	overflow-x:hidden;	
	}
	
	#header-wrap, .content-wrap, #footer-wrap {
	max-width:667px;	
	}
	
	
	
}

@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 667px) 
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 2) 	{ 
	
	html, body {
	width:100%;
	height:100%;
	min-height:100%;
	min-width:375px;
	max-width:667px;
	-webkit-text-size-adjust: none;	
	overflow-x:hidden;	
	}
	
	#header-wrap, .content-wrap, #footer-wrap {
	max-width:667px;	
	}
	
	.slider-caption h1 {margin-top:15px;}
       
	
}


@media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 3) 
	{ 
	html, body {
	width:100%;
	height:100%;
	min-height:100%;
	min-width:414px;
	max-width:736px;
	-webkit-text-size-adjust: none;	
	overflow-x:hidden;	
	}
	
	#header-wrap, .content-wrap, #footer-wrap {
	max-width:736px;
	
	}
	
	.slider-caption, .slider-caption.slider-caption-1, .slider-caption.slider-caption-2, .slider-caption.slider-caption-3, .slider-caption.slider-caption-4, .slider-caption.slider-caption-5 {
		width:70%;        
        top:23%;
        left:10%;
	}
}

@media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px) 
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 3) 
{ 
	html, body {
	width:100%;
	height:100%;
	min-height:100%;
	min-width:414px;
	max-width:736px;
	-webkit-text-size-adjust: none;	
	overflow-x:hidden;	
	}
	
	#header-wrap, .content-wrap, #footer-wrap {
	max-width:736px;
	
	}
	
	h1 {font-size:35px;}
	
	.slider-caption, .slider-caption.slider-caption-1, .slider-caption.slider-caption-2, .slider-caption.slider-caption-3, .slider-caption.slider-caption-4, .slider-caption.slider-caption-5 {
	 top:20%;
       
	}
}

@media screen and (min-width: 1024px)  { 
	#page-title .container { padding:55px 5% 0 5%;}	
}
@media screen and (min-width: 900px) and (max-width:1023px)  { 
	#page-title .container { padding:25px 5% 0 5%;}	
}

@media screen and (min-width: 481px) and (max-width:899px) { 
	#page-title .container { padding:15px 5% 0 5%;}	
}

@media screen and (max-width:799px) {
	.enrichcommgrant .hero figure {display:block; float: none;margin: 0 auto; width:70%;}
	.herocontent {width:100%;}
	.herocontent a {text-align: center; display: block; margin-bottom: 25px;}
}