/*

	Query CSS
	Copyright (C) 2018 OwlTree Web Solutions.

*/

@media only screen and (min-width: 480px) and (max-width: 640px)
	{
		
		.logo-container
		{
			/*width: 30%;
			margin: 0 auto 0 auto;*/
		}
		
		
		.header-contact
		{
			/*display: block;
			width: 50%;
			text-align: right;*/
		}
		
		.logo-container img
		{
			/*width: 50%;*/
		}
		

		.service-link-area, .funding-link-area
		{
			width: 49%;
		}
	
		
}




@media only screen and (min-width: 640px) and (max-width: 1024px)
	{
		
		
		.logo-container
		{
			float: left;
			width: 50%;
			margin: 0;
			padding: 2em 0;
		}
	
		.header-phone-container
		{
			float: left;
			width: 50%;
			padding: 1em 0;
			text-align: right;
		}
		
		.logo-container img
		{
			/*width: 40%;*/
		}
		
		.header-phone-container h3
		{
			font-size: 1.7em;
		}
		
		.banner-strip h2, .banner-strip-grey-bottom h2, .banner-strip-white-bottom h2
		{
			font-size: 4em;
			margin: 1.6em auto 0 auto;
		}
		
		.banner-strip h3, .banner-strip-grey-bottom h3, .banner-strip-white-bottom h3
		{
			font-size: 2em;
		}
		
		.small-content-box
		{
			width: 46%;
		}
		
		.column
		{
			width: 47%;
		}
		
		.cta-col1
		{
			width: 25%;
		}
		
		.cta-col2
		{
			width: 75%;
			text-align: left;
		}
		
		.cta-strip h3
		{
			text-align: left;
		}
		
		.service-link-area, .funding-link-area
		{
			width: 32%;
		}
		
		table
		{
			width: 50%;
		}
		
		.news-link-area
		{
			width: 47%;
		}
		
		.video
		{
			width: 48%;
		}
		
		.footer-left
		{
			width: 66%;
		}
		
		.footer-centre
		{
			width: 33%;
		}
		
		.footer-right
		{
			width: 33%;
			text-align: left;
		}
	
		
	}




@media only screen and (min-width: 1024px) and (max-width: 1280px)
	{
		
		.logo-container
		{
			float: left;
			width: 50%;
			margin: 0;
			padding: 2em 0;
		}
	
		.header-phone-container
		{
			float: left;
			width: 50%;
			padding: 1em 0;
			text-align: right;
		}
		
		.logo-container img
		{
			/*width: 100%;*/
		}	
		
		ul#topnav
		{
			width: 100%;
		}
		
		ul#topnav2
		{
			display: block;
		}
		
		ul#topnav2 li
		{
			display: inline-block;
		}
		
		
		#topnav li ul.submenu
		{
			display: none;
		}
		
		#topnav li:hover > ul.submenu
		{
			display: none;	
		}
		
		img.menu-symbol
		{
			display: none;
		}
		
		.banner-strip, .banner-strip-grey-bottom, .banner-strip-white-bottom
		{
			height: 700px;
		}
		
		.banner-strip-short, .banner-strip-short-grey-bottom, .banner-strip-short-white-bottom
		{
			height: 500px;
		}
		
		.banner-strip h2, .banner-strip-grey-bottom h2, .banner-strip-white-bottom h2
		{
			font-size: 5em;
			margin: 1.6em auto 0 auto;
		}
		
		.banner-strip h3, .banner-strip-grey-bottom h3, .banner-strip-white-bottom h3
		{
			font-size: 2.5em;
		}
		
		.small-content-box
		{
			width: 21%;
		}
		
		.column
		{
			width: 47%;
		}
		
		.cta-col1
		{
			width: 35%;
		}
		
		.cta-col2
		{
			width: 65%;
			text-align: left;
		}
		
		.cta-strip h3
		{
			text-align: left;
		}
		
		.service-link-area, .funding-link-area
		{
			width: 32%;
		}
		
		table
		{
			width: 50%;
		}
		
		.body-content
		{
			width: 73%;
			margin: 20px 0 0 0;
		}
		
		.news-link-area
		{
			width: 30%;
		}
		
		.footer-left
		{
			width: 66%;
		}
		
		.footer-centre
		{
			width: 33%;
		}
		
		.footer-right
		{
			width: 33%;
			text-align: left;
		}
		
	}




@media only screen and (min-width: 1280px) and (max-width: 2560px)
	{
		
		.logo-container
		{
			float: left;
			width: 50%;
			margin: 0;
			padding: 2em 0;
		}
	
		.header-phone-container
		{
			float: left;
			width: 50%;
			padding: 1em 0%;
			text-align: right;
		}
		
		.logo-container img
		{
			/*width: 100%;*/
		}	
		
		/*ul#topnav
		{
			margin: 150px 0 1em 0;
		}*/
		
		ul#topnav
		{
			width: 100%;
		}
		
		ul#topnav2
		{
			display: block;
		}
		
		ul#topnav2 li
		{
			display: inline-block;
		}
		
		
		#topnav li ul.submenu
		{
			display: none;
		}
		
		#topnav li:hover > ul.submenu
		{
			display: none;	
		}
		
		img.menu-symbol
		{
			display: none;
		}
		
		.banner-strip, .banner-strip-grey-bottom, .banner-strip-white-bottom
		{
			height: 750px;
		}
		
		.banner-strip-short, .banner-strip-short-grey-bottom, .banner-strip-short-white-bottom
		{
			height: 600px;
		}
		
		.banner-strip h2, .banner-strip-grey-bottom h2, .banner-strip-white-bottom h2
		{
			font-size: 6em;
			margin: 1.5em auto 0 auto;
		}
		
		.banner-strip h3, .banner-strip-grey-bottom h3, .banner-strip-white-bottom h3
		{
			font-size: 3em;
		}
		
		.small-content-box
		{
			width: 21%;
		}
		
		.column
		{
			width: 47%;
		}
		
		.cta-col1
		{
			width: 35%;
		}
		
		.cta-col2
		{
			width: 65%;
			text-align: left;
		}
		
		.cta-strip h3
		{
			text-align: left;
		}
		
		.service-link-area, .funding-link-area
		{
			width: 32%;
		}
		
		table
		{
			width: 50%;
		}
		
		.body-content
		{
			width: 73%;
			margin: 20px 0 0 0;
		}
		
		.news-link-area
		{
			width: 30%;
		}
		
		.footer-left
		{
			width: 66%;
		}
		
		.footer-centre
		{
			width: 33%;
		}
		
		.footer-right
		{
			width: 33%;
			text-align: left;
		}
		
}