@media(max-width: 1300px) { 
	
	
	.header .inner {
		padding: 0 30px;         	
	}
	
	/* navigation */
	
	.header ul.navigation {
		padding-right: 30px;
	}
	
}

@media(max-width: 1280px) { 
	
	body {
		font-size: 90%;
	}
	
	/* navigation */
	
	
	
}

@media(max-width: 1180px) { 
	
	
	/* navigation */
	
	.header ul > li {
		margin-right: 1.75em;
	}
	
}

@media(max-width: 1080px) { 
	
	
	/* navigation */
	
	.header ul.navigation {
		padding-left: 200px;
	}
	
	.header ul > li {
		margin: 0;
		width: 25%;
		float: left;
		text-align: left;
	}
	
}


@media(max-width: 880px) { 
	
	.header ul.navigation {
		font-size: 80%;
	}

}

@media(max-width: 780px) { 
		
	
	.desktop {
		display: none;
	}
	
	.mobile {
		display: block !important;
	}
	
	/* header */
	
	.header .top .inner {
		padding-right: 0;
	}
	
	.header .forms {
		width: 100%;		
		padding-right: 30px;	
		min-width: 100%;	
	}
	
	.header .forms > div {
		padding: 0 18px 0 20px;
	}
	
	.mobile_menu {		
		position: absolute;
		top: 50%;
		margin-top: -28px;
		background: #eeeed2;
		right: 30px;
		width: 36px;
		padding: 12px 10px 10px;
		height: 34px;		
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		cursor: pointer;
	}
	
	.mobile_menu svg #Hamburger {
		fill: #77b284;			
	}
	
	.mobile_menu:hover svg #Hamburger,
	.mobile_menu.active svg #Hamburger {
		fill: #000;
	}
	
	/* navigation */
	
	.header ul.navigation {		
		position: absolute;
		left: 0;
		width: 100%;		
        top: 100%;
        transform: none;        
        text-align: left;
        display: none;
        font-size: 18px;
        z-index: 40;
        padding: 0;
	}
	
	.header ul > li {
		display: block;
		margin: 0;
		width: 100%;
		background: #77b284;
		border-top: 2px solid #eeeed2;	
		
	}   
	
	.header ul > li:first-of-type {
		margin-top: 12px;
	}
	
	.header ul > li:last-of-type {
		border-bottom: 2px solid #eeeed2;	
	}
	
	.header ul > li a {		
		display: block;
		padding: 8px 32px;
	} 
	
	.header ul > li a:before {
		left: 20px;
	}
	
	
	/* slideshow */
	
	.slideshow {
		display: none;
	}	
	
	/* content */
	

	
	/* columns */
	
	.template_home .column_main {
		float: none;
		margin-right: 0;	
		clear: both;	
	}
	
	.template_home .column_main > div:last-of-type {
		margin: 0;
	}
	
	.template_home .column.left {
		position: relative;
		width: 50%;
		float: left;
	}
	
	.template_home .column.center {
		margin: 0;
		width: 100%;
		padding: 0;		
		margin-bottom: 3em;
	}
	
	.template_home .column.right {
		width: 50%;
		
	}
	
	/* content columns */
	
	.template_content .column_main {		
		float: none;
		margin: 0;
		padding-bottom: 3em;
	}
	
	/* 2 col */
	
	
	.template_content .column_wrapper.c2 .column.center {
		margin: 0 !important;	
		padding: 0;	
	}
	
	/* 3 col */
	
	.template_content .column_wrapper.c3 .column.left {
		width: 191px;
	}
	
	.template_content .column_wrapper.c3 .column.center {
		padding: 0;			
	}
	
	/* news */
	
	
	.template_content .column.right {
		clear: both;
		padding: 0;
		width: 100%;		
	}
	
	.template_content .news .article {
		width: 50%;
		float: left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		padding-left: 15px;
	}
	
	.template_content .news .article:nth-child(2n) {
		clear: left;
		padding-left: 0;
		padding-right: 15px;
	}
	
	.template_content .news .article h3 {
		min-height: 55px;
	}
	
	.template_content .news .more {
		clear: both;
	}

	
	/* footer */	
	
	.wrapper {
		margin: 0 auto;
	}	
	
	.push {
		display: none;
	}
	
	.footer.inner {
		height: auto;
		padding: 20px 30px
	}
	
	.footer > div {
		top: 0%;        
        transform: none;
	}
	
	.footer .content {
		height: auto;
	}
	
	.footer .content > div.terms {
		float: none;
		text-align: right;
	}
	
}

@media(max-width: 580px) { 
	
	.mobile_menu {
		right: 20px;
	}
	
	/* header */
	
	.header .top {
		display: none;
	}
	
	.main .inner,
    .main.inner,
    .header .inner {
		padding: 0 20px;         	
    }
	
	/* home */
	
	.template_home .column.left,
	.template_home .column.right {		
		width: 100%;
		float: none;
		padding: 0;
	}
	
	.template_home .column.right {
		margin-top: 3em !important;
	}
	
	/* columns */
		
	.template_content .column_wrapper.c3 .column.left {
		width: 100%;
		padding: 0;
		margin-bottom: 3em;
	}
	
	.template_content .column_wrapper.c3 .column.center {
		margin: 0 !important;			
	}
	
	/* news */
	
	.template_content .news .article {
		width: 100%;
		float: none;
		padding: 0 !important;
	}
	
	/* footer */	
	
	.footer .content > div.terms {		
		text-align: left;
	}
	
	.footer.inner {
		padding: 20px;
		font-size: 80%;
	}
}