@media screen and (max-width : 1199px) {
	.home-video.expanded .video-overlay-image, .home-video.expanded {
		height:auto;
	}
	
	ul.landing-subnav {
		margin-left:0;
	}
	
	/* 'in this section' feature. Reduce left margin to fit on smaller screens */
	section#title .title-inthissection-header,
	section#title .title-inthissection ul {
		padding-left:30px;
	}

	body.home section#title h1 {
		font-size:46px;
		line-height:48px;
	}
}

@media (min-width: 992px){
	.col-md-12 {
width: 100% !important;
}
	
}

@media screen  and (min-width : 1138px) and (max-width : 1199px) {
	.desktop-only{
		display:block;
	}
	.tablet-only{
		display:none;
	}
	.mobile-only{
		display:none;
	}

	footer .feature-text h2 {
		margin-bottom:10px;
	}
	
	footer .feature-text p {
		line-height:24px;
	}   
}

/* Medium Devices */
@media screen and (max-width : 1137px) {
	body{
		padding-top: 90px;
	}

	h1{
		font-size: 24px;
		line-height: 28px;
		margin: 20px 0 10px 0;
	}
	
	div#header-logo {
		width:50px;
		height:50px;
		border-radius:0px;
		margin-top: 0px;
		margin-left: 10px;
	}
	
	div#header-logo .header-logo.colour {
		display: none;
	}
	
	div#header-logo img {
		height:50px;
		width:50px;
	}
	
	header#masthead section#logo div div div a.navbar-brand div.logospace div.logoText{
		margin-left:15px;
	}
	
	header#masthead section#logo div div div a.navbar-brand div.logospace div.logoText h1.heading {
		font-size:31px;
		margin:0;
	}
	
	header#masthead section#logo div div div a.navbar-brand div.logospace div.logoText p.strapline {
		margin-top:0px;
		font-size: 14px;
	}

	#topnav-gap{
		height: 98px;
		border: none;
		padding: 0;
		margin: 0;
	}

	section{
		padding: 15px 0 0 0;
	}

	section.block-homevideo{
		padding: 15px 0 ;
	}

	section.block-homevideo .video-overlay-image, .home-video{
		height:222px;
	}

	section.block-text .row-list {
		margin-top:0;
	}
	
	section.block-text .row-list > div {
		margin-top:60px;
	}    
	
	section#title .title-inthissection-header,
	section#title .title-inthissection ul {
		padding-left:30px;
	}

	body.home section#title h1,
	section#title h1 {
		font-size:28px;
		line-height:27px;
	}
	
	/* the cookie popup */
	section#topnav div.cookie-notice {
		margin: 80px 0 20px;
		width: 100%;
	}

	#pre-footer{
		padding: 20px 0;
	}
	
	footer .social-icons {
		position:absolute;
		top:14px;
		right:14px;
	}
	
	footer .copyright p { 
		text-align:left;
	}

	footer div.feature {
		margin-top:30px;
	}
	
	footer div.feature-first  {
		margin-top:0;
	}

	footer .social-icons{
		position: relative;
	}

	footer .navbar-nav {
		margin-top:0;
	}
	
	footer .footer-menu{
		margin-top:0px;
	}	

	footer .footer-menu li a {
		line-height:22px;
	}
	.landing-item-text h2{
		font-size: 20px;
		line-height: 24px;
		min-height: 48px;
		max-height: 48px;
		margin: 15px 0;
	}
	
	.landing-item{
		margin-bottom: 20px;
	}
    
	.also_in{
		display: none;
	}

  	div.col-xs-3.widgets{
	  	width: 100%;
	  	padding:8px;
  	}

  	  .widget_media_image{
		max-width:25% !important;
	}

	.showother {
		margin-top:40px;
	}
	
	.video-overlay-image .video-play {
		width:160px;
		height:160px;
		font-size:14px;
		margin-left:-80px;
		margin-top:-80px;        
	}
	
	.video-overlay-image .video-play i {
		font-size:35px;
		margin-top:55px;
	}
	    
	.widget_media_image{
		max-width:25% !important;
	}

	.row-landing-image{
		position: relative;
	}
    
	.fade-to-black{
		min-height: 200px;
	}
	
	.landing-title{
		min-height: 300px;
		height: 300px;
	}

	.profile-title{
		min-height: 192px;
		height: 192px;
	}


	.homepage-block-image h2{
		padding: 0 20px 20px 20px;;
	}


}


/* Medium Devices, Desktops */
@media screen and (min-width : 481px) and (max-width : 991px) {
	
	.desktop-only{
		display:none;
	}
	.tablet-only{
		display:block;
	}
	.mobile-only{
		display:none;
	}

	
	.video-text{
		margin-top: 140px;
		font-size: 24px;
	}
	
	.related-item {
		width:calc((100% - 40px)/2);
		padding: 10px;
		float: left;
		margin-bottom: 10px;
	}
	
	.related-content:nth-child(2n){
		clear:left
	}
	
	.related-item h4{
		margin-bottom: 0px;
		margin-top: 0;
		padding: 10px 10px 0px 10px;
		background-color: #eee;
		line-height: 1.6;
		color: #333333;
		height:90px;
		font-size: 16px;
		overflow: hidden;
	}

	.related-item p{
		display: none;
	}
}

/* Extra Small Devices, Phones */ 
@media screen and (max-width : 480px) {
	.desktop-only{
		display:none;
	}
	.tablet-only{
		display:none;
	}
	.mobile-only{
		display:block;
	}

	.home-video {
		height:163px;
	}

	section#title h1 {
	    font-size: 22px;
	    line-height: 24px;
	}
	
	body.home section#title p, section#title p {
	    font-size: 15px;
	    line-height: 18px;
	}
	
	section.block-homevideo .video-overlay-image, .home-video{
		height:163px;
	}
	
	.video-text{
		margin-top: 100px;
		font-size: 20px;
	}
	
	.notMobile{
		display: none;
	}

	section#title * div.also_in {
	    display: none;
	}

	section#logo div div div a.navbar-brand{
	    margin-top:0px;
	}

	body{
		padding-top: 70px;
	}
	
	#topnav-gap{
		height: 79px;
		border: none;
		padding: 0;
		margin: 0;
	}
	
	section#mainnav .main-nav-inner .container-fluid,
	section#mainnav .main-nav-inner .container-fluid .nav-bar{
		margin:0;
		padding: 0;
	}

	section#mainnav .navbar-brand{
		width:250px;
		height:80px;
		padding: 20px 0 0 0;
	}

	section#mainnav .navbar-brand p.mobile-title{
		margin:0;
	}
	
	section#mainnav .navbar-brand p.mobile-sub-title{
		clear: left;
		margin:0;
	}
	
	section#title h1 {
	    font-size:30px;
	    line-height:30px;
	}
  	
  	div.col-xs-3.widgets{
	  	width: 100%;
  	}
  	
  	 .widget_media_image{
		max-width:50% !important;
	}
	
	.related-item {
		width:calc(100% - 20px);
		padding: 10px;
	}

	header#masthead{
		height:70px;
	}

	header#masthead section#logo div div div a.navbar-brand div.logospace div.logoText h1.heading {
		margin:17px 0;
	}
    
	header#masthead section#logo div div div a.navbar-brand div.logospace div.logoText p.strapline {
		display: none;
	}

	header#masthead section#logo div div div a.navbar-brand div.logospace{
		margin-top: 23px;
	}

	header#masthead section#logo div div div a.navbar-brand div.logospace div#header-logo {
		margin: -13px 0 0 -7px;
		padding: 0px;
		width:50px;
		height:50px;
	}

	header#masthead section#logo div div div a.navbar-brand div.logospace div#header-logo img {
		height:40px;
		width:40px;
		margin: 5px 0 0 0;
	}

	header#masthead section#logo div div div a.navbar-brand div.logospace div.logoText {
		margin-left: 10px;
	}
		
	header#masthead section#logo div div div a.navbar-brand div.logospace div.logoText h1.heading {
		margin-top: 0px;
		margin-bottom: 23px;
		font-size:26px;
		line-height: 20px;
	}
	
	header#masthead section#logo div div div a.navbar-brand div.logospace div.logoText h1 {
	}
	
	header#masthead section#logo div div div a.navbar-brand div.logospace div.logoText p.strapline {
		display:none;
	}
	
	header#masthead section#mainnav div nav.navbar div.navbar-header{
		top:-50px;
		height: 46px;
	}
}

/* Extra Small Devices, Phones */ 
@media screen and (max-width : 320px) {
	div.col-xs-3.widgets{
		width: 100%;
	}
	
	.widget_media_image{
		max-width:50% !important;
	}
}

