@media only screen and (max-width: 979px)
{

#header {
	width: 96%;
	padding: 2%;
	padding-bottom: 0px;
	}
	
h1, h2, h3, h4, h5 {
	clear: both;
	width: 100%;
	}

#myslideshow_container {
	width: 100%;
	}
	
#body {
	width: 100%;
	}
	
.container_12, .container_16 {
	width: 100%;
	}

.container_12 .grid_3, .container_16 .grid_4 {
	width: 29%;
	padding: 2%;
	}
	
.container_12 .grid_9, .container_16 .grid_12 {
	width: 96%;
	padding: 2%;
	}
	
.container_12 .grid_12, .container_16 .grid_16	{
	width: 96%;
	padding: 2%;
	}
	
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
	margin: 0px 0px 0px 0px;
	}


#logo {
	max-width: 100%;
	position: relative;
	margin: 0px 0px 0px 0px;
	}
	
#header_block {
	float: right;
	position: relative;
	margin-left: auto;
	margin-top: auto;
	margin-bottom: 10px;
	}
	
#branding {
	height: auto;
	}

#myslideshow_wrapper {
	height: auto;
	}
	
#sidebar_content {
	display: none;
	}

#body_top {
	height: auto;
	margin-top: 0px;
	}
	
#nav_wrapper {
	margin-bottom: 0px;
	}
	
	
#menu_link {
	display: block;
	}	
	
#menu_wrapper {
		clear: both;
		text-align: center;
		font-weight: bold;
		font-size: 1.2em;
		width: 100%;
		margin-bottom: 5px !important;
		margin-top: 10px;
		background-image: url(img/icon-menu.png);
		background-repeat: no-repeat;
		background-position: top right;
		
		xborder: #c7c9cb 5px solid;
		background-color: #ebebec;
		padding-top: 4px;
		padding-bottom: 4px;
							
		}
		
		#menu_wrapper:hover {
			margin-top: 0px !important;
			background-color: transparent;
			border: 0px;
			padding: 0px;
			}	

			#menu_wrapper:hover ul {
				display: block;
				}
	
	#menu_wrapper>li {
		display: none;
		xwidth: 99%;
		}	

	#menu_wrapper:hover>li {
		display: block;
		}
		
		.menu-main-menu-container ul li, #nav ul li {
			width: 100%;
			margin-left: 0px;
			margin-right: 0px;
			}
		
#body_top_wrapper {	width: 96%; padding: 2%; }
		
#footer_wrapper	{
	width: 96%;
	padding: 2%;
	}

}



@media only screen and (max-width: 400px) {

#blog-title {
	float: none;
	text-align: center;
	}

#logo {
	clear: both;
	margin: 0px auto;
	}
	
#header_block {	
	float: none;
	clear: both;
	margin: 10px auto;
	}

}



@media only screen and (max-width: 680px) {

.container_12 .grid_3, .container_16 .grid_4 {
	width: 46%;
	padding: 2%;
	}

}

@media only screen and (max-width: 670px) {

	div.facetholder div.column_third {
		width: 100% !important;
		padding-right: 0px !important;
	} 

}


@media only screen and (max-width: 400px) {

.container_12, .container_16 {
	width: 100%;
	}

.container_12 .grid_3, .container_16 .grid_4, .container_12 .grid_4 {
	width: 96%;
	padding: 2%;
	}
	
.container_12 .grid_9, .container_16 .grid_12 {
	width: 96%;
	padding: 2%;
	}
	
.container_12 .grid_12, .container_16 .grid_16	{
	width: 96%;
	padding: 2%;
	}
	
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
	margin: 0px 0px 0px 0px;
	}

}