.mobicon { display: none; position: absolute; left: 20px; top: 22px; height: 24px; width: 30px; }
.mobicon span { position: absolute; width: 30px; height: 4px; left: 0px; background-color: #5b874f; }
.mobicon span.first { top: 0px; }
.mobicon span.sec { top: 10px; }
.mobicon span.third { top: 20px; }
.mobicon.open span.sec{ opacity: 0; }
.mobicon.open span.first {-webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: 10px;   }
.mobicon.open span.third { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -10px; }


.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-offset-0, .col-lg-offset-1, .col-lg-offset-10, .col-lg-offset-11, .col-lg-offset-12, .col-lg-offset-2, .col-lg-offset-3, .col-lg-offset-4, .col-lg-offset-5, .col-lg-offset-6, .col-lg-offset-7, .col-lg-offset-8, .col-lg-offset-9 { padding-left: 15px!important; padding-right: 15px!important; }

@media ( max-width: 863px ) {
}

.container { width: 100%!important; }

@media ( max-width: 48em) {
	.container { width: 100%!important; }
}

@media ( max-width: 1141px ) {
	.container { padding-left: 20px; padding-right: 20px; }

}

@media ( max-width: 1040px ) {
	 header .col-sm-6:first-child { flex-basis: 70%; max-width: 70%; }
	 header .col-sm-6 { flex-basis: 30%; max-width: 30%; }
}
@media ( max-width: 770px ) {
	.col-xs-12  .col-xs-12 { flex-basis: 50%; max-width: 50%; }
	.col-xs-12  { flex-basis: 100%; max-width: 100%; }
}

@media ( max-width : 768px ) {
	.mobicon { display: block; }
	#naviMain { display: none; position: absolute; top: 100%; left: 0; width: 100%; z-index: 99; background-color: #FFF; border-bottom: 1px solid #5b894b; padding-top: 0; }
	#naviMain > ul { margin: 0 20px 20px 20px; }
	#naviMain > ul > li { float: none; margin-bottom: 5px; }
	#naviMain > ul > li > a { padding: 0; margin-bottom: 0; }
	header .logo { float: right; }
	.logo { text-align: right; }
	.logo img { max-width: 200px; }

	.footer { margin-bottom: 20px; }

	.row { margin-right: 0; margin-left: 0; }
	.col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-offset-0, .col-xs-offset-1, .col-xs-offset-10, .col-xs-offset-11, .col-xs-offset-12, .col-xs-offset-2, .col-xs-offset-3, .col-xs-offset-4, .col-xs-offset-5, .col-xs-offset-6, .col-xs-offset-7, .col-xs-offset-8, .col-xs-offset-9 { padding-left: 0; padding-right: 0; }

	header { padding: 25px 0 25px 0; height: 70px; }
	main { margin-top: 100px;  }
	header .row > div:last-child > .box { width: 100%; }

	.footer  { margin-top: 50px; }

	.box > .row:first-child .back-to-overview { margin-top: 20px; }

	aside { margin-top: 50px; }
}

@media ( min-width : 769px ) {
	#naviMain { display: block !important; }
}


@media ( max-width: 600px ) {
	.col-xs-12  .col-xs-12 { flex-basis: 100%; max-width: 100%; }
}


@media only screen and (min-width: 75em) {

}