@media screen and (max-width: 1400px){
	.cnText {top: 60px;}
	.skyBlue {top: 45px;}
}

@media screen and (max-width: 1024px){
	body {min-width: 320px;}
	.row {width: 95%; margin: 0 auto;}
	.hdBot nav ul li {margin: 0px 5px;}
	.hdLogo {width: 95%; margin: 0 auto; max-width: 347px;}

	#content {padding: 40px 0px;}
	.cnLeft, .cnRight {float: none;}
	.cnLeft {padding: 0px 0 20px; text-align: center; margin: 0 auto; max-width: 100%;}
	.cnRight {width: 100%; margin: 0;}
	.cnRight img{width: 100%; max-width: 650px;}
	.cnImgBox, .cnTextBox {width: 50%;}

	#content-contact {padding: 40px 0px;}

	.cnBotLeft,.cnBotRight {float: none;}
	.cnBotLeft {width: 100%; margin: 0;}
	.cnBotLeft img{width: 100%; max-width: 650px;}
	.cnBotRight {text-align: center; margin: 0 auto;}
	.cnBotRight .ctc-form {text-align: center; margin-top: 10px;}

	.ftTop {text-align: center; padding: 30px 0;}
	.ftAbout {max-width: 100%; margin: 0 auto 30px; display: block;}
	.ftContact {margin-right: 25px;}
	.ftTop li {margin-bottom: 5px;}
}


@media screen and (max-width: 800px){
	.hdLogo {position: static; display: block;}
	.hdTop {max-width: 600px; margin: 0 auto;}
	.hdTopRight  {margin-top: 20px;}
	.hdBot {margin-top: 10px;}
	.hdBot nav {display:block; height: auto; position: absolute; top: 0; width: 100%;}
  	.hdBot nav ul { width: 100%; display: none; height: auto;border-bottom:5px solid #FDACB8;}
  	.hdBot nav ul li { width: 100%;position: relative; background: rgba(255,255,255,0.9); margin: 0;}
  	.hdBot nav ul li a {display: block;float:none;padding: 10px 0;}
  	.hdBot nav a { text-align: left; width: 100%;	text-indent: 25px;}
	.hdBot nav a#pull {display: block; color: #fff; background: #FDACB8; height: 30px;padding: 10px 0;	width: 100%;position: relative;}
	.hdBot 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 {padding: 0}
	#header .row {width: 100%}

	#content-contact,#content-top {padding: 20px 0px;}
	.testiDesc {font-size: 24px;}

	.cnText h2 {font-size: 25px;}
}


@media screen and (max-width: 700px){
	.cnText h2 {font-size: 23px;}
	.cnText {top: 30px;}
	.skyBlue {top: 18px;}
	.inAbtBox .list-col4 {columns: 2;}
}

@media screen and (max-width: 600px){
	#banner {padding: 124px 0 65px}
	.bnText h2 {font-size: 37px;}

	.testiDesc {font-size: 18px;}

	.cnImgBox, .cnTextBox {width: 100%;}
	.cnBotimgRes {display: none;}
	.cnText {position: static; max-width: 100%; padding: 20px 0;}
	.cnText h2 {max-width: 100%;}	
	.lightPink {background: #FDACBA;}
	.skyBlue {background: #69D3CC;}
	.hotPink {background: #F986C3;}

	.ftNav, .ftProgram, .ftContact{max-width: 100%; margin: 0 auto; width: 100%; border-top: 1px solid #fff; padding: 20px 0;}

	.ftTop {padding: 20px 0 0;}
	iframe {width: 100%;}
}

@media screen and (max-width: 550px){
	.contactBox-left, .contactBox-right {float: none; margin: 0 auto}
}

@media screen and (max-width: 450px){
	.hdTopLeft, .hdTopLeft p, .hdTopRight {float: none; margin: 5px 0;}

	.inner #content {padding-top: 240px;}
	#banner {padding: 100px 0 25px}
	.bnText h2 {font-size: 26px; margin-bottom: 0px;}
	.bnText .btn {margin-top: 0px;}

	#content-top {padding: 10px 0px;}

	#content {padding: 20px 0;}
	#content h1 {font-size: 28px;}

	#content-contact h2{font-size: 38px;}

	.ftLogo {width: 100%; max-width: 347px;}
	.ftSocial a {margin: 0 20px;}

	.inProgClass h2 {font-size: 20px}
	.inProgClass p {text-align: center;}
	.inProgClass img{float: none; padding: 10px 10%!important; width: 80%; margin: 0 auto;}

	.halfForm {width: 100%;}

	.inAbtBox .list-col4 {columns: 1; text-align: center; list-style: none; padding: 0;}
	.inAbuseSection ul, .inAbtGoalList {padding-left: 15px;}

}