/* CSS Document */

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

	header .row{ max-width: 95%;  margin: 0 auto; }

	header nav ul{ float: left; }

	body#inner .check{ display: none; }

	.innercheck{ display: block; }

	.cont{ margin: 10px auto; }

	.cont{ width: 35%; }



}

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

	.cn-left{ width:50%;}

	#content p{ font-size:16px;}

	.cn-right{ width:48%;}

	header nav ul li a{ padding:0 5px;}

	.ft-info div{ padding: 0 10px; }



}

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

	.check{ bottom: -190px; }

	header nav ul{  float: right; }

	}

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

    

}

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

	header nav ul li a{ padding:0 2px;}

	header nav ul li a{ font-size:13px;}

	.ft-info p{ font-size: 15px; }

	.logo{ width: 228px; }

	

}

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

	.logo{ width:220px;}

	}

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

	img{ max-width:100%; height:auto}

	.hd-top{ padding:10px 5px;}

	#content-top dl dd{ font-size:18px;}

	header .row{ max-width: 100%;}

	#content{ width:100%; box-sizing:border-box; padding:10px 15px;}

	header{ box-sizing: border-box; padding: 0 15px; }

	header nav ul{ margin: 54px 0 0; }

	.owl-carousel{ box-sizing: border-box; padding: 0 10px; }

}

/*Styles for screen 800px and lower*/

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

	aside{ width:100%;}

	header{ padding: 0; }

	nav {  display:block; height: auto; 	}

  	nav ul { width: 100%; display: block; height: auto;   	}

  	nav li { width: 100%; float: left; position: relative; }

  	nav li a { border-bottom: 1px solid #576979; border-right: 1px solid #576979; }

  	nav a { 	text-align: left; width: 100%;	text-indent: 25px; 	}

	nav a#pull {	display: block;	background-color: #283744;	width: 100%;position: relative; height: 45px;}

	nav a#pull:after {	content:"";	background: url('../images/nav-icon.png') no-repeat;width: 30px;height: 30px;display: inline-block;

		position: absolute;	right: 15px;top: 10px;	}

	nav a#pull strong{ line-height: 45px;}

	.js #menu {

		display:none;

	}

	

	.js .slicknav_menu {

		display:block;

	}

	.logo{ margin:10% auto 0; width:350px; max-width:100%; float:unset;/*max-width:291px; width:95%; margin:10px 0 10px 20px;*/}

	.hd-top{ float:none; position: absolute; top:0; right: 10px; /*background: none;*/}

	.check{ display:block; position:static; text-align:center; float: right; margin:10px 20px 10px 0;}

	#banner{ min-height:inherit; box-sizing:border-box; padding:20px 0;}

	.caption{ position:static;}

	.cn-left,.cn-right{ width:100%; float:none}

	#map-section iframe{ height:450px;}

	.ft-info div{ padding:0 10px;}

	#content-top dl{ max-width: 350px; width: 95%; margin: 10px; }

	header,#banner{ clear: both; }

	.innercheck{ display: none; }

	body#inner .check{ display: block; }

	body#inner #content h1{ clear:both; }

	.cont{ display: block; max-width: 500px; width: 100%; }

}



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

	.caption h2,.tips h2{ font-size:45px;}

	#map-section iframe{ height:350px;}

	.ft-info div{ padding:0; display:block; background:none!important}

	.contactForm{ margin:10px auto; width:95%;}

	#content-top dl{ margin: 10px auto }

}

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

	.hd-top{ font-size: 12px; }

	.loc{ margin-right: 10px; }

	/*.logo{ width: 175px; }*/

	.check{ width: 120px; }

	}

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

	.caption h2,.tips h2{ font-size:35px;}

	.caption p,.tips p{ font-size:16px; box-sizing:border-box; padding:0 15px;}

	#content h1{ font-size:40px; padding:20px 0; text-align:center;}

	.cn-right dd{ margin:0 auto;}

	.social a{ margin:10px auto; display:block;}

	#content-top dl{ margin: 10px auto; width: 95%; }



}

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

	.hd-top p{ display: block; }

	.logo{ /*width: 150px;*/ margin-top:15%}

	.check{ width: 100px; }

	header{ min-height: inherit; }

	.hd-top{ right: 0; top: -10px; }

}

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

	.hd-top{ position: static; background: #F00B07; }

	.logo,.check{ float: none; margin: 0 auto }

	}