#locTypeSelectInstructions{color:#0095dd; font-weight:bold;}
#main-container{position:relative;}

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


    #step1Literal, #step2Literal, #step3Literal, #step4Literal, #step5Literal, #step6Literal, #step7Literal, #step8Literal{background-position: center;  margin-right:0px; height:140px; text-align: center;}
    #step1, #step2, #step3, #step4, #step5, #step6, #step7, #step8{width:33%; height:150px; margin-right:0px; text-align: center; background-position: center top; }
    #progressPanel{display:block;width:100%; height:100%; min-height:100%; padding-bottom:0px;}
    #step1.selected, #step2.selected, #step3.selected, #step4.selected, #step5.selected, #step6.selected{  background-position: center top;}
}



@media screen and (max-width:825px){
	#loginregister{padding-left:25px; padding-right:25px;}
    #loginregister #register{width:100%; padding-right:0%; float:none;}
    #loginregister #login{
        width:100%; padding-right:0%; float:none;
        padding-left:0%;
        border-left:none;
        border-right:none;
        border-top:1px solid #e4e4e4;
        border-bottom:1px solid #e4e4e4;
        padding-top:15px;
        padding-bottom:15px;
     }
    #loginregister #login input[type="password"]{display:block; margin:0px  auto 16px  auto;}
    #loginregister #donate{width:100%; padding-left:0%; float:none;}
}


@media screen and (max-width:780px){
    .progressPanel{width:100%; display:block;}
    
    #step1, #step2, #step3, #step4, #step5, #step6{  background-position: center top;}
    #step1.selected, #step2.selected, #step3.selected, #step4.selected, #step5.selected, #step6.selected{  background-position: center top;}
    
    #step1Literal, #step2Literal, #step3Literal, #step4Literal, #step5Literal, #step6Literal{text-align:center;}
    #locationTypeDropdownSelect{width:100%}
    #selectLocationBunch{width:100%;}
    #locationDescriptionPanel{width:100%;}
    #locTypeSelectInstructions{width:100%;}
    input#ctl00_ctl00_mainContent_bodyContentPlaceHolder_textBoxPageName{width:100%!important;margin-bottom:25px!important;}
        
    
    fieldset select{width:100%; margin: 5px 0 0px 0px;}
    fieldset select{float:none;}
    fieldset{padding:15px;}
    fieldset label{margin-left:0px; margin-right:0px; }
    fieldset li{float: none; width: 90%; padding:0px; display:block; margin:10px auto 10px auto;}
    .errorContainer{width:100%;float:none;}
    fieldset li.requiredIsEmpty, fieldset li.invalidData, fieldset li.customError{float:none;}
    fieldset input{float:none!important; width:100%!important;}
    fieldset input, fieldset textarea, fieldset select{margin: 5px 0 0px 0px!important;}
    fieldset li.requiredIsEmpty, fieldset li.invalidData, fieldset li.customError{background-color:transparent!important;}
    input[type="radio"]{float:left!important; width: auto!important;}
    .radioWorkHomePad{display:table!important;}
    #AddressLine2_IC label{display:none;}
    #PhoneNumber_IC input{ width:auto!important;}
    span.spanareacode{margin-top:0px; margin-left: 0px;}
    #liSearchPermission input{ float: left!important; width: auto!important;}
    .registrationInfo{text-align:center;}
    #registrationInfo .field label{width:100%!important; text-align:center!important;}
    #registrationInfo .field .fieldData{width:100%;!important; text-align:center!important;}
    input#ctl00_ctl00_mainContent_bodyContentPlaceHolder_textBoxPageName{width:auto;}
    .enchancedSearch input.text{width:100%;}
    .enchancedSearch .overLabelWrapper{width:100%;}

}
@media screen and (max-width:510px){


    .lan-switcher, .lan-switcher:visited{float: none; position: absolute; right: 10px; top: 0px;}
    #header .wrapper{text-align:center;}
    #header .wrapper img{position: absolute; top: 100px; left: 0px; right: 0px; margin: auto;}
    #header h1 span:after, .headerContainer h1 span:after{right:0px; margin:auto;}
}
@media screen and (max-width:500px){
    #page-donate td{display:block;width:100%;}
    #page-donate th{display:block;width:100%;}
}

@media screen and (max-width:500px){
    #step1, #step2, #step3, #step4, #step5, #step6, #step7, #step8{width:49%;}
    .ui-tabs-nav li{width:100%!important; position: relative;}
    .ui-tabs-nav li a{width:100%!important; padding:10px 0px!important; text-align:center;}
    .button, button, input[type="button"], input[type="submit"]{width:100%;}
    #fundraising-page-header #amount-raised-container{float:none;width:auto;display:block; padding:30px 15px 15px 15px; border-left: 01px solid #aae0fb; border-top: 1px solid #aae0fb;}
    #fundraising-page-header #page-name-container{width:auto;display:block;padding:15px 15px 30px 15px;position:initial;float:none;text-align:center;}
    #fundraising-page-header #amount-raised-container button { margin-top:30px; }
    .aside-thermometer {
        width: 100%;
        display: block;
        margin-left: 0px;
        padding-left: 20px;
        border-left: 1px solid #dfdfe0;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
    #article-main-section.has-thermometer #section-main-content{margin-right:0px;}
    .aside-thermometer{border:0px solid red; padding-left:0px; border:1px solid #dcdcdc;padding:15px 0px; margin-top:50px;}
    #imageBasicThermometer{display:block;margin:auto;max-width: 100%; width: auto;}

    
}

@media screen and (max-width:400px){
    .bPrevious, .bNext{float: none;width:100%; padding: 15px 15px 15px 15px; background-color: #3dbaec; border: 1px solid #3dbaec;}
    .participantTypeButton{margin-right:0px;}
    fieldset span.radioWorkHome label{float:none;margin-bottom:5px;}
    .stripey td{display: block;}
    #frame th{display:block;}
    .enchancedSearch input.text{padding:0px;height: 30px;}
    .enchancedSearch{padding:15px;}
}

@media screen and (max-width:375px){
    #step1, #step2, #step3, #step4, #step5, #step6, #step7, #step8{width:100%!important; height: 160px!important; }
    #step1.selected, #step2.selected, #step3.selected, #step4.selected, #step5.selected, #step6.selected{  width:100%!important; height: 160px!important;}
}


@media screen and (max-width:350px){
    fieldset{border:0px solid #0095dd;}
    #step1, #step2, #step3, #step4, #step5, #step6, #step7, #step8{width: 47%; height:80px;}
    fieldset li{margin:0px;}
    .txt{margin-left: 0px; margin-right: 0px;}
    fieldset legend{ padding:0px!important; margin:0px!important;}
    .requiredMarker{font-size:18px;}
    #fsPermissions label{width:100%!important;}
    #individualSearch{padding:0px; }
}



@media screen and (max-width:650px){
	h1{font-size:30px;}
	h2{font-size:19px;}
	h3{font-size:17px;}
	h4{font-size: 16px;}
	h5{font-size:21px;}
	.revised-donation-layout #mainContainer {padding: 10px 20px;}
}