/*1 Column for Narrow Browser Windows (between 0 and 679 pixels) and Smartphones in both orientations. In this query we linearize all of the columns so that they stack vertically by setting float to none and width to auto. We also use this query to move the menu to the top of the layout and stack its links neatly in a vertical orientation. */
@media only screen and (min-width: 0px) and (max-width: 679px) 
{
	body					{ background:#fff; }
	.container				{ box-shadow:none; }
	.container_12			{ width:100%; }
	.container_12 .grid_12	{ width:96%; margin:2%; }
	.container_12 .grid_8	{ width:96%; margin:2%; overflow:hidden; }
	.container_12 .grid_4	{ width:96%; margin:2%; }
	
	h1#logo					{ width:100%; top:0; left:0; background-size:contain; }
	h1#logo a				{ width:100%; height:auto; }
	form#cur_lang			{ margin:0; }
	img#logo365				{ display:none; }
	ul#nav					{ display:none; }
	#navigation				{ background:none; height:auto; margin:0; }
	
	div#carousel			{ display:none; }
	.banners				{ display:none; }
	.divider				{ display:none; }
	#subfooter				{ display:none; }
	#footer					{ display:none; }
	
	#leftcolumn				{ display:none; }
	
	.infopanel h3 			{ line-height:1em; }
	.infopanel h3 a			{ font-size:15px; line-height:1em; }
	
	.datepick-multi			{ width:182px !important; }
	.big_banner				{ display:none; }
}
 
/*Exception rules for Smartphones in Landscape orientation only. When a smartphone is turned sideways, the text will appear larger so this query contains a single rule that reduces the font-size.*/
@media only screen and (max-device-width: 480px) and (orientation : landscape) 
{
	
}
 
/*2 Column with top spanning menu for Medium Browser Windows and Portrait Tablets. In this query we move the navigation to the top and stack the links. The sidebar and main content areas remain as columns. The interior 3-column structure inside the main content column is reflowed so that the third column drops below the first 2 and spans their width.*/
@media only screen and (min-width: 680px) and (max-width: 979px) and (orientation : portrait) 
{
	
}
 
/*Portrait Tablet Exceptions to adjust padding in content areas. In this query we include a simple exception rule to adjust the padding in all content areas to a value less than the default.*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) 
{
	
}
 

/*Additional Rules for Medium Desktop Browser Windows and Landscape Tablets to reflow the inner 3-column structure. When a tablet is turned sideways there is ample room to display the menu as a column so all we want to do here is reflow the inner 3-column structure that is inside the main content column so that the third column drops below the first 2 and spans full width. This query also creates a breakpoint for desktop browsers when the window is between 680 and 979 pixels.*/
@media only screen and (min-width: 680px) and (max-width: 979px) and (orientation : landscape) 
{
	
}
 
/*Landscape Tablet Exceptions to adjust padding and reduce font size. When a tablet is turned sideways, the text will appear larger so this query contains rules that reduces the font-size and padding.*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) 
{
	
}
 

/*3 Column for Medium-Wide Browser Windows. This query sets a breakpoint for medium wide windows (between 980 and 1420 pixels) and reflows the inner 3-column structure inside the main content column to drop the third column below the first 2.*/
@media only screen and (min-width: 980px) and (max-width: 1420px) 
{
	
}