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

	.half-content-wrapper {width: 100%; padding: 0 0 0 15px;}
	.half-content:last-child .half-content-wrapper {padding: 0 15px 0 0;}
}

@media screen and (max-width : 999px) {
    #main-menu {margin: 0 0 0 500px;}
}

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

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

	#main-menu-toggle {display: block;}
	#main-menu {float: right; margin: 0;}
	#main-menu > ul {position: fixed; left: 0; top: 50px; display: none; width: 100%; height: calc(100% - 50px); background: #fff; 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%;}
	#main-menu .level-0 > a {width: 100%; line-height: 100% !important; padding: 20px; font-size: 1.500em;}
	#main-menu .level-0:hover > a {background: #f15921; color: #fff;}
	#main-menu .level-0.current-menu-item > a, #main-menu .level-0.current-menu-parent > a {background: #f15921; color: #fff !important;}

    #intro .half-content {width: 100%;}
    #intro .padding-content-l90 {padding-left: 0;}
    #intro .intro-title {width: 100%;}

    #info .half-content {width: 100%;}

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

  	.half-content-wrapper {padding: 0 15px !important;}
}

@media screen and (max-width : 768px) {
 	.in-middle {width: 100%;}

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

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

}

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

}

@media screen and (max-width : 599px) {
	#footer-copyright {margin: 0;}

    .site-logo a {font-size:1.250em; margin-top:-5px}
	
	.padding-content {padding: 50px 0;}
}

@media screen and (max-width : 500px) {
	.gallery-topic {width: 100%;}
	.gallery-topic-item {height: 280px;}
}

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

}

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

}