@media (max-width: 969px) {
	#header, #content {
	  width: 100%;
	}
	#page, #utility .container {
	  width: 100%;
	}
	ul.buttonMenu a {
	  font-size: 14px;
	}
	ul.buttonMenu a small {
	  font-size: 14px;
	}
	body#defaultPageBodyID .leaderboardFundraisers, body#defaultPageBodyID .leaderboardTeams, body#defaultPageBodyID .leaderboardGroups, body#defaultPageBodyID #sponsorScroll {
	  width: 37%;
	}
	#footer_wrapper .container {
	  width: auto;
	}
}
@media (max-width: 768px) {
	.nomobile {
		display:none !important;
	}
	/*hide additional donation section on mobile*/
	table#Table11 {
		display:block;
	}
	.prizeopt1 .nomobile {
		display:block !important;
	}
	ul.buttonMenu a {
	  font-size: 20px;
	}
	.wizard > .content > .body .prizeopt1 input {
    	width:auto;
	    margin-right:5px
	}
	#gigya_shareHead {
		display:none !important;
	}
	body.myhq #utility #login {
	  margin-right: 0;
	}
	#homeLink span,
	.logoutLink span,
	#loginLink span {
	  display: none;
	}
	#utility #login {
	  min-width: 0;
	  width: auto !important;
	}	
	#utility #logout {
	  font-size: 12px;
	}	
	#utility .utilityName {
	  left: 10px;
	}
	#fundbar {
	  margin: 0;
	}
	ul.buttonMenu a {
	  border-radius: 10px;
	  width:100%;
	  margin:0 auto;
	  text-align:center;
	}	
	ul.buttonMenu a small::after {
	  content: "";
	}
	ul.buttonMenu a.active::after, ul.buttonMenu a:hover::after {
	  border-color: transparent;
	}
	ul.buttonMenu a::after {
	  border-color: transparent;
	  border-width: 0px;
	  margin-top: 0px;
	}
	ul.buttonMenu a.active::before, ul.buttonMenu a:hover::before {
	  border-color: transparent;
	}
	ul.buttonMenu a::before {
	  border-color: transparent;
	  border-width: 0px;
	  margin-top: 01px;
	}
	body#defaultPageBodyID .leaderboardFundraisers,
	body#defaultPageBodyID .leaderboardTeams,
	body#defaultPageBodyID .leaderboardGroups,
	body#defaultPageBodyID #sponsorScroll {
	  float: none;
	  margin: 0 20px 20px;
	  width: 90% !important;
	  background:#fff;
	}
	body#defaultPageBodyID .leaderboardspecilPage {
		display:none;
	}
	.fundItem.fundbarDaysLeft {
		display: none;
	}
	.BodyTextFont > img, .BodyTextFont center > img {
		width: 100%;
	}
	.wizard > .content > .body .socialLogin input {
	  border: medium none;
	  width: auto;
	}	
	.contactInfo.step.body tr {
	  float:none;
	  width: 100%;
	}
	body.billingForm .billing > table table tr {
	  float: none;
	  width: 100%;
	}
	ul.donatelevels img {display:none;}
	.wizard > .content > .body ul.donatelevels li {
	  background: #ccc none repeat scroll 0 0;
	  border: 1px solid #eeeeee;
	  border-radius: 5px;
	  margin-right: 10px;
	  min-width: 20%;
	  padding: 14px 10px 10px 10px;
	  text-align: center;
	}
	.wizard > .content > .body ul.donatelevels li.amtsel {
	  background: #0080b0 none repeat scroll 0 0;
	  border: medium none;
	  color: #fff;
	}
	body.stepRegistration .regOptions ul.donatelevels li {
	  background: #980203 none repeat scroll 0 0 !important;
	  float: none !important;
	  margin: 10px auto !important;
	  text-align: center;
	}	
	.camt {display:inline-block;}
	ul.tabs {
		display:none;
	}
	#header .title {
	  background-position: right 17px;
	  background-size: 90px auto;
	  margin-right: 4px;
	  padding: 15px 10px;
	}
	#gigya_shareHead {
		max-width: 960px;
		width: 100%;
	}
	#header, #content {
		max-width: 1024px;
		width:100%;
	}
	#media {
		display:none;
	}
	#page, #utility .container {
		max-width: 980px;
		width:100%;
	}
	#utility #login {
		margin:0;
	}
	#logo {
		float:none;
	}
	#fundbar .gutter {
		padding: 15px 12px 12px;
	}
	.fundbarThermometer {
		display:none;
	}
	#contentSecondary, #contentPrimary, #contentTertiary {
		padding: 0 5px;
		width: 100%;
		float:none;
		position:relative;
	}
	body.stepRegistration #contentPrimary {
		width: 100%;
	}	
	#wrapMyHQ #contentPrimary {
		width: 94%;
	}
	#wrapMyHQ #contentPrimary .gutter {
	  padding: 0;
	}	
	#contentPrimary .stepReg h2 {
	  border: none;
	}
	#wrapMyHQ #contentTertiary {
	  display:none !important;
	}	

	.about, .sites, .causes, .contact {
		float: none;
	}
	#footer_buff {
		max-width: 940px;
		width:100%;
	}
	ul.globalNav li {
	  width: 100%;
	}
	ul.buttonMenu li {
	  float: none;
	  margin-left: auto;
	  margin-right: auto;
	  width: 95%;
	}
	.customLogin .returning1 {
		float: none;
		width: 100%;
	}
	.customLogin .loginChoice {
		float: none;
		margin-left: 0;
		width: 100%;
		padding-bottom:10px;
	}
	.stepReg .personal1 #Table5 tr {
		float: none;
		width: 100%;
		margin-top:10px;
	}
	.stepReg .personal1 #Table5 tr td,
	.stepReg .matching1 td,
	.stepReg .fundraise1 td {
	  display: block;
	  width: 100%;
	}
	.wizard > .content > .body input {
	  width: 100%;
	}	 
	.wizard > .content > .body .donation1 input,
	.wizard > .content > .body .donatelater input {
	  width: auto;
	}
	.wizard > .content > .body .matching1 input,
	.wizard > .content > .body .fundraise1 input {
	  width: 95%;
	}
	.wizard > .content > .body input[type="radio"],
	.wizard > .content > .body input[type="checkbox"] {
	  width: 20px;
	}
	.stepReg .personal1 #Table5 select {
	  width: 100%;
	}	
	.stepRegistration #contentTertiary,
	.stepRegistration #contentSecondary {
		display:none !important;
	}
	.username1 {
	  margin-top: 20px;
	}
	.customLogin .userLogin td {
	  display: block;
	  width: 100%;
	}
	.userLogin input#faf_rememberme {
	  margin-right: 10px;
	  width: auto;
	}
	.sameInfo > input {
	  margin-right: 10px !important;
	  width: auto !important;
	}

	/*.stepReg .personal1 #Table5 tr td {display: block;width: 100%;}*/
	#Table7 td {
	  display: block;
	  max-width: 100%;
	}
	#Table13 td {
		display: block;
		text-align: left !important;
	}
	.stepReg .inputWHY {
		width: 125px !important;
	}
	.lifebox {
		float:none;
		margin-left:0px;
	}
	.lifeiswhy {
		margin-top:0px;
	}
	.lifeiswhy div > img {
		width: 100%;
	}
	.lifeiswhy p {
	  margin-top: 0;
	  width: 100%;
	}
	body#defaultPageBodyID .lifeiswhy p {
		left:0;
	  width: auto;
	}	
	legend {
		margin-top:10px;
		line-height:34px;
	}
	.stepReg legend {
		display:none;
	}
	.regPopup {
		width: 90%;
		max-width:315px;
	}
	.regPopup span {
		line-height: normal;
	}	
	.donorPopup {
		width: 90%;
		max-width:315px;
	}
	.donorPopup span {
		line-height: normal;
	}	
	body.stepRegistration .waiverPopup {
		width: 100%;
		max-width:315px;
	}
	.waiverPopup.body td {
		display: block;
		width:100%;
	}
	.teamListTable {
		min-width:auto !important;
	}
	li.done, li.disabled {
	  display: none !important;
	}
	span.number {
	  font-size:14px;
	}
	.wizard > .actions > ul {
	  width: 100%;
	}
	.wizard > .steps > ul > li, 
	.wizard > .actions > ul > li {
	  float: left;
	  font-size: 18px;
	  text-align: center;
	  width: 44%;
	}
	.wizard > .steps > ul > li {
	  width: 100%;
	}

	#content .gutter {
		position: relative;
	}
	/*#header .title h1 {
		width: 83%;
	}*/
	#fafNewHQ .col1, #fafNewHQ .col2 {
		float: none;
		margin-left: 0;
		width: 100%;
	}
	#myHQmenu > li {
		float: none;
		width: 47%;
		margin-bottom:5px;
		margin-right:5px;
	}
	ul#myHQmenu > li > a.first {
		border-radius:0;
	}
	ul#myHQmenu > li > a.last {
		border-radius:0;
	}
	#oldEditPP td {
		display: block;
		width:100%;
	}
	input[type="text"], input[type="password"], textarea, select, input[name="new_donorname"] {
		width: auto;
	}
	.myhq input[type="text"], .myhq input[type="password"], .myhq textarea, .myhq select, .myhq input[name="new_donorname"] {
		width: 100%;
	}
	select {
	  display: inline-block;
	  max-width: 100%;
	  width: 100%;
	}
	.gutter.clearfix > div {
		max-widthx: 97% !important;
		padding: 5px !important;
		width:100% !important;
	}
	a.buttonMail {
		display:block;
	}
	.wrapContentWhatIs img.whatis {
		float:none;
		padding:0px;
	}
	
	.toggleLabel::after {
		content: attr(data-closed);
	}
	.toggle:checked + .toggleLabel::after {
		content: attr(data-open);
	}
	#toggle1 + .toggleLabel {
		box-sizing: border-box;
		color: #000000;
		font-weight: 700;
		height: 48px;
		line-height: 48px;
		min-width: 100px;
		padding-left: 50px;
		text-align: left;
		width: 100%;
		display:inline-block !important;
	}
	#toggle1:checked + .toggleLabel {
		background-color: #ccc;
	}
	label[for="toggle1"] span {
		left: 10px;
		top: 30px;
	}
	label[for="toggle1"] span, label[for="toggle1"] span::before, label[for="toggle1"] span::after {
		background: #000 none repeat scroll 0 0;
		border-radius: 1px;
		content: "";
		cursor: pointer;
		display: block;
		height: 5px;
		position: absolute;
		width: 35px;
		z-index: 13;
	}
	label[for="toggle1"] span::before {
		top: -10px;
	}
	label[for="toggle1"] span::after {
		bottom: -10px;
	}
	.toggle:checked + .toggleLabel + #contentSecondary {
		display: block;
		padding:0;
		width:100%;
	}
	#facebookComments {
		width:100%;
	}
	
	.wrapFooterSocial a {
	  display: inline-block;
	  padding: 0 30px;
	  width: 40%;
	}
	#ck-button {
	  background: #0080b0 none repeat scroll 0 0;
	  border-radius: 4px;
	  box-shadow: 2px 4px 3px 1px #999;
	  color: #fff;
	  padding: 4px;
	  width: 90%;
	}
	
	#ck-button label {
		margin:0px;
	}

	#ck-button label span {
		text-align:center;
		padding:3px 0px;
		display:block;
	}
	
	#ck-button label input[type=checkbox] {
		position:absolute;
		top:-20px;
	}
	
	/*#ck-button input:checked + span {
		background-color:#911;
		color:#fff;
	}*/
	
	.resetOptions {background: #eee;margin-bottom:10px;padding:10px;border-radius:10px;}
	.resetOptions td {display:block;height:auto !important;}
	.resetOptions input {display:block;width:100% !important;}
	.resetOptions input.htmlbutton {background:#0080b0;padding:5px;color:#fff;font-weight:bold;font-size:18px;border-radius:5px;margin-top:10px;border:none;}
	
	#footer_wrapper .container {
		width:auto;
	}
}

@media screen and (max-width: 736px) {
    #chatcode {
        display: none;
    }
}
@media screen and (max-width: 360px) {
	#fundbar .fundValue {
	  font-size: 16px;
	}
}