@media screen and (max-width : 1024px) {
	.wrapper {width: 100%; padding: 0 15px;}
    .half-content-wrapper {width: 100%; padding: 0 15px 0 15px;}
	.half-content:last-child .half-content-wrapper {padding: 0 15px 0 15px;}
}

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

}

@media screen and (max-width : 899px) {
	#footer-copyright {width: 100%; text-align: center;}

	.site-logo {line-height: 126px;}

    #header + .body-content {margin: 130px 0 0 0;}

	#main-menu-toggle {display: block;}
	#main-menu { margin: 0; }
	#main-menu > ul {position: fixed; left: 0; top: 126px; display: none; width: 100%; height: calc(100% - 126px); background: #008238; overflow: auto; -webkit-overflow-scrolling: touch; text-align: center;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#main-menu .level-0 {width: 100%;line-height: 100% !important}
	#main-menu .level-0 > a {width: 100%; line-height: 100% !important; padding: 20px 0; font-size: 22px; }
	#main-menu .level-0:hover > a {color: #51f497; }
	#main-menu .level-0.current-menu-item > a, #main-menu .level-0.current-menu-parent > a { color: #51f497 !important;}

    .intro .half-content {width: 100%;}
    .intro .intro-info {width: 100%; padding:50px 0 50px 0}
    .intro_bottom_back{ display: none; visibility: hidden;}

    .contact .half-content {width: 100%;}
    .contact .padding-content {padding: 40px 0;}
    .contact-right h2{padding:0 0 20px 0; text-align: center;}
    .contact-right p{text-align: center; width:100%}

    .page-topic {width: 31%; margin: 0 3.5% 3.5% 0;}
	.page-topic-item {height: 340px;}

}

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

    .page-topic {width: 47.5%; margin: 0 0 30px 0;}
	.page-topic:nth-child(3n) {margin-right: inherit;}
	.page-topic:nth-child(2n) {float: right;}

}

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

}

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

}

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

    .page-topic {width: 100%;}
	.page-topic-item {height: 340px;}

}

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

    .centered{padding:0 20px 0 20px}
    .in-middle {width: 100%; }

}

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


}