@media only screen and (max-width : 1050px) {
    .front .homepage-2-cols .signpost.left .left {width:26%;}
    .front .homepage-2-cols .signpost.left .right{width:71%;}

    .front .homepage-2-cols .signpost.right img {max-width:50px;   bottom: 25px;
        left: 25px;}
}


@media only screen and (max-width : 830px) {
    #navigation {display:none;}
    .mobile-nav-register {display:block;}
}


/*=====Specifically to target an ipad screen at 768px. AVOID USING IF POSSIBLE*/
@media only screen and (max-width : 768px) {
    .wall-cont .overlay.container-fluid {right:2%;}
}



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

    .wall-cont {height:172px!important;}
    .wall-cont .overlay.container-fluid {display:none;}
    #block-views-stories-of-hope-signpost .visible-xs {display:block!important;background:#89C5AC;text-align:center;margin-bottom:20px;padding:17px 10px 10px 10px; background-image: url('../images/green-bg.jpg');}
    .overlay-inner-wrap .btn-default.btn-register {
        background: #D51E47!important;}
    #block-views-stories-of-hope-signpost .visible-xs .overlay-inner-wrap { overflow:hidden;}
    #block-views-stories-of-hope-signpost .visible-xs .overlay-inner-wrap h1 {color:#fff;text-align:center;font-size:24px;}
    #block-views-stories-of-hope-signpost .visible-xs .overlay-inner-wrap .overlay-right,
    #block-views-stories-of-hope-signpost .visible-xs .overlay-inner-wrap .overlay-left{width:100%; float:none;}
    #block-views-stories-of-hope-signpost .visible-xs .overlay-inner-wrap p {display: block; text-align:center;}
    .node-stories-of-hope .field-name-field-image{width: 30%;}

    .front .homepage-2-cols .signpost.left .left {width:26%;}
    .front .homepage-2-cols .signpost.left .right{width:71%;}
    /*.front .homepage-2-cols .signpost.right .left {width:71%;}
    .front .homepage-2-cols .signpost.right .right{width:26%;}*/

    #right-bar #block-menu-block-3 h2 {display:block;margin-top:45px;}
    #right-bar ul.menu {margin-top:10px;}
    #right-bar ul.menu li a{padding-left:5px;}

    #footer-nav,
    #footer-social,
    #footer-hs{width:100%; display:block; text-align:center;margin:0; padding:10px 0; }

    /*Opt in Form*/
    .od-form-class input[type="text"],
    .od-form-class select,
    #edit-donate-type,
    #weather-form-optout-form #edit-country,
    #weather-form-withdraw-form #edit-country,
    #weather-form-withdraw-form #edit-withdraw-reason,
    #weather-form-optin-form #edit-country,
    #edit-donate-decision
    {
        width: 100%;
    }

    .form-item-newsletter,
    .od-form-class .form-item-donate-organs
     {
        max-width: 100%;
        width: auto;
        margin-right: 20px;
    }

    .od-form-class .form-item {padding-right: 20px;}

    .xs-pos-left{text-align: left;}

    .bg-cover{
        min-height: 385px;
    }

}

@media only screen and (max-width : 600px) {
    #mobile-nav {width:73%;}
    #register-now-mobile {width:25%;}
    .page-node-349 #edit-submitted-column-1-upload-image input[type=file] {width:100%; }
    .page-node-349 #edit-submitted-column-1-upload-image input[type=submit] {float:left; width:100%;margin-top:10px;margin-left:0;}
    #callus h2{line-height: 17px;}
    #callus{padding-top: 10px;}
}

@media only screen and (max-width : 490px) {
    #mobile-nav {width:68%;}
    #register-now-mobile {width:30%;}
    .front .homepage-2-cols .signpost img {border-width:2px;}
    .view-stories-of-hope .views-field-title,
    .view-stories-of-hope .views-field-body {float:right;width:100%; margin-left:0;}
    .view-stories-of-hope .views-field-field-image {display:none;}
    #block-views-stories-of-hope-featuredstories .views-field-field-image {display:block;float: right;width:26%;}
    .node-stories-of-hope .field-name-field-image{float: none;width: 100%;margin-left: 0%;}
    .greatest-share-col{
        width: 100%;
        display: block;
    }



}

@media only screen and (max-width : 420px) {
    #mobile-nav {width:63%;}
    #register-now-mobile {width:35%;}

}

@media screen and (max-width: 380px) {
    .front .homepage-2-cols .signpost.right img {display: none;}
}


@media only screen and (max-width : 360px) {
    #mobile-nav {width:58%;}
    #register-now-mobile {width:40%;}
}