@media only screen and (max-width:940px){
    /* Sticky Footer for Responsive */
    body{
        /* Margin bottom by footer height */
        /* If you change the calculated height of the responsive footer, you need to update it here */
        margin-bottom:618px;
    }
    /* Sticky Footer End */


    /* Header */
    body.registration #wrapper,
    body.member-page #wrapper{
        width:100%;
    }
    body.registration{
        background:#f1f1f1 !important;
    }
    #header,
    .page_background,
    .fake_background,
    #where_are_cars_wrapper,
    div#nav{
        display:none;
    }


    /* Footer */
    div#top_footer{
        background-image:none !important;
        min-width:100% !important;
        height:1px;
    }
    div#footer{
        min-width:100% !important;
        width:100%;
        padding:20px 0;
        background:#4c4d4f;
    }
    div#footer-content{
        width:90%;
    }
    #footer #limited_list li:first-child{
        padding-left:0;
    }
    #footer a{
        white-space:nowrap;
    }
    #footer p{
        margin:1em 6px 1em 0;
    }
    #footer .app-row,
    #footer .social-row{
        width:100%;
    }
    #footer .app-row{
        margin:0 0 35px 0;
    }
    #footer .social-row{
        margin:0 0 21px 0;
    }
    #footer .social-row li.has-icon{
        margin-bottom:14px;
    }
    #footer .social-row li.has-icon svg{
        display:block;
    }

    #footer #first-row li:after{
        content:"";
        margin:0;
    }
    #footer ul#first-row{
        -webkit-column-count:2;
        -webkit-column-gap:10px;
        -webkit-column-width:20px;
        -moz-column-count:2;
        -moz-column-gap:10px;
        column-count:2;
        column-gap:10px;
        margin:0 0 35px 0;
    }
    #footer ul#second-row{
        margin:0 0 35px 0;
    }
    #footer ul#second-row li:first-child{
        display:block;
        width:100%;
    }
    #footer ul#third-row{
        margin:0;
    }
    #footer ul#first-row li{
        font-family:'DinFamilyLight', Arial, sans-serif;
        font-size:1.25em;
        margin:0 0 1em 0;
        display:list-item;
    }
    #footer .contact-phone,
    #footer .contact-phone *{
        display:none;
    }
    #footer .contact-phone-responsive{
        display:block;
    }
    #footer .company-foot-description{
        display:none;
    }
    #footer .foot-copyright{
        display:none;
    }
    #footer .foot-copyright-responsive{
        display:block;
    }


    /* registration (pre-registration choice) */
    body.pre-reg-choose #sign_in_footer_container{
        width:90%;
        max-width:500px;
    }
    body.pre-reg-choose #sign_in_footer_container #sign_in_content{
        padding:0.5em;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border-radius:5px;
        -moz-box-shadow:0 1px 5px #999999;
        -webkit-box-shadow:0 1px 5px #999999;
        box-shadow:0 1px 5px #999999;
    }
    body.pre-reg-choose .choices > li{
        width:100%;
        margin:auto;
        margin-bottom:20px;
        min-height:0;
    }
    body.pre-reg-choose .ui-dialog{
        position:fixed !important;
        top:20px !important;
        width:90% !important;
        left:4% !important;
    }
    body.pre-reg-choose .ui-dialog .ui-dialog-titlebar-close{
        right:6px;
    }
    body.pre-reg-choose form.registration .zc_form_element input{
        width:90%;
        margin-bottom:10px;
    }
    body.pre-reg-choose .result_description_text{
        width:100%;
        max-width:400px;
    }
    body.pre-reg-choose .affiliate_fees > p{
        margin-top:0.5em;
        margin-bottom:0.5em;
    }
    body.pre-reg-choose #student.white-button,
    body.pre-reg-choose #admin.white-button{
        width:100%;
        max-width:300px;
        clear:both;
        margin:5px !important;
    }


    /* registration/campus/student (pre-registration student petition) */
    body.pre-reg-student-petition #wrapper{
        height:auto !important;
    }
    body.pre-reg-student-petition #content{
        width:90% !important;
        margin:30px auto;
        float:none;
    }
    body.pre-reg-student-petition .registration_content,
    body.pre-reg-student-petition #primary{
        width:100%;
    }

    body.pre-reg-student-petition #primary{
        float:none;
        margin-right:0;
        padding-left:0;
        overflow:visible;
        background:#FFFFFF;
        border:1px solid #696A6C;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border-radius:5px;
    }
    body.pre-reg-student-petition .tl,
    body.pre-reg-student-petition .rc_horizontal_fill_top,
    body.pre-reg-student-petition .tr,
    body.pre-reg-student-petition .bl,
    body.pre-reg-student-petition .horizontal_fill_bottom,
    body.pre-reg-student-petition .br,
    body.pre-reg-student-petition .campus-student{
        display:none;
    }
    body.pre-reg-student-petition .campus-student-responsive{
        display:block !important;
        margin:2em auto;
    }
    body.pre-reg-student-petition .registration_content .primary{
        border-left:0 solid #696A6C;
        border-right:0 solid #696A6C;
    }
    body.pre-reg-student-petition .campus-student-responsive-row{
        width:100%;
        clear:both;
        text-align:center;
    }
    body.pre-reg-student-petition .campus-student-responsive-block-left{
        width:40%;
        display:inline-block;
        text-align:center;
        min-width:150px;
    }
    body.pre-reg-student-petition .campus-student-responsive-block-left img{
        border-width:0;
        padding:0;
    }
    body.pre-reg-student-petition .campus-student-responsive-block-right img{
        border-width:0;
        padding:0 0.5em 0 0;
    }
    body.pre-reg-student-petition .campus-student-responsive-block-right{
        width:50%;
        display:inline-block;
        margin:auto;
        min-width:200px;
        text-align:left;
        padding-left:2em;
    }
    body.pre-reg-student-petition .campus-student-responsive-separator{
        width:100%;
        height:1px;
        border-top:1px dashed #B1BCAA;
        margin:1em auto;
    }

    body.pre-reg-student-petition #sign_in_footer_container{
        width:90%;
        max-width:500px;
    }
    body.pre-reg-student-petition #sign_in_footer_container #sign_in_content{
        padding:0.5em;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border-radius:5px;
        -moz-box-shadow:0 1px 5px #999999;
        -webkit-box-shadow:0 1px 5px #999999;
        box-shadow:0 1px 5px #999999;
    }
    body.pre-reg-student-petition #sign_in_tl,
    body.pre-reg-student-petition #sign_in_horizontal_fill_top,
    body.pre-reg-student-petition #sign_in_tr,
    body.pre-reg-student-petition #sign_in_bl,
    body.pre-reg-student-petition #sign_in_horizontal_fill_bottom,
    body.pre-reg-student-petition #sign_in_br{
        display:none;
    }


    /* registration/app-status (post-registration app status) */
    body.post-reg-app-status .text-align{
        width:100%;
    }
    body.post-reg-app-status .w-23.grid-right{
        display:none;
    }
    body.post-reg-app-status #content{
        width:100% !important;
        float:none;
        min-height:0;
    }
    body.post-reg-app-status #primary{
        width:90% !important;
        margin:auto !important;
        float:none;
        margin-right:0;
        padding-left:0;
        overflow:visible;
    }
    body.post-reg-app-status #primary .green-grad{
        background:#51a601 !important;
        text-shadow:1px 1px 1px #3d3d3d;
        overflow:hidden;
    }
    body.post-reg-app-status .post-app-static{
        background:transparent url('/registration/images/app-status/spdmtr-static.gif') 0% 100% no-repeat;
        background-size:contain;
        min-height:0;
        padding:23% 0;
    }
    body.post-reg-app-status .meantime .thirds-list > li,
    body.post-reg-app-status .meantime .thirds-list > li > div{
        height:auto !important;
        border-left:0 solid #FFFFFF !important;
        border-right:0 solid #FFFFFF !important;
    }
    body.post-reg-app-status .meantime .thirds-list > li{
        width:100%;
        max-width:320px;
        margin:auto;
        clear:both;
        float:none;
    }
    body.post-reg-app-status .meantime .thirds-list > li > div{
        padding:1em !important;
    }
    body.post-reg-app-status .meantime .thirds-list > li:nth-child(2) > div{
        border-top:1px solid #b2b4b6;
        border-bottom:1px solid #b2b4b6;
    }
    body.post-reg-app-status .meantime .thirds-list .s-padding-2{
        padding:0em;
        width:80%;
        margin:auto;
    }
    body.post-reg-app-status .meantime .thirds-list .s-padding-2 a.more{
        margin:0.5em 0;
        display:inline-block;
    }
    body.post-reg-app-status .grid-left{
        width:100% !important;
    }
    body.post-reg-app-status .grid-left{
        width:100%;
    }
    body.post-reg-app-status .ui-dialog{
        position:fixed !important;
        top:20px !important;
        width:90% !important;
        left:4% !important;
    }
    body.post-reg-app-status .ui-dialog .ui-dialog-titlebar-close{
        right:6px;
    }
    body.post-reg-app-status #raf-home{
        background-image:none !important;
        padding-right:0 !important;
        min-height:0;
    }
    body.post-reg-app-status #raf-email,
    body.post-reg-app-status #raf-home,
    body.post-reg-app-status #raf-email .your-message{
        max-width:90% !important;
    }
    body.post-reg-app-status .med-top-round{
        text-shadow:1px 1px 3px #333;
    }


    /* registration/z4b/welcome (post-registration z4b page) */
    body.registration-z4b-welcome{
        background:#f1f1f1 !important;
    }
    body.registration-z4b-welcome #content{
        width:100% !important;
        float:none;
        min-height:0;
    }
    body.registration-z4b-welcome #primary{
        width:90% !important;
        margin:auto !important;
        float:none;
        margin-right:0;
        padding-left:0;
        overflow:visible;
    }
    body.registration-z4b-welcome #primary #account-summary{
        width:100%;
        background:#FFFFFF;
        border:1px solid #696A6C;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border-radius:5px;
    }
    body.registration-z4b-welcome #primary #account-summary .white-bubble{
        border-color:#FFFFFF;
        border-width:0;
        -moz-border-radius:0 !important;
        -webkit-border-radius:0 !important;
        border-radius:0 !important;
    }
    body.registration-z4b-welcome #primary #account-summary .status-icon-l{
        height:3em;
    }
    body.registration-z4b-welcome #primary #account-summary #apply-as-driver{
        border-top:1px dashed #999999;
        padding-top:20px;
    }
    body.registration-z4b-welcome #primary #apply-as-driver > div{
        display:block !important;
        margin:auto;
        width:100%;
        max-width:320px;
        text-align:center;
    }
    body.registration-z4b-welcome #primary #lets-get-acquainted{
        width:100%;
    }
    body.registration-z4b-welcome #primary #lets-get-acquainted .s-grey-top-border{
        -moz-border-top:1px solid #696A6C;
        -moz-border-left:1px solid #696A6C;
        -moz-border-right:1px solid #696A6C;
        -moz-border-bottom:0 solid #696A6C;
        -webkit-border-top:1px solid #696A6C;
        -webkit-border-left:1px solid #696A6C;
        -webkit-border-right:1px solid #696A6C;
        -webkit-border-bottom:0 solid #696A6C;
        border-top:1px solid #696A6C;
        border-left:1px solid #696A6C;
        border-right:1px solid #696A6C;
        border-bottom:0 solid #696A6C;
        border-radius:5px 5px 0 0;
    }
    body.registration-z4b-welcome #primary #lets-get-acquainted .s-grey-bottom-border{
        -moz-border-top:0 solid #696A6C;
        -moz-border-left:1px solid #696A6C;
        -moz-border-right:1px solid #696A6C;
        -moz-border-bottom:1px solid #696A6C;
        -webkit-border-top:0 solid #696A6C;
        -webkit-border-left:1px solid #696A6C;
        -webkit-border-right:1px solid #696A6C;
        -webkit-border-bottom:1px solid #696A6C;
        border-top:0 solid #696A6C;
        border-left:1px solid #696A6C;
        border-right:1px solid #696A6C;
        border-bottom:1px solid #696A6C;
        border-radius:0 0 5px 5px;
    }
    body.registration-z4b-welcome #primary #lets-get-acquainted #lets-get-acquainted-title{
        border-bottom:1px solid #999999;
    }
    body.registration-z4b-welcome #primary #lets-get-acquainted #lets-get-acquainted-body{
        background:#FFFFFF;
    }
    body.registration-z4b-welcome #primary #lets-get-acquainted #lets-get-acquainted-body li,
    body.registration-z4b-welcome #primary #lets-get-acquainted #lets-get-acquainted-body li > div{
        height:auto !important;
        border-left:0 solid #FFFFFF !important;
        border-right:0 solid #FFFFFF !important;
    }

    body.registration-z4b-welcome #primary #lets-get-acquainted #lets-get-acquainted-body li{
        width:100%;
        max-width:320px;
        margin:auto;
        clear:both;
        float:none;
    }
    body.registration-z4b-welcome #primary #lets-get-acquainted #lets-get-acquainted-body li > div{
        padding:1em !important;
    }
    body.registration-z4b-welcome #primary #lets-get-acquainted #lets-get-acquainted-body li:nth-child(2) > div{
        border-top:1px solid #b2b4b6;
        border-bottom:1px solid #b2b4b6;
    }

    .result_description_text,
    .result_join_container{
        display:block;
    }
    .result_description_text {
        border-right: none;
        padding-left: 0px;
        margin: 0px;
    }
    .result_join_text{
        padding: 0;
    }
    .result_description {
        width:auto;
        padding: 0px;
        margin: 0px;
    }
    .result_description, #register-message-joining {
        border:none;
    }
    .result_join_container{
        width:auto;
    }
    .result_join_elements {
        margin: 0;
        padding: 10px;
        border: 1px solid #cccccc;
        border-radius: 4px;
    }
    .result_rate_info_header {
        margin-bottom: 0px !important;
    }

}




@media only screen and (max-width:420px){
    body.post-reg-app-status .app-status-global{
        background-image:none;
    }
}
