/*********** ----------- DESKTOP ----------- ***********/
@media only screen 
and (max-width : 982px) {
}

@media only screen 
and (min-width : 982px) {
}

/*********** ----------- OTHER ----------- ***********/
@media only screen 
and (min-width : 1024px) {
}

@media only screen 
and (min-width : 700px) {
}

/*********** ----------- IPADS & BELOW ----------- ***********/
@media only screen  
and (max-width : 1024px) {
	/********** HEADER STYLES **********/
	.application #header .logo {
		float:none;
	}
	
	.application #header h1 {
		margin:10px 0 0 0;
		line-height:1em;
	}
	
	/********** CONTENT STYLES **********/
	/********** Promo (Call to Action) Styles **********/
	.promoContainer {
		width:100%;
		float:none;
	}
	
	.promo {
		border:none;
		text-align:center;
	}
	
	.promo h2 {
		padding-bottom:75px;
		text-align:left;
	}
	
	.promo .btn {
		float:left;
	}
	
	.block-holder {
		margin-top:1px;
		border-left:none;
	}

	.promo-block .box {
		padding-left:30px;
		padding-bottom:0;
		padding-right:10px;
	}
	
	.promo-block .box br {
		display:none;
	}
	
	/********** Form Styles **********/
	.four-column p {
		width:48%;
		padding-right:2%;
		float:left;
	}
	
	.four-column p[class] {
		width:98%;
		padding-right:2%;
		float:left;
	}
	
	label {
		display:block;
	}
	
	.form-field label {
		display:inline !important;
	}
}

/*********** ----------- IPADS ONLY ----------- ***********/
@media only screen 
and (min-width : 701px) 
and (max-width : 1024px) {
	/********** NAVIGATION STYLES **********/
	#navigation {
		max-width:958px;
		padding:0 12px;
	}
	
	#navigation li {
		margin-left:20px;
		margin-right:0;
	}
	
	#navigation li:first-child {
		margin-left:0;
	}
	
	/********** CONTENT STYLES **********/
	/********** Promo (Call to Action) Styles **********/
	.promo h2 br {
		display:none;
	}
	
	.promo-block {
		width:50%;
		float:left;
	}
	
	.promo-block .boxImage {
		border-right:3px solid #ffffff;
	}
	
	.blue-block .boxImage {
		border-right:none;
	}
	
	.promo-block a img {
		max-height:96px;
	}
}

/*********** ----------- INBETWEEN SMARTPHONES & IPADS AND BELOW ----------- ***********/
@media screen 
and (max-width : 700px) {
	/********** HEADER STYLES **********/
	#header {
		max-width:962px; /* Total max-width:982px; */
		padding:10px;
	}
	
	.logo {
		text-align:center;
		display:block;
		float:none;
	}
	
	.add-nav {
		padding-top:15px;
	}
	
	.add-nav li {
		margin-left:0;
		margin-right:12px;
	}
	
	.application #header h1 {
		text-align:center;
	}

	/********** NAVIGATION STYLES **********/
	#navigation {
		display:none;
	}
	
	.selectnav {
		display:none !important;
	}
	
	#dk_container_selectnav1 {
		display:block !important;
	}
	
	/********** CONTENT STYLES **********/
	.main-holder #content {
		padding:10px;
	}
	
	/********** Content Item Styles **********/
	#content {
		padding:12px;
	}
	
	/********** Form Styles **********/
	.application #content h2,
	.application #content h3 {
		clear:both;
	}

	.one-column input {
		width:50%;
	}
	
	.two-column input {
		width:100%;
	}
	
	.three-column input {
		width:100%;
	}
	
	.four-column input {
		width:100%;
	}
	
	select {
		max-width:98%;
	}
	
	.short-dropdown select {
		width:auto;
	}
	
	select + .text-note,
	input + .text-note {
		display:block;
	}
	
	/********** FOOTER STYLES **********/
	.footer-holder .logo {
		margin-left:0;
		padding-bottom:5px;
		text-align:left;
		display:block;
		float:none;
	}
	
	.sponsors li {
		margin-left:0;
		margin-right:5px;
	}
	
	.contacts dl {
		padding-left:0;
		float:none;
	}
	
	.contacts dt,
	.contacts dd {
		padding-bottom:5px;
	}
	
	.contacts dd {
		float:none;
	}
	
	.footer-holder .nav {
		padding-left:0;
	}
	
	.footer-holder .nav li:first-child {
		padding-left:0;
	}
}

/*********** ----------- INBETWEEN SMARTPHONES & IPADS ONLY ----------- ***********/
@media screen 
and (min-width : 501px) 
and (max-width : 700px) {
	/********** CONTENT STYLES **********/
	/********** Heading (Banner) Styles **********/
	.heading h2 {
		max-width:490px;
	}
}

/*********** ----------- SMARTPHONES AND BELOW  ----------- ***********/
@media screen 
and (max-width : 499px) {
	/********** CONTENT STYLES **********/
	/********** Heading (Banner) Styles **********/
	.home .heading {
		min-height:0;
		background-image:none;
	}
	
	.home .heading h2 {
		padding:20px;
	}
	
	.heading h2 .headingText {
		display:block;
	}
	
	.heading h2 .headingTextSmall {
		font-size:14px;
	}
	
	.heading h2 .headingList {
		display:block;
	}
	
	.main-holder .heading {
		background-image:none;
	}
	
	/********** Promo (Call to Action) Styles **********/
	.promo {
		background-image:none;
	}
	
	.promo h2 {
		padding-bottom:10px;
	}
	
	.promo .btn {
		display:inline-block;
		float:none;
	}
	
	.promo a strong {
		display:block;
	}

	.promo-block a img {
		display:none;
	}
	
	.promo-block .box {
		padding-bottom:10px;
	}
	
	/********** Form Styles **********/
	.application #content h1,
	.application #content h2 {
		text-align:center;
	}
	
	form div {
		overflow:visible;
	}
	
	.form-nav li {
		display:none;
	}
	
	.form-nav li.active {
		width:50%;
		text-align:left;
		display:block;
	}
	
	.form-nav li.active + li {
		width:50%;
		text-align:right;
		display:block;
	}
	
	.form-nav li.active .arrow {
		display:none;
	}

	.one-column p,
	.two-column p,
	.three-column p,
	.four-column p {
		width:100%;
		float:none;
	}
	
	.one-column input,
	.two-column input,
	.three-column input,
	.four-column input {
		width:98%;
	}

	.three-column p[class] {
		width:98%;
		padding-right:2%;
		float:left;
	}
	
	.short-dropdown select {
		max-width:98%;
		margin-bottom:3px;
		display:block;
	}
	
	.form-field {
		white-space:normal !important;
	}
	
	.form-field label {
		margin-right:4px;
		float:left;
		clear:both;
	}
	
	.form-field label + .form-field input,
	.form-field label + .form-field select {
		float:left;
	}
	
	.button,
	input[type=submit],
	input[type=reset],
	input[type=button] {
		width:90%;
		margin:0 auto 10px auto;
		display:block;
		float:none;
	}
	
	#content .viewButton .button {
		width:85%;
	}
	
	/********** FOOTER STYLES **********/
	.footer-holder .sponsors li {
		padding-bottom:5px;
		display:block;
		float:none;
	}

	.footer-holder .nav li {
		padding:0;
		background:none;
		display:block;
	}
}

/*********** ----------- SMARTPHONES ONLY ----------- ***********/
@media screen 
and (min-width : 320px) 
and (max-width : 499px) {
}

/*********** ----------- SMALLER THAN SMARTPHONES ----------- ***********/
@media screen 
and (max-width : 319px) {
	/********** HEADER STYLES **********/
	.add-nav li {
		margin-right:0;
		padding-left:3px;
		padding-right:3px;
		border-left:#094fa3 solid 1px;
		font-size:11px;
	}
	
	.add-nav li:first-child {
		border-left:none;
	}
	
	/********** CONTENT STYLES **********/
	/********** Promo (Call to Action) Styles **********/
	.promo h2 {
		text-align:center;
	}
	
	.promo h2 br {
		display:none;
	}
	
	/********** FOOTER STYLES **********/
	.footer-holder .logo {
		margin-left:0;
		padding-bottom:5px;
		text-align:left;
		display:block;
		float:none;
	}
	
	.sponsors li {
		margin-left:0;
		margin-right:5px;
	}
	
	.contacts dl {
		padding-left:0;
		float:none;
	}
	
	.contacts dt,
	.contacts dd {
		float:none;
	}
	
	.contacts dt {
		padding-bottom:2px;
	}
	
	.contacts dd {
		float:none;
	}
}