/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	#Tablet
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

/* Design for a width of 768px and 989px */

@media only screen and (min-width: 768px) and (max-width: 989px) {
figure img { width:auto; max-width:100%; height:auto; } /* Fixes for the Responsive Layout */
	
	.inner { width:766px;}

	/* Layout */
	#boxed #wrapper,
	#stretched #wrapper  {
		width:766px;
		}
		
	 
	.logo { display:table; float:none; }
  
	.subheader .inner { padding:0;}
	ul.quicksand_images li { width:33.3%;}

		
}
	

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	#Mobile (Portrait)
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

/* Design for a width of 320px */

@media only screen and (max-width: 480px) {
figure img { width:auto; max-width:100%; height:auto; } /* Fixes for the Responsive Layout */

	.inner { width:95%;}

	/* layout */ 
	#boxed #wrapper,
	#stretched #wrapper {
		width:95%;
		}	

	.logo {  
		float:none;
		padding:20px 0 20px 0;
		margin:0 auto;
		text-align:center;
	}

	.header-right { 
		padding:0px 0 20px 0; 
		float:none; 
		text-align:center; 
	}

	.sf-menu { display: none; }
	.topmenu .nav,
	.m-select-container{
		display:block;
	}

	.ei-slider { height:150px; }

	.subheader .inner { padding:20px 0; width:100%; }

	.half_width, 
	.one_half,
	.one_third,
	.two_third,
	.one_fourth,
	.one_fifth,
	.three_fourth,
	.four_fifth,
	.two_fifth,
	.three_fifth,
	.one_sixth,
	.four_sixth  { width:100%; margin-right:0; }

	.logo {  display:block; float:none; width:100%; margin:0 auto; text-align:center;  }

	/* slider caption */ 
	.flex-caption { display:none; } 

	ul.quicksand_images li	{ width:50%; } 

	.leftsidebar .main    { width: 100%; }
	.rightsidebar .main  { width: 100%; }

	.leftsidebar .sidebar    { width: 100%; }
	.rightsidebar .sidebar  { width: 100%; }

	.rightsidebar .sidebar .sidebar_content { padding-left:0; }
	.leftsidebar .sidebar .sidebar_content { padding-right:0; }


}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	#Mobile (Landscape)
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

/* Note: Design for a width of 480px */
@media only screen and (min-width:480px) and (max-width: 767px) {
figure img { width:auto; max-width:100%; height:auto; } /* Fixes for the Responsive Layout */

	.inner { width:95%;}
	
	/* layout */ 
	#boxed #wrapper {
		width:95%;
		}	

	.logo {  
		float:none;
		padding:20px 0 20px 0;
		margin:0 auto;
		text-align:center;
	}

	.header-right { 
		padding:0px 0 20px 0; 
		float:none; 
		text-align:center; 
	}
		
	.sf-menu { display: none; }
	.topmenu .nav,
	.m-select-container{
		display:block;
	}

	.ei-slider { height:150px; }

	.subheader .inner { padding:20px; width:100%; margin-left:-20px; }

	.half_width, 
	.one_half,
	.one_third,
	.two_third,
	.one_fourth,
	.one_fifth,
	.three_fourth,
	.four_fifth,
	.two_fifth,
	.three_fifth,
	.one_sixth,
	.four_sixth  { width:100%; margin-right:0; }

	ul.quicksand_images li {
		width:50%;
	}	

	.leftsidebar .main    { width: 100%; }
	.rightsidebar .main  { width: 100%; }

	.leftsidebar .sidebar    { width: 100%; }
	.rightsidebar .sidebar  { width: 100%; }

	.flex-caption { display:none; } 

	ul.tabs a { 
		padding:12px 5px; 	
		}
		
	.rightsidebar .sidebar .sidebar_content { padding-left:0; }
	.leftsidebar .sidebar .sidebar_content { padding-right:0; }

}