@media only screen and (max-width: 768px) {
    body {
        min-width: 100%;
    }

    #mainBoxContainer,
    #mainSubtitle,
    #menuContainer,
    #sideBoxContainer,
    #logo,
    #header-text,
    #quick-search,
    #container-left,
    #sideBoxContainer,
    #loginBox,
    #sideSubtitle,
    #mainBoxContainer,
    .frontPage #banners,
    .frontPage #mainBox{
        float: none !important;
        width: 100% !important;
    }

    #headerBox {
        width: 100%;
        height: auto;
        text-align: center;
    }

    #header-text {
        line-height: 0;
        margin: auto;
        font-size: 13px;
    }

    #headerBox fieldset {
        float: none;
        padding: 0 0 0 1em;
    }

    div#container-left {
        width: 100%;
        float: none;
        height: auto;
    }

    div.photo_by {
        margin-left: 0;
        top: 308px;
        width: 100%;
        text-align: center;
        display:block;
    }

    #container-left .imgContainer {
        display: inline-block;
        height: auto;
        width: 100%;
    }

    .innertext {
        width: 100%;
        padding: 6px;
        margin: 0;
    }

    div.inner {
        margin: auto;
        text-align: center;
        padding: 15px;
        display: block;

    }
     #loginBox {
    height: auto;
    padding: 15px;
    }

    #loginBox .formLine {
        text-align: center;
        margin: 0!important;
    }
    
   .donate_frm {
    width: 100%;
    position:relative; }
    .frontPage #mainBox {
    margin-left: 0;
        padding: 0;
}
    div#greeting {
    margin-top:0;
    padding: 15px;
}
}