@media screen and (max-width:1279px) {
	.page-center,
	#container {width:90%; }


	#header {height:auto; }

	#logo {position:absolute; left:0; top:20px; float:none; margin:0; }

	#group-contact {margin:15px 0 10px; }

	#mainmenu {float:right; margin:0 0 15px; clear:right; }



	/* Home */
	#highlight-home a {bottom:30px; }



	/* Showcase */
	#box-showcase-detail {width:100%; box-sizing:border-box; }

	#load-showcase-detail .slide-showcase-detail {width:55%; }

	#load-showcase-detail .description {width:42%; }



	/* Service */
	.tabservice-nav {width:100%; text-align:center; }
	.tabservice-nav ul li {width:130px; height:130px; display:inline-block; float:none; margin-left:-5px; }



	/* Client */
	.list-client li {width:8.23%; }



	/* Join us */
	.content-joinus-detail {width:100%; }
	.content-joinus-detail aside {width:30%; }
	.content-joinus-detail article {width:65%; }

	.form-apply {width:100%; left:0; margin-left:0; box-sizing:border-box; }



	/* Contact */
	.content-address,
	.form-contact {width:48%; }

	.content-address h2 {width:442px; height:163px; background-size:100%; }

	.content-address h3,
	.content-address blockquote {width:100%; }


	#section-map {width:100%; box-sizing:border-box; }
}









/* Tablet */
@media screen and (min-width:768px) and (max-width:1023px) {
	/* .page-center,
	#container {width:740px; } */



	form ul {width:70%; }



	/* Home */
	#highlight-home a {bottom:0; }



	/* Showcase */
	.content-showcase ul li {width:32.3%; }


	#load-showcase-detail .slide-showcase-detail {width:100%; float:none; margin-top:65px; }

	#load-showcase-detail .description {width:100%; float:none; }



	/* Service */
	.tabservice-article article .img {width:200px; }

	.tabservice-article article .detail {width:68%; }
	.tabservice-article article h3,
	.tabservice-article article h4 {font-size:47px; }



	/* Client */
	.list-client li {width:9.9%; }
	.list-client li img {opacity:1; -webkit-filter:grayscale(0%); filter:grayscale(0%); }



	/* Join us */
	.content-joinus .row > a {width:33.33%; }


	.content-joinus-detail article .btn {margin-right:0; }

	.content-joinus-detail article .group-share {float:right; }



	/* Contact */
	.content-address h2 {width:330px; height:118px; }


	.content-address blockquote p {font-size:24px; }
	.content-address blockquote p span {font-size:28px; }
}









/* Mobile */
@media screen and (max-width:767px) {
	#header {height:auto; top:-1px; overflow:visible; }
	#header .page-center {width:100%; position:initial; overflow:visible; }

	#logo {display:none; }

	#group-contact {width:100%; position:absolute; left:0; bottom:14px; margin:0; text-align:center; }
	#group-contact a {width:30px; height:30px; display:inline-block; background-image:url('../images/mobile/share/header/icon-tel.png'); background-size:100%; float:none; padding:0; margin:0 30px; text-indent:-9999px; }
	#group-contact a + a {background-image:url('../images/mobile/share/header/icon-mail.png'); }
	#group-contact a + a + a {background-image:url('../images/mobile/share/header/icon-facebook.png'); }


	#mainmenu {width:100%; display:none; border-bottom:1px solid #000; float:none; padding-bottom:20px; margin:30px 0 58px; }
	#mainmenu ul li {width:100%; margin:20px 0 0; text-align:center; }
	#mainmenu ul li:first-child {margin:0; }
	#mainmenu ul li a {font-size:20px; }


	#header .btn-menu {width:60px; height:60px; display:block; background:url('../images/share/btn-menu.png') no-repeat; background-size:100%; position:absolute; left:50%; bottom:-72px; margin-left:-30px; text-indent:-9999px; }



	#container .load-content {padding-top:58px; }
	#container #home.load-content {padding-top:58px; }

	/* Home */
	#highlight-home img.desktop {display:none; }
	#highlight-home img.mobile {display:inline; }

	#highlight-home a {bottom:-45px; }




	/* Showcase */
	.content-showcase ul li {width:32.33%; }

	#load-showcase-detail .slide-showcase-detail {width:100%; float:none; margin-top:65px; }

	#load-showcase-detail .description {width:100%; float:none; }



	/* Service */
	.tabservice-article article .img {display:none; }

	.tabservice-article article .detail {width:100%; float:none !important; text-align:center !important; }
	.tabservice-article article h3,
	.tabservice-article article h4 {font-size:47px; }



	/* Client */
	.list-client li {width:12.4%; }

	.list-client li img {opacity:1; -webkit-filter:grayscale(0%); filter:grayscale(0%); }



	/* Join us */
	/* .content-joinus .row > a {width:50%; } */
	.content-joinus .row > a {width:100%; }


	.content-joinus-detail aside,
	.content-joinus-detail article {width:100%; float:none; }

	.content-joinus-detail article {margin-top:20px; }



	/* Contact */
	.content-address, 
	.form-contact {width:100%; margin:0; }

	.content-address {margin-bottom:20px; }

	#section-map .btn-close {width:28px; height:28px; background-size:100%; }
}




@media screen and (min-width:568px) and (max-width:767px) {
	/* .page-center,
	#container {width:540px; } */



	/* Contact */
	.content-address h2 {width:428px; height:152px; }
}




@media screen and (min-width:480px) and (max-width:567px) {
	/* Showcase */
	.content-showcase ul li {width:49%; }



	/* Client */
	.list-client li {width:16.5%; }
}




@media screen and (max-width:479px) {
	form ul {width:100%; }



	/* Showcase */
	.content-showcase ul {margin-left:0; }
	.content-showcase ul li {width:100%; float:none; margin-left:0; margin-top:10px; }



	/* Service */
	.tabservice-article article h3,
	.tabservice-article article h4 {font-size:28px; }

	.tabservice-article article p {font-size:24px; }



	/* Client */
	.list-client li {width:19.9%; }



	/* Join us */
	/* .content-joinus .row > a {width:100%; } */

	.content-joinus-detail article .btn {padding:14px 48px 14px 3px; margin-right:0; }
	
	.content-joinus-detail article .group-share {float:right; }
	.content-joinus-detail article .group-share p {display:none; }
	.content-joinus-detail article .group-share a {margin-left:1px; }



	/* Contact */
	.content-address h2 {width:288px; height:102px; }

	.content-address blockquote p {font-size:24px; }
	.content-address blockquote p span {font-size:28px; }
}




@media screen and (max-width:320px) {
	.content-address blockquote {text-align:center; }
	.content-address blockquote p {font-size:22px; }
	.content-address blockquote p:nth-of-type(2) {float:none; }
	.content-address blockquote p span {font-size:24px; }
}