

/* 1.25 dpr */
@media 
(-webkit-min-device-pixel-ratio: 1.25), 
(min-resolution: 120dpi){ 
    #header {
		background: url(../images/headerbg-200.png) right 50px no-repeat;
	}
	.orbit-container .orbit-slides-container a.slide_link img {
		max-width:50%;
	}
}

/* 1.3 dpr */
@media 
(-webkit-min-device-pixel-ratio: 1.3), 
(min-resolution: 124.8dpi){ 
    #header {
		background: url(../images/headerbg-200.png) right 50px no-repeat;
	}
	.orbit-container .orbit-slides-container a.slide_link img {
		max-width:50%;
	}
}

/* 1.5 dpr */
@media 
(-webkit-min-device-pixel-ratio: 1.5), 
(min-resolution: 144dpi){ 
    #header {
		background: url(../images/headerbg-200.png) right 50px no-repeat;
		background-size:50% auto;
	}
	#info p {
		font-size:0.575em;
	}
	.orbit-container .orbit-slides-container a.slide_link img {
		max-width:50%;
	}
}
@media (min-width:1697px) {
	#info {
		min-height:246px;
	}
}
@media (max-width:1642px) {
	#home_content p.event_month_year {
		font-size: 1.8em;
	}
}
@media (max-width:1606px) {
	#home_content p.event_month_year {
		font-size: 1.7em;
	}
}
@media (max-width: 1563px) {
	.evt_info {
		width: 52%;
	}
	#home_content p.evt_title {
		font-size: 1em;
	}
}
@media (max-width:1560px) {
	#home_content p.event_month_year {
		font-size: 1.5em;
	}
	ul.form_wrapper label {
		font-size: 0.875rem;
	}
}
@media (max-width: 1412px) {
	#event_container {
		padding-right:0;
	}
	.evt_info {
		width: 45%;
	}
	#home_content p.evt_title {
		font-size: 1em;
	}
}
@media (min-width:1400px) {
	.loginTable, .checkoutTable {
		width:50%;
	}
}
@media screen and (max-width: 1360px) {
    ul.form_wrapper input[type="text"]#random_pwd {
    	width: 40%;
    }
}
@media (max-width: 1340px) {
	#home_content p.evt_title {
		font-size: 0.875em;
	}
}
@media (min-width:320px) and (max-width:1280px) {
	#content p {
		font-size:0.8em;
	}
	#content p.event_day {
		padding: 0;
	}
	#content p.event_month_year {
		font-size: 1.45em;
		margin:0 0 0 11px;
	}	
}
@media (max-width:1280px) {
	#content p.event_month_year {
		font-size: 1.3em;
		margin:0 0 0 11px;
	}
	#news img {
		margin:0;
		height:auto;
		width:100%;
	}
	ul.form_wrapper label {
		font-size: 0.775rem;
	}
} 
@media (min-width:1280px) and (orientation:landscape) {
	ul.form_wrapper input[type="text"]#random_pwd {
		width:42%;
	}
}
@media (max-width: 1256px) {
	span.evt_day {
	}
	span.evt_month {
	}
	#home_content p.evt_title, .evt_info p {
		font-size: 0.8em;
	}
}
@media (min-width:1200px) {
	#slideshow {
		padding:0;
	}
	#wrapper {
		padding-right:0;
	}
	#schools div div.school_first {
		text-align: left;
		padding-left: 0;
	}
	#schools div div.large-3 {
		width: 20%;
	}
	#map_canvas {
		margin-top: 10px;
		height: 426px;
		border: 1px solid #000;
		display: block !important;
	}
}
@media (max-width:1437px) and (min-width:1201px) {
	#home_content p.event_day {
		padding:5px;
		font-size:2em;
	}
	#home_content p.event_month_year {
		font-size:1.4em;
	}
	
}
@media screen and (max-width: 1150px) {
    ul.form_wrapper input[type="text"]#random_pwd {
    	float: none;
    	clear: both;
    	width: 100%;
    }
}
@media (min-width:1124px) {
	#sidebar {
		width:18%;
	}
	#inner_content {
		width:81%;
	}
}
@media (max-width:1200px) {
	#slideshow {
		float:none;
		margin:0 0 2%;
		padding:0;
		width:100%;
	}
	.slide p.slide_caption {
		font-size:1rem;
	}
	#wrapper {
		float:none;
		width: 100%;
		margin-left:0;
		padding:0;
	}
	#video {
		float:left;
		width:49.5%;
	}
	#info {
		float:right;
		width:49.5%;
		padding:0;
		min-height: 219px;
	}
	#info p {
		font-size:0.95rem;
	}
	
	#info a.testimonial_link {
		margin: 0 0 5px;
	}
	#adminlinks, .hidden {
		display:none !important;
	}
	
}
@media (max-width:1200px) and (orientation:landscape) {
	#adminlinks, .hidden {
		display:none !important;
	}
	ul.sub {
		/*display:none;*/
	}
	#inner_content.internship_application > div.column#questions_col {
		background:none;
	}
	#questions_col > p {
		background:#fff;
		padding:20px;
		margin: 0;
		font-size: 0.8em;
	}
	span.small_text {
		font-size: 0.75em;
		line-height:1;
	}
}
@media (max-width: 1100px) {
	.evt_info {
		clear: both;
		float: none;
		padding: 10px 0 0;
		width: 100%;
	}
	.facilities_info {
		clear: both;
		float: none;
		width: 100%;
	}
}
@media(max-width:980px) {
	#slideshow, .slide {
		min-height:0;
	}
	.slide p.slide_caption {
		font-size:1rem;
	}
	#video {
		float:none;
		width:100%;
	}
	#info {
		float:none;
		padding:5px 0.650em;
		width:100%;
	}
	#video img {
		width:100%;
		height:auto;
	}	
	ul.sub {
		/*display:none;*/
	}
}
@media (max-width:1280px) and (orientation:landscape) {
	#map_canvas {
		height:426px;
	}
}
@media only screen and (max-width: 1024px) {
	ul.form_wrapper li.column {
		padding:0;
	}
	ul.form_wrapper li.column.spacer {
		height:0;
		margin:0;
	}
	ul.form_wrapper li.column.spacer p {
		height:0;
	}
	ul.form_wrapper label {
		color: #2974B9;
		cursor: default;
		display:block;
		font-size: 1.1em;
	}
	div.attachments > span.required {
		font-size:14px;
	}
	
	ul.form_wrapper li > label > span.required,
	label.attachment_label > span.required {
		padding: 0;
		line-height: 1;
		font-size:27px;
	}
	#inner_content.internship_application > div.column#questions_col {
		background:url(../images/nci_intern_landing_page_questions_bg.jpg) 0 90px no-repeat;
		min-height: 260px;
	}
	#questions_col > p {
		background:none;
		margin-left:110px;
	}
	span.small_text {
		font-size: 0.75em;
		line-height:1;
	}
	h1.col_title {
		width:100%;
	}
	.evt_info {
		float: left;
		padding: 0;
		width: 58%;
		clear: none;
	}
	.facilities_info {
		float: left;
		clear: none;
		width: 50%;
	}
}
@media (max-width:1024px) and (orientation:landscape) {
	#form_container {
		float:left;
	}
	#form_container.donate {
		padding-left:0;
		padding-right:0;
		width:100%;
	}
	#form_container.donate fieldset {
		float:left;
		width:49.5%;
	}
}
@media (max-width: 850px) {
	.evt_info {
		width: 50%;
	}
	.facilities_info {
		width: 45%;
	}
}
@media (max-width:768px) and (orientation:portrait) {
	#home_content p.event_day {
		font-size:2.3em;
		padding:10px;
	}
	#home_content p.event_month_year {
		font-size:1.3em;
	}
	ul.form_wrapper input[type="text"]#random_pwd {
		width:65%;
	}
	#form_container.donate fieldset, #form_container.account fieldset, #edit_container.account_edit fieldset, #form_container.employers fieldset, #form_container.application fieldset {
		float:none;
		width:100%;
	}
	#form_container.account fieldset:nth-child(2n), #form_container.account fieldset:nth-child(3n),#edit_container.account_edit fieldset:nth-child(2n),
	#form_container.employers fieldset:nth-child(2n), #form_container.employers fieldset:nth-child(3n), #form_container.employers(2n) fieldset, #form_container.application fieldset:nth-child(even) {
		margin-left: 0;
	}
	ul.form_wrapper li.column {
		padding:0;
	}
	#news {
		width: 100%;
	}
	#events {
		clear: both;
		float: none;
		width: 100%;
	}
}
@media (max-width:624px) and (min-width:856px) {
	#nav_icon {
		display:none;
	}
	#news {
		float:none;
		width:100%;
	}
	
}
@media screen and (max-width: 641px) {
    .internship_actions {
		text-align: left;
	}
	span.filled {
		padding-left: 0;
		padding-bottom: 10px;
		display: inline-block;
	}
}

@media (max-width:640px) {
	.giving {
		padding-left:0.625em;
	}
	.addthis_toolbox {
		clear: both;
		float:none;
	}
	#map_canvas {
		display:none !important;
	}
	#degree_programs, #popular_programs, .giving {
		padding: 0;
	}
	.program_listing.odd{
	border-right: 0 none;
	}
	#sub_tag_line  h1, h1.internship_tagline {
		font-size: 1.1em;
	}
	.evt_info, .facilities_info {
		clear: none;
		float: left;
		padding: 0;
		width: 75%;
	}
}
@media (max-width:623px) {
	.slide p.slide_caption {
		font-size:0.875rem;
	}
	#video {
		width:100%;
	}
	#info {
		width:100%;
		padding:0 0.625em 5px;
	}
	h1 {
		font-size:1.7em;
	}
	#breadcrumb h5.breadcrumb {
		font-size: 0.75em;
		width:auto;
	}
	#inner_content {
		padding-right:0.625em;
	}
	#form_container {
		padding-left:0;
		padding-right:0;
		width:100%;
	}
	ul.form_wrapper input#random_pwd {
	}
	ul.form_wrapper #verification_image img {
		width:118px;
		height:30px;
	}
}

@media (max-width:623px) and (orientation:portrait) {
	#header {
		background: none;
	}
	#search {
		position:relative;
	}
	#search_box {
		width: 75%;
		-webkit-transition: none;
		-moz-transition: none;
		transition: none;
		float: left;
		margin:3px 3px 0 0;
	}
	#input[type="search"]:focus, input[type="search"]:active {
		width:75%;
	}
	#logo {
		text-align:center;
		float:none;
	}
	#nav_icon {
		display:block;
	}
	ul.sub {
		/*display:none;*/
	}
	#footer_nav {
		width:35%;
		padding-left:0;
	}
	#footer_address {
		width: 49%;
		padding-right: 0;
		padding-left: 0;
	}
	#footer_logo {
		display:none !important;
	}
	#form_container.donate ul.form_wrapper input[type="text"]#random_pwd {
		float:none;
		width:100%;
		padding:0;
		margin-bottom:10px;
	}
}
@media (max-width:623px) and (orientation:landscape) {
	#header {
		background-size: 55% auto;
		background-position:right bottom;
	}
	#footer_nav {
		width:24%;
	}
	#footer_logo {
		display:block !important;
		width:31%;
	}
	#footer_address {
		width:36%;
	}
	ul.form_wrapper input[type="text"]#random_pwd {
		width:71%;
	}
	#map_canvas {
		display: none !important;
	}
}
@media (max-width: 454px) {
	.evt_info, .facilities_info {
		width: 62%;
	}
}

@media screen and (max-width:1920px) {
	.registration2Table .FormValue input[type="text"].shortInput, .registrationTable input[name*="phone"], .registrationTable input[name*="fax"] {
		width: 30%;
		display: inline-block;
		margin:0;
	}
}
@media screen and (max-width:1878px) {
	.registration2Table .FormValue input[type="text"].shortInput, .registrationTable input[name*="phone"], .registrationTable input[name*="fax"] {
		width: 28.8%;
		display: inline-block;
		margin:0;
	}
}
@media screen and (max-width:1196px) {
	.registration2Table .FormValue input[type="text"].shortInput, .registrationTable input[name*="phone"], .registrationTable input[name*="fax"] {
		width: 25%;
		display: inline-block;
		margin:0;
	}
}