/* CSS Document */

@media screen and (max-width: 1024px) {
	img {max-width: 100%}
	.cn-txt, .cn-img {max-width: 49%}
	body {min-width: 0}
	.row {width: 95%}
	#header {position: static;}
	#header .logo {position: static;}
	.hd-top {padding: 10px 0}
	.hd-bot {padding: 12px 0;position: relative;z-index: 80}
	#header nav > ul {text-align: center;}
	#header nav > ul > li a {padding: 11px }
	.hd-right {margin: 100px auto 0}
}

/*Styles for screen 800px and lower*/
@media screen and (max-width: 800px) {
/* header */
	.hd-bot {padding: 0;}
	.hd-bot .row {width: 100%}
	#header nav {  display:block; height: auto; 	}
  	#header nav ul { width: 100%; display: none; height: auto;border-top:5px solid #fff;}
  	#header nav ul li { width: 100%; float: left; position: relative;margin: 0 auto 5px}
  	#header nav ul li a { box-sizing: border-box;padding: 10px 0;border-radius: 0}
  	#header nav a { 	text-align: left; width: 100%;	text-indent: 25px; 	}
	#header nav a#pull {	display: block;	padding:15px 0 0;height: 35px;	width: 100%;position: relative;}
	#header 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;	}
	#header ul.submenu {position: static;border-radius: 0}
	#header ul.submenu a {text-indent: 50px}

	#footer nav {  display:block; height: auto; 	}
  	#footer nav ul { width: 100%;  height: auto;border-top:5px solid #fff;}
  	#footer nav ul li { width: 100%; float: left; position: relative;margin: 0 auto 5px}
  	#footer nav ul li a { box-sizing: border-box;padding: 10px 0;border-radius: 0}
  	#footer nav a { 	text-align: left; width: 100%;	text-indent: 25px; 	}
	#footer ul.submenu {position: static;border-radius: 0}
	#footer ul.submenu a {text-indent: 50px}



	.cn-txt, .cn-img {max-width: none;width: 100%;}
	.cn-img {margin: 0 auto 20px;text-align: center;}
	.bn-txt {padding: 10% 0}
	.content-bottom img {max-width: 30%;margin: 0 1%}

	#footer .hz span {display: block;padding: 10px 0;text-align: center;}
	#footer .hz {background-position: center bottom;}



}

@media screen and (max-width: 760px) {
	.bn-txt {position: static;background: linear-gradient(#333,#000)}
}

@media screen and (max-width: 620px) {
	.ft-links {position: static;}
	#footer {text-align: center;}
	#footer h4 {background-position: center bottom}
	.hd-right {float:none;margin: 0 auto }
}





/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
	
	/* contact form */
	.contactBox { width:90% !important; text-align:center; padding:0;}
	.contactBox-left,.contactBox-right { float:none !important; width:100%; padding:15px 0 0 0;}
	.contactForm { width:90%;}
	.contactForm label { padding-left:15px;}
	.contactForm input[type=text] { width:90%;}
	.contactForm textarea { width:90%;}

	#banner h2 {font-size: 24px}
	#banner p {font-size: 16px;line-height: 120%}
	#content {padding: 20px 0}
	.content-bottom .row {padding: 20px 0}
	.content-bottom img {max-width: 24%;vertical-align: middle;}

	#footer nav ul li {display: block;}
	#footer nav ul li a {border-radius: 0}
	.ft-top {padding: 0}
	.ft-top .row {width: 100%}
	#header .tel img {display: none;}
	#header .logo {padding: 20px 0}

}