/*===============================
	lg 
===============================*/ 
@media (min-width:1200px) {

	*[class^="col-"] {padding:0}
	#st1 .container {padding:0;}
	#st1 .container .row {margin:0;}
	#st1 .mtxt p {font-weight:300;}
	#st2 .container .row {margin:0 -10px 0 0;}
	#st2 .st_map {padding-left:30px}
	.container {padding:0}
	.mvis {width:570px;}
	.st1_con {width:270px;margin-left:30px;}
	.st2_con {width:370px; margin-left:15px;}
	.st2_con .table-cell {padding:0 40px;}
	
}



/*===============================
	md 
===============================*/ 
@media (min-width:992px) and (max-width:1199px) {

	.logo {padding:25px 0;}
	.slick-list, #mvis {height:600px;}
	.mtxt {padding-top:65px;}
	.mtxt h2 {font-size:25px;}
	.st2_con .table-cell {padding:0 40px;}
	#st1 h3 {font-size:18px;}
	#st1 .mtxt p {font-weight:300;}
	#st1 p {font-size:15px;}
	#st2 .st_map {margin-top:30px;}
	.map_con {left:25px;}
	.st_map:before {width:97%;margin:0 auto;}
	.st_tit {width:71px;padding:55px 0;}
	#svis, #svis .col-md-12 {height:200px;}
	.slick-dots {bottom:-40px;}

}


/*===============================
	sm 
===============================*/ 
@media (min-width:768px) and (max-width:991px) {

	.topbar ul {text-align:center;line-height:25px;}
	.topbar ul li {margin:0 10px;}
	.topbar ul li span {display:none;}
	.logo {padding:15px 0;}
	.slick-list, #mvis {height:600px;}
	#st1 {padding:30px 0;}
	#st1 .mtxt p {font-size:18px;}
	.mtxt {display:table-cell;vertical-align:middle;padding-top:30px;}
	.mtxt h2 {font-size:25px;}

	.mvis:after {display:block;content:"";clear:both;}
	.mvis_con {display:table;width:100%;left:0;bottom:0;}
	.bx-viewport {width:50%;}
	.slick-dots {bottom:-40px;}
	.slick-list, #mvis {background-size:auto;}

	.st1_con1, .st1_con2, .st1_con3 {height:250px;}
	.st1_con {*zoom:1;}

	.st2_con .table-cell {padding:0 20px;}
	.st1_con4, .st1_con5 {float:left;width:50%;height:360px;margin-top:30px;*zoom:1;}
	.st1_con4:after, .st1_con5:after {display:block;content:"";clear:both;}
	.st1_con4 {width:40%;margin-right:30px;}
	.st1_con4 .con_info {text-align:left;}
	.st1_con5 {width:55.8%;}

	.st1_con6 {float:left;width:100%;height:auto;padding:10px;}
	.st1_con6 img {float:none;}
	.st1_con6 .con_txt {float:none;padding:0 0 8px;}
	.st1_con .con_info {right:25px;}

	.map_con {left:25px;}
	#svis, #svis .col-md-12 {height:180px;}
	#svis #container_title {font-size:25px;}
	.addr p {text-align:center;}
	.st_map:before {width:96%;margin:0 15px;}

	#footer .con_info {display:block;padding:30px 0;}
	.foot_con {padding:30px 0;}

}



/*===============================
	xs 
===============================*/ 
@media (max-width:767px) {

	.topbar ul {text-align:center;line-height:25px;}
	.topbar ul li {margin:0 10px;}
	.topbar ul li span {display:none;}

	#st1 {padding:0;}
	.mvis {padding:0 0 50px;}
	.mvis_con {height:auto;padding:30px 0;}
	.slick-list, .slide {height:500px;}
	.slick-arrow, .slick-dots, .slick-slider:hover .slick-arrow {display:none !important;}
	.mtxt {padding:0;}
	.mtxt h2 {margin-bottom:0;font-size:18px;line-height:25px;}

	#st1 .mtxt p {font-size:14px;}
	#st1 h3 {font-size:18px;}

	.st1_con .overlay {opacity:0.6;}
	.st1_con > a {display:inline-block;height:200px;margin-bottom:30px;}
	.st1_con > a:nth-child(3) {display:block;}
	.st1_con > a + a {margin:0 0 30px;}
	.st1_con > a .overlay {opacity:0.6;}
	.st1_con > a .con_info {top:50%;right:0;left:0;width:100%;color:#fff;text-align:center;transform:translateY(-50%);}
	.st1_con > a span {display:block;width:100px;margin:20px auto 0;padding:3px;border:1px solid #fff;border-radius:25px;font-size:13px;color:#fff;text-align:center;}
	.st1_con > a:hover span {color:#3d5c51;background:#fff;}

	.st1_con1, .st1_con2, .st1_con4, .st1_con5 {width:50%;}

	.st1_con .st1_con6 {height:auto;margin:0;padding:10px;}
	.st1_con6 img {float:none;}
	.st1_con6 .con_txt {float:none;padding:0 0 8px;}
	#st2 {padding:0 0 50px;}
	#st2 .st_map {width:96%;margin-top:30px;padding:0;background:#333;}
	#svis, #svis .col-md-12 {height:110px;}
	#svis #container_title {font-size:22px;}
	.st_map:before {width:100%;margin:0 auto;}
	.map_con {left:10px;}
	.st_tit {float:none;width:100%;height:auto;padding:0 0 0 20px;font-size:16px;text-align:left;}
	.board {margin:30px 0;}
	.cs {margin-bottom:-10px;}
	.cs, .info {padding:2.5%;vertical-align:middle;}
	.cs h3 {font-size:25px;}
	.info p {font-size:13px;text-align:center;}
	.st2_con {height:150px;margin-bottom:30px;}
	.st2_con .table-cell {padding:0 25px;text-align:left;}
	.st2_con img {margin-right:10px;}

	.addr p {text-align:center;}
	.foot_con {padding:30px 0;}
	#footer .con_info {display:block;padding:30px 0;}

}


/*===============================
	xxs 
===============================*/ 
@media (max-width:450px) {

	.topbar ul {text-align:center;line-height:25px;}
	.topbar ul li {margin:0 5px;}
	.topbar ul li a {font-weight:normal;font-size:10px;letter-spacing:0px;}
	.topbar ul li span {display:none;}
	.slick-list, .slide {height:300px;}
	.bx-viewport {height:300px;}
	.mvis {padding:0 0 30px;}

	#st1 .mtxt img {width:85%;}

	.st1_con > a {width:100%;height:200px;margin:0 0 15px;}
	.st1_con > a + a {margin:0 0 15px;}

	#st2 {padding:0 0 30px;}
	#st2 .st_map {width:92.5%;}
	.st2_con {height:150px;margin-bottom:15px;}
	.st2_con .table-cell {padding:0 10px;text-align:left;}
	.board {margin:15px 0;}
	.addr p {text-align:center;}


}