@media screen and (max-width: 1400px){
	.abtInfo {margin-left: 12vw;}
}

@media screen and (max-width: 1200px){
	.hdLogo img {max-width: 180px;}

	#banner h2 {font-size: 64px;}

	.abtInfo {margin-left: 7vw;}
}

@media screen and (max-width: 1024px){
	h1, h2 {font-size: 46px;}
	h3 {font-size: 36px;}
	h4 {font-size: 25px;}

	#banner h2 {font-size: 50px;}

	.hdNav nav ul li {margin: 0 15px;}

	.abtInfo {margin-left: 2vw;}

	#footer {padding: 30px 0;}
	.ftInfo {flex-direction: column; text-align: center;}
	.ftInfoLeft, .ftInfoRight {width: 100%;}
	.ftInfoLeft {margin-bottom: 30px;}
	.ftInfoRight {max-width: 800px; margin: 0 auto;}
	.ftTop {padding-bottom: 0;}
	.ftLogo img {width: 80%; max-width: 220px;}
	
	.inConRow {flex-direction: column; margin: 0 auto;}
	.inConLeft, .inConRight {width: 100%; margin: 0;}
	.inConLeft {margin-bottom: 20px;}
}

@media screen and (max-width: 800px){
	h1, h2 {font-size: 42px;}
	h3 {font-size: 34px;}
	h4 {font-size: 24px;}
	h5 {font-size: 20px;}

	#header, #header .row {padding: 0; background: none!important;}
	#header .row > div {width: auto;}
	.hdLogo {display: none;}
	.hdContact {position: fixed; top: 12px; right: 60px;}
	.hdNav {width: 100%; }
	.hdNav img {height: 100%; width: auto;}
	.hdNav nav {display:block; height: auto; position: absolute; top: 0; width: 100%;}
  	.hdNav nav ul {width: 100%; display: none; height: auto; border-bottom: 5px solid #111;}
  	.hdNav nav ul li {width: 100%; position: relative; background: rgba(0,0,0,0.8); margin: 0!important;}
  	.hdNav nav ul li.active-menu a {background: rgba(88,139,174,0.8);}
  	.hdNav nav ul li a {display: block; float:none; padding: 10px 0; border: none!important;}
  	.hdNav nav a {text-align: left; width: 100%; text-indent: 5px;}
	.hdNav nav a#pull {display: block!important; color: #fff; background: rgba(0,0,0,0.8); height: 40px; padding: 5px 0; width: 100%; position: relative;}
	.hdNav nav a#pull:after {content:""; background: url('../images/nav-icon.png')no-repeat; background-size: 100% 100%; width: 25px; height: 25px; display: inline-block; position: absolute;	right: 15px; top: 12px;}

	#banner h2 {font-size: 42px;}

	#content {padding: 30px 0; background: #fff;}
	.cnBoxInfo, .abtInfo {max-width: 100%; margin-bottom: 20px;}
	.cnBoxRight img {width: 100%; min-height: auto; max-height: 300px;}
	.cnBoxLeft, .cnBoxRight, .abtLeft, .abtRight {width: 100%; text-align: center;}
	
	.abtLeft img {width: 100%; min-height: auto; max-height: 500px;}
	.abtInfo {margin: 30px auto; padding-left: 15px; padding-right: 15px;}

	#contact {padding: 30px 0;}

	.ftTop {padding-bottom: 20px;}
	.ftInfoRight {flex-direction: column;}
	.ftInfoRight p {margin-bottom: 5px;}

	.inner #content {padding: 40px 0;}
	.inner #content h1 {margin-bottom: 30px;}

	.inProdList {flex-direction: column; align-items: center; justify-content: center; text-align: center;}
	.inProdListImg, .inProdListInfo {width: 100%;}
	.inProdListImg {margin-bottom: 15px;}
	.inProdListImg img {width: 60%; max-width: 180px;}
}

@media screen and (max-width: 600px){
	h1, h2 {font-size: 40px;}
	h3 {font-size: 32px;}
	h4 {font-size: 22px;}
	h5 {font-size: 19px;}
	p {line-height: 1.5;}
	
	.cnIcon {padding-left: 20px;}

	.contactBoxInfo > div {width: 100%; text-align: center;}
	.contactBoxInfo p {margin-bottom: 15px!important;}
	.contactBox p {padding: 0!important;}

	.ctc-form input[type="text"] {height: 40px;}
	.ctc-form textarea {height: 140px;}
	.ctc-flex {flex-direction: column;}
	.ctc-two {width: 100%;}

	.hdContact {top: 14px; right: 50px;}

	#banner h2 {font-size: 38px;}

	.ftInfo .cnIcon {padding-left: 0; padding-top: 45px;}
	.ftInfo .cnIcon:before {left: 0; right: 0; margin: 0 auto;}
	.ftCopy p {letter-spacing: 1px;}

	.inner #content {padding: 30px 0;}
	.inner #content h1 {margin-bottom: 20px;}
}

@media screen and (max-width: 480px){
	h1, h2, h3, h4, h5, p {margin-bottom: 20px;}
	h1, h2 {font-size: 38px;}
	h3 {font-size: 29px;}
	h4 {font-size: 21px;}
	h5 {font-size: 18px;}

	.btn {padding: 15px 40px;}

	#banner h2 {font-size: 34px;}

}

@media screen and (max-width: 480px){
	h1, h2 {font-size: 36px;}
	h3 {font-size: 26px;}
	h4 {font-size: 20px;}
	h5 {font-size: 17px;}

	#banner h2 {font-size: 28px;}

	.ftCopy p {font-size: 10px; letter-spacing: 0;}
}