@media only screen and (min-width: 1px) and (max-width: 1075px) {
	body#splash #container,
	body#splash #bgContainer{
		width:100%;	
	}
	#navBtn {
		position: absolute;
		width: 100%;
		text-align: center;
		background: #000;
		padding: 5px 0;
		display:none;
		z-index:44;
	}
	#navBtn span{
		color: #fff;
		font-weight: bold;
	}
}

@media only screen and (min-width: 1px) and (max-width: 992px) {
	
	

	#container{
		width:100%;	
	}
	#home-banner{
		float:none;	
	}
	#subBGContainer{
		width:100%;	
	}
		
	#left-col{
		display:none;	
	}
	#top-buttons{
		float:none;		
		padding-top:30px;	
		clear:both;	
	}
	#rhcc-logo{
		top:70px;	
		left:0;
	}
	#subBGContainer{
		background: url("../Common/Header_Backgr.png") no-repeat scroll center 56px rgba(0, 0, 0, 0);
	}
	#home-buttons{
		float:left;
		clear:both;
		margin-top:31px;
		margin-right:10px;
	}
	.simply-scroll, .simply-scroll .simply-scroll-clip {
    width: 100%;
}
}

@media only screen and (max-width: 850px) {


	#home-buttons{
		float:left;
		height:auto;
	}
	#home-standings{
		float:left;
		margin-left:20px;
	}
	#splash-image{
		display:none;	
	}
	
}

@media only screen and (max-width: 730px) {
	#home-banner,
	#splashLogo2 img
	{
		width:99%;
		height:auto;
		margin:0 auto;
	}	
	#subBGContainer{
		background: url("../Common/Header_Backgr.png") no-repeat scroll 0px -22px rgba(0, 0, 0, 0);
	}	
	#home-totes,
	#countdown{
		display:none;	
	}
	#home-experience{
		width:240px;	
		float:right;
		margin-left:20px;
	}
	#home-experience,
	#home-standings{
		margin-left:0;	
	}
	
	#home-experience,
	#home-experience a.home-sq-tote,
	#home-experience #homeTwitterFeed{
		float:none;	
	}
	#home-buttons ul, #home-buttons li{
		float:right;	
	}
    #home-buttons li
	{
		float:left; 
	}
	#rhcc-logo{
		position:relative;	
		top:30px;
	}
	#subBGContainer {
	  background-position:-120px 5px;
	}
	#top-buttons{	
		padding-top:0px;		
		margin-top:45px;
	}
	#rhcc-logo img{
		width:13%;	
	}
	
	#banner img{
		width:100%;	
	}
	
	#main-col,
	#main-col.internal,
	#main-col.volunteer,
	#voluntext{
		width:100%;	
		float:left;
	}
	#main-col.internal{
		padding:0;		
	}
	.js #top-menu {
    	display: none;
	}
	.js .selectnav {
    	display: block;
		float:left;
		margin-top:10px;
	}

}

@media only screen and (max-width: 700px) {
	#home-standings,
	#home-experience, #home-experience a.home-sq-tote, #home-experience #homeTwitterFeed{
		float:left;		
	}
	
	body#splash #choose-city-lists{
		margin-top:0;	
	}
	#splashLogo{
		left:10px;
		top:-10px;
	}
	#splashLogo img{
		width:75%;
		height:auto;
	}
	#splashCity{
		top:255px;	
	}
	#splashYear13{
		top:298px;	
	}
	#splashYear14{
		top:395px;	
	}
	#overview-tote-list{
		margin-top:20px;	
		float:left;
	}
	#overview-text,
	#voluntext{
		width:99%;	
		padding-right:0;
	}
		.top50-box-right{
		margin-left:0;	
	}
	
}
@media only screen and (max-width: 650px) {
	body#splash #benefit-logos{
		margin-top:85px;	
	}	
	#splashLogo2{
		left:43%;	
	}
	#rhcc-logo{
		left:0;	
	}
	.top50-box-right{
		margin-top:20px;	
	}
	table{
		width:100%;	
	}
}

@media only screen and (max-width: 530px) {
	#subBGContainer{
		background: none;
	}	
	#rhcc-logo img{
	width:90px;
	}
	#FormPanel .submit-button{
		padding-left:0;	
	}
	iframe{
		width:100% !important;	
	}
	.hidden_content
	{
		padding:0 10px 1px 30px;	
	}
	.show_content{
		padding:10px 10px 10px 30px;	
	}
	.js .selectnav{
		width:100%;	
		padding:5px 0;
	}
	#rhcc-logo{
		text-align:center;
	}
	
	#splashLogo{	
		top:-30px;
		left:-20px;
	}
	#splashLogo2{
		top:-17px;	
	}
	body#splash ul#splash2013.choose-city{
		margin-top:0;
		margin-right:-20px;
	}
	body#splash ul#splash2014.choose-city{
		margin-top:-25px;	
		margin-right:-12px;
	}
	body#splash ul.choose-city{
		
		width: auto;
	}
	#splashCity{
		top:177px;	
		right:12px;
	}
	#splashYear13{
		top:212px;	
	}
	#splashYear14{
		top:306px;	
	}	
	#splashYear13 img,
	#splashYear14 img{
		width:100%;
		height:auto;
	}
	body#splash ul#splash2013.choose-city{
		margin-right:0;	
	}
	#FormPanel{
		padding:15px 15px 60px 15px;
	}
	#aspxoutput img{
    width:100%;
	}
	.btn-requet,
	.btn-volunteer{
		display:none;	
	}	
}
@media only screen and (max-width: 360px) {

	#overview-text,
	#overview-tote-list,
	#main-col.internal img{
		width:100% !important;		
	}
	#main-col.internal img{
		height:auto !important;		
	}
	table.tbl-form input[type="text"], table.tbl-form select, table.tbl-form textarea{
		width:160px;	
	}
	
	
}