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

	/************************************************************************************
	Mobile Menu
	*************************************************************************************/
	.desktop {
		display: none;
	}

	.mobile {
		display: block;
	}

	a:hover {
		text-decoration: none;
	}

	#header-bar {
		background: #99bb63;
		overflow: auto;
	}
		#primary-nav-link-container {
			float: left;
			padding: 2% 5%;
			color: #fff;
		}
		#primary-nav-link-container a {
			color: #fff;
			font-size: 1.6em;
		}
		#primary-nav-link-container span {
			font-size: 1.2em;
			color: #fff;
		}
		.mtel {
			float: right;
			padding: 2% 5% 2% 2%;
			font-size: 1.2em;
			color: #fff;
		}
		.mtel span {
			font-size: 0.7em;
			text-transform: uppercase;
			font-weight: 700;
		}
		.mtel a:link, .mtel a:visited {
			color: #fff !important;
		}
		.mtel a:hover, .mtel a:active {
			color: #222;
		}

	#mheader {
		/*background: #08498c;*/
		overflow: auto;
		text-align: center;
	}

		#mlogo {
			width: 90%;
			padding: 2% 5%;
		}
		#mtrailer {
			width: 50%;
			padding-bottom: 5%;
		}

	#primary-nav-container {
		display: none;
	}

	.sidr-class-menulogo {
		text-align: center;
	}

	.sidr-class-menulogo img {
		width: 60%;
		margin: 5% 20%;
	}

	#footer {
		text-align: center;
	}

	.back-top {
		float: none;
	}

	/************************************************************************************
	Structure
	*************************************************************************************/

	.pagewidth, #content, #sidebar, #full-content {
		width: 94%;
		padding: 0 3%;
		float: none;
	}

	#breadcrumb {
		
	}
		
	/************************************************************************************
	GRID
	*************************************************************************************/
	.col4-1,
	.col4-2,
	.col4-3,
	.col3-1,
	.col3-2,
	.col2-1
	{
		margin-left: 2%;
	}
	.first {
		margin-left: 0;
	}
	.col4-1 {
		max-width: 23%;
	}
	.col4-2, .col2-1 {
		max-width: 48%;
	}
	.col4-3 {
		max-width: 72%;
	}
	.col3-1 {
		max-width: 31%;
	}
	.col3-2 {
		max-width: 62%;
	}
	
	#main-nav-wrap {
		background: #333;
	}	
}

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

	.alignright, .alignleft {
		float: none !important;
		margin: 20px 0 !important;
		
	}
	img {
		display: block;
	}

}