/*

	Query CSS
	Copyright (C) 2019 OwlTree Web Solutions.

*/

@media only screen and (min-width: 480px) and (max-width: 640px)
	{
		
		
		
}




@media only screen and (min-width: 640px) and (max-width: 1024px)
	{
		
		
		.meetings
		{
			float: left;
			width: 46%;
		}
		
		.downloadable
		{
			width: 29%;
		}
		
		.contact-col
		{
			width: 46%;
		}
		
		.footer-left
		{
			width: 50%;
		}
		
		.footer-right
		{
			width: 50%;
		}
	
		
	}




@media only screen and (min-width: 1024px) and (max-width: 1280px)
	{
		
		
		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;
		}
		
		.column
		{
			width: 46%;
		}
		
		.meetings
		{
			float: left;
			width: 46%;
		}
		
		.downloadable
		{
			width: 29%;
		}
		
		.contact-col
		{
			width: 29%;
		}
		
		.footer-left
		{
			width: 50%;
		}
		
		.footer-right
		{
			width: 50%;
		}
		
	}




@media only screen and (min-width: 1280px) and (max-width: 2560px)
	{
	
		
		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;
		}
		
		.column
		{
			width: 46%;
		}
		
		.meetings
		{
			float: left;
			width: 46%;
		}
		
		.downloadable
		{
			width: 29%;
		}
		
		.contact-col
		{
			width: 29%;
		}
		
		.footer-left
		{
			width: 50%;
		}
		
		.footer-right
		{
			width: 50%;
		}
		
}