@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) {
    #main-menu {margin: 0 0 0 450px;}
}

@media screen and (max-width : 899px) {
    #header + .body-content {margin: 75px 0 0 0;}

	#main-menu-toggle {display: block;}
	#main-menu { margin: 0; }
	#main-menu > ul {position: fixed; left: 0; top: 75px; display: none; width: 100%; height: calc(100% - 75px); background: #42b4d6; 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 {color: #FFFFFF; width: 100%; line-height: 100% !important; padding: 20px 0; font-size: 14px; font-weight: bold; }
	#main-menu .level-0:hover > a {color: #FFFFFF; }
	#main-menu .level-0.current-menu-item > a, #main-menu .level-0.current-menu-parent > a { color: #FFFFFF !important;}

	#footer-copyright {width: 100%; text-align: center;}

    .intro .half-content {width: 100%;}
    .intro {width: 100%; padding:30px 0 30px 0}
    .intro .padding{padding:0}

    .page .half-content {width: 100%;}
    .page .padding{padding:0}

    #hot-points li{width: 31%; margin: 0 3.5% 3.5% 0;}
}

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

    #hot-points li {width: 47.5%; margin: 0 0 30px 0;}
	#hot-points li:nth-child(3n) {margin-right: 0;}
    #hot-points li:nth-child(2n) {float: right;}

}

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

}

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

}

@media screen and (max-width : 500px) {
    #hot-points li {width: 100%;}

}

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

     .centered{padding:0 20px 0 20px}

}

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


}