@charset "utf-8";

@media (min-width: 1200px){
	.container {width:1220px;}
}

@media (max-width: 767px){
	#menu {display:block;}
	#header {position:fixed; height:46px; padding:0 12px;}
	.sitelogo {margin:11px 0 0 0;}
	.sitelogo img {width:144px;}

	.section .wrapper {padding:50px 0 20px;}

	.scrollto {height:38px;  background-size:22px auto; font-size:12px; margin-bottom:-20px;}

	.slide-caption {top:15%;}
	.slide-caption h1 {font-size:48px; line-height:1em;}
	.slide-caption h2 {font-size:30px; line-height:1em;}
	.slide-caption h1.logo {margin-bottom:20px; height:50px; background-size:auto 50px;}
	.slide-caption p {font-size:13px; line-height:1.3em;}
	.slide-caption p br {display:none;}
	.slide-caption p.txt1 {font-size:18px;}
	.slide-caption p.txt2 {font-size:12px;}
	.slide-caption ul {list-style:none; padding-left:0px;}
	.slide-caption li { font-size:12px; }
	.slide-caption .ico {margin:0 8px;width:25px;height:25px;}
	.slide-caption .ico.ico-earth {background-image:url(../images/icon_earth_x2.png); background-size:20px 20px;}
	.slide-caption .ico.ico-airplan {background-image:url(../images/icon_airplan_x2.png); background-size:24px 24px;}
	.slide-caption .btn-line {margin-top:16px;}
	.slides-pagination {bottom:70px;}

	/* .btn-line,.btn-more {padding:6px 18px;} */
	.btn-more {padding:6px 18px;}
	.btn-lg {padding:8px 35px;}
	.btn-sm {padding:1px 8px; font-size:11px; line-height:13px;}

	.section-header {margin-bottom:25px;}
	.section-header h1 {font-size:33px; margin:20px 0; letter-spacing:-.8px;}
	.section-header p {font-size:13px; line-height:1.5em; letter-spacing:-.5px;}

	.card .body ul {margin:10px 0 0 3px;}
	.card .body ul li {padding:0 0 0 10px; font-size:12px; line-height:18px;}
	.card .body ul li:after {top:6px; width:4px; height:4px;}

	.owl-dots {display:none;}

	#section2 {overflow:hidden;}
	#section2 .wrap {margin-left:-70px; margin-right:-70px;}
	#section2 .card {padding:15px;}
	#section2 .card .cnt {padding:0;}
	#section2 .card .head {padding:12px 0; border-bottom:1px solid #999;}
	#section2 .card .head h4 {font-size:20px;}
	#section2 .card .head p {font-size:13px;}
	#section2 .card .body {height:120px;}

	#section3 {overflow:hidden;}
	#section3 .wrap {margin-left:-70px; margin-right:-70px;}
	#section3 .card {padding:15px;}
	#section3 .card .cnt {padding:0;}
	#section3 .card .head {padding:12px 0; border-bottom:1px solid #999;}
	#section3 .card .head h4 {font-size:20px;}
	#section3 .card .head p {font-size:13px;}
	#section3 .card .body {height:120px;}

	#section4 {overflow:hidden;}
	#section4 .wrap {margin-left:-70px; margin-right:-70px;}
	#section4 .card {padding:15px;}
	#section4 .card .cnt {padding:0;}
	#section4 .card .head {padding:12px 0; border-bottom:1px solid #999;}
	#section4 .card .head h4 {font-size:20px;}
	#section4 .card .head p {font-size:13px;}
	#section4 .card .body {height:120px;}

	#section5 {overflow:hidden;}
	#section5 .wrap {margin-left:-70px; margin-right:-70px;}
	#section5 .card {padding:15px;}
	#section5 .card .cnt {padding:0;}
	#section5 .card .head {padding:12px 0; border-bottom:1px solid #999;}
	#section5 .card .head h4 {font-size:20px;}
	#section5 .card .head p {font-size:13px;}
	#section5 .card .body {height:120px;}

	#section6 {overflow:hidden;}
	#section6 .container {padding-left:13px; padding-right:13px;}
	#section6 .row {margin-left:-4px; margin-right:-4px;}
	#section6 .wrap {padding:0; margin-left:-23px; margin-right:-23px;}
	#section6 .card {padding:18px 12px;}
	#section6 .card img {width:60%; display:block; margin:0 auto;}
	#section6 .card .head {padding:23px 0 10px;}
	#section6 .card .head h4 {font-size:16px;}
	#section6 .card .body {height:160px; padding-top:6px;}

	#section7 {overflow:hidden;}
	#section7 .wrap {margin-left:-70px; margin-right:-70px;}
	#section7 .card {}
	#section7.card .cnt {padding:0;}
	#section7 .card .head {padding:12px 0; border-bottom:1px solid #999;}
	#section7 .card .head h4 {font-size:20px;}
	#section7 .card .head p {font-size:13px;}
	#section7 .card .body {height:120px;}

	.project-wrapper {padding:40px 15px 25px;}
	.project-header {height:auto; margin-bottom:10px;}
	.project-header img {max-height:45px}
	.project-container .photo {float:none; width:100%; margin-bottom:20px;}
	.project-container .info {float:none; width:100%; font-size:14px; line-height:1.5em;}
	.project-container .info h2 {font-size:18px;}

	.greetings {padding:40px 15px 25px;}
	.greetings big {font-size:16px;}
	.greetings .left {float:none; width:100%; margin-left:0; text-align:center; margin-bottom:30px;}
	.greetings .left img {width:100%;}
	.greetings .left dl {padding:15px 8px 0; margin:0;}
	.greetings .left dt {margin-bottom:10px;}
	.greetings .right {float:none; width:100%;}
	.greetings .right p {margin-bottom:18px;}
	.greetings .btn-more {margin-top:16px;}

	.lawyer {padding:27px 15px 25px;}
	.lawyer h1 {font-size:20px; text-align:left;}
	.lawyer .col {float:left; width:50%; margin-bottom:20px;}
	.lawyer .col:nth-child(2n+1) {clear:left;}
	.lawyer dl {padding-top:10px;}
	.lawyer dt {font-size:17px; margin-bottom:5px;}
	.lawyer dd {line-height:1.2em;}
	.lawyer dd big {font-size:15px;}
	.lawyer dd small {font-size:12px;}

	.gallery {padding:27px 15px 25px;}
	.gallery h1 {font-size:20px; text-align:left;}
	.gallery .bxslider {font-size:16px;}
	.gallery .bxslider p {margin:20px 30px 0;}
	.gallery .bx-wrapper .bx-controls-direction a {top:inherit; bottom:0; margin-top:0; width:17px; height:28px;}
	.gallery .bx-wrapper .bx-prev {left:0; background-image:url(../images/slide_prev_x2.png); background-size:17px auto;}
	.gallery .bx-wrapper .bx-next {right:0; backgruond-image:url(../images/slide_next_x2.png); background-size:17px auto;}

}

@media (max-width: 500px){
	.certification h1 {font-size:18px;}
	.pop-close {top:10px; right:10px;}
	.pop-close img {width:25px; height:25px;}
}