@media screen and (max-width: 769px) {
    /* login popups */

    .single-project-page-top-right-inner {
        width: 290px;
        margin: auto;
        float: none;
    }
    .reg-popup-content {
        width: 100%;
    }
    .thankyou-share-bar {
        /*margin-left: 25px;*/
    }
    .register-body {
        width: 100%;
    }
    .reg-form-field-container {
        width: 92%;
        margin-left: 4%;
    }
    .reg-content-container .data-input-field {
        width: 100%;
    }
    .input-popup-ul,
    .input-popup-ur,
    .input-popup-bl,
    .input-popup-br {
        width: 0;
        height: 0;
    }
    .reg-message-body {
        display: none;
    }
    /*end login popups */
    /*begin header/footer */

    .logo-link img {
        width: 30%;
        height: auto;
    }
    .auth-links {
        width: 100%;
    }
    .banner-container {
        width: 100%;
    }
    .tile-container {
        width: 100%;
    }
    .home-project-tile-stats .home-prog-bar-container {
        width: 252px;
    }
    .home-project-tile-outer {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    .footer-container,
    .inner-footer-container {
        width: 100%;
        height: auto;
    }
    .footer-container {
        padding-bottom: 15px;
    }
    .footer-contact-cont {
        float: left;
    }
    .sf-tos-priv-title {
        margin-left: 10px;
    }
    .footer-right-content,
    .footer-left-content {
        height: auto;
        margin-top: 10px;
        float: left;
        clear: both;
    }
    .footer-faq-cont,
    .footer-contact-cont,
    .footer-copywrite-cont {
        float: left;
    }
    .header-inner {
        width: 100%;
    }
    .header-bottom {
        width: 100%;
    }
    .header-strip-inner {
        width: 100%;
    }
    .header-logo-container {
        width: 100%;
    }
    /*end header/footer */
    /*project css */

    .single-project-super-title {
        display: none;
    }
    .project-content {
        width: 100%;
        height: auto;
    }
    .mobile-title-header {
        display: block;
        margin-bottom: 10px;
        padding-left: 4%;
    }
    .mobile-title-header h3 {
        font-size: 20px;
        font-weight: bold;
    }
    .project-body-top-container,
    .slide-body-top-container,
    .project-overlay-container,
    .project-body-image,
    .project-shade {
        width: 100%;
    }
    .single-project-page-img,
    .update-vid-container {
        width: 100%;
        box-sizing: border-box;
        float: none;
        clear: both;
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 15px;
        height: 0;
    }
    .single-project-page-img iframe,
    .update-vid-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }
    .prj-top-box-state {
        width: 92%;
        margin-left: 4%;
        margin-right: 4%;
    }
    .single-project-page-top-left {
        margin-right: 0;
    }
    .proj-top-box-msg-cont {
        width: 100%;
        box-sizing: border-box;
    }
    .single-project-page-top {
        width: 100%;
    }
    .single-project-page-top-inner {
        width: 100%;
    }
    .single-project-page-top-left {
        width: 100%;
    }
    .single-project-page-top-right {
        width: 100%;
        height: auto;
        padding-bottom: 15px;
    }
    .single-project-top-people-cont {
        display: none;
    }
    .single-project-page-img img {
        width: 100%;
        height: auto;
    }
    .deadline-messaging-container {
        display: none;
    }
    .prj-share-bar {
        display: none;
    }
    .single-project-top-dollar {
        text-align: center;
    }
    .project-bottom-tbl {
        display: block;
        width: 100%;
    }
    .project-bottom-content {
        width: 100%;
    }
    .project-bottom-info {
        max-width: 100%;
        padding: 15px;
    }
    .project-bottom-info-cont {
        width: 100%;
        display: block;
    }
    .project-bottom-modules {
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding-left: 0;
    }
    .project-desc-container img {
        width: 100% !important;
        height: auto !important;
    }
    .prj-tab-li {
        margin-right: 2px;
    }
    .prj-tabs-list {
        padding-left: 0;
        padding-right: 0;
    }
    .level-container {
        margin-top: 20px;
    }
    .level-items-container {
        margin-left: 7px;
        margin-right: 7px;
    }
    .level-title-outer {
        margin-left: 7px;
        height: 30px;
    }
    .single-project-top-dollar,
    .single-project-raise-message,
    .single-project-top-pledge,
    .single-project-days-left,
    .single-project-bar-container {
        margin-left: auto;
    }
    .single-project-page-top-right {
        border-left: none;
    }
    /*.single-project-page-top-right-inner {margin-left: 15px;}*/

    .home-prog-bar-container {
        width: 288px;
    }
    .single-project-raise-message {
        width: 100%;
        text-align: center;
    }
    .claim-perk-button {
        text-align: center;
        width: 100%;
    }
    .days-left-container {
        margin-left: 45px;
    }
    .header-subtitle,
    .header-message {
        display: none;
    }
    /* End Project CSS */
    /*Begin Doantion CSS */

    .pick-perk-message {
        font-size: 1em;
    }
    .project-donation-right {
        display: none;
    }
    .pick-perk-prompt {
        margin-left: 4%;
        width: 96%;
    }
    .donation-inner {
        width: 100%;
    }
    .project-donation-left {
        width: 100%;
    }
    /*.project-donation-inner {width: 100%}*/

    .donation-input-container {
        margin: 0;
        width: 100%;
    }
    .project-donation-input {
        width: 80%;
        margin-top: 0;
    }
    .project-donation-inner {
        width: 92%;
        height: auto;
        padding: 0;
        float: none;
        margin-left: 4%;
    }
    .donation-input-field {
        width: 100%;
        box-sizing: border-box;
        padding: 10px;
        height: 50px;
        font-size: 2em;
    }
    .project-donation-prompt {
        font-size: 1.25em;
        margin-left: 4%;
        margin-bottom: 4%;
    }
    .project-donation-push {
        display: none;
    }
    .perk-selection-container {
        width: 100%;
    }
    .perk-selection-tiles {
        width: 100%;
    }
    .single-select-perk-title {
        display: none;
    }
    .single-select-perk-mobile-title {
        display: inline-block;
        float: left;
    }
    .single-perk-bottom {
        display: none;
    }
    .single-select-perk-container {
        width: 92%;
        height: auto;
        margin-right: 0;
        margin-left: 4%;
        margin-bottom: 10px;
    }
    .single-select-perk-container:active {
        height: auto;
    }
    .single-select-perk-radio-outer {
        float: right;
    }
    .single-perk-top {
        width: 100%;
        padding-left: 5px;
        box-sizing: border-box;
    }
    .single-perk-label {
        width: auto;
    }
    .outer-error-float {
        top: 0;
        left: 0;
        float: right;
        clear: both;
        position: static;
        margin-top: 5px;
    }
    .interim-container {
        width: 100%;
    }
    .interim-steps-container {
        margin: 0;
    }
    .interim-text {
        width: 90%;
    }
    .interim-number {
        width: 10%;
    }
    .action-body-top-container {
        width: 100%;
    }
    /*End Donation CSS*/
    /* Begin Thank you CSS */

    .thankyou-upper {
        border-bottom: 0;
        padding-bottom: 15px;
    }
    .thankyou-upper-left {
        width: 100%;
    }
    .thankyou-upper-right {
        display: none;
    }
    .thankyou-lower-left {
        width: 100%;
        margin-right: 0;
    }
    .thankyou-personal-title {
        margin-left: 25px;
    }
    .thankyou-personal-title h3 {
        width: 100%;
        font-size: 15px;
    }
    .personal-thankyou-container {
        height: auto;
    }
    .personal-thankyou-pic {
        margin: 10px;
    }
    .personal-thankyou-sgntr {
        padding-left: 0;
    }
    .thankyou-quote-outer {
        width: 100%;
    }
    .personal-thankyou-block {
        width: 100%;
        margin-left: 0;
        height: auto;
        box-sizing: border-box;
        float: none;
        border-radius: 0;
    }
    .personal-thankyou-container {
        width: 100%;
    }
    .personal-thankyou-quote {
        width: 100%;
        /*clear: both*/

        float: none;
    }
    .personal-thankyou-sgntr {
        /*width: 100%;*/

        clear: both;
        float: none;
        margin-top: 10px;
        border-left: none;
    }
    .personal-thankyou-name,
    .personal-thankyou-title {
        /*margin-left: 10px;*/

        float: none;
    }
    .thankyou-perk-summ-block {
        width: 90%;
        margin-left: 25px;
        margin-top: 10px;
    }
    .thankyou-perk-summary {
        padding: 0;
        border-left: none;
        height: auto;
        width: 100%;
    }
    .thankyou-perk-summ-top {
        padding-top: 10px;
        clear: both;
    }
    .thankyou-perk-summ-desc {
        margin-left: 25px;
        width: 90%;
    }
    .thankyou-perk-summ-amount {
        /*width: 50%;*/
        /*margin-left: 25%;*/

        text-align: center;
        margin: 10px auto;
        float: none;
    }
    .thankyou-main h1,
    .thankyou-main h3 {
        width: 100%;
    }
    .thank-you-share-message,
    .thank-you-title {
        /*margin-left: 5%*/
    }
    .thank-you-share-message {
        margin-top: 5px;
    }
    /*.thankyou-perk-summ-desc {width: 100%}*/

    .thankyou-fb-share,
    .thankyou-twitter-share {
        box-sizing: border-box;
        width: 100%;
    }
    .thankyou-twitter-share {
        margin-left: 0;
    }
    /*End Thank you CSS */
}

@media screen and (max-width: 420px) {
    .banner-content {
        width: 100%;
        height: 127px;
    }
    .banner-img {
        width: 100%;
        background-size: 100%;
    }
    .logo-link img {
        width: 40%;
        height: auto;
    }
    .thankyou-main {
        min-height: inherit;
        padding-bottom: 25px;
    }
    .anon-bucket {
        float: left;
        margin-left: 4%;
    }
    /*.donate-button-container {height: 0px}*/

    .donate-button-container .sf-submit-button {
        width: 100%;
        height: 50px;
        line-height: 50px;
        bottom: 0;
        font-size: 1.5em;
    }
    .donate-button-container {
        margin-top: 15px;
    }
    .pledge-button
    /*.donate-button */ {
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
    }
    .donate-button {
        width: 100%;
    }
    .donate-button-container {
        width: 60%;
        margin-left: 20%;
        float: left;
    }
    .single-project-top-pledge .sf-submit-button {
        width: 100%;
        height: 50px;
        line-height: 50px;
    }
    .project-donation-prompt {
        font-size: 1em;
    }
    /*.sf-submit-button {font-size: 1.5em}*/
}