@media (max-width: 1200px) {
    #map_feature_hero .map_container{
        /*top: 100%;*/
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .state-image-bottom{
        /*height: 300px;*/
    }

    .state-image-top{
        float: none;
    }

    .state-top-section{
        text-align: center;
    }

    .state-bottom-section{
        text-align: center;
    }

    #map_feature_hero .map_container{
        /*top: 68%;*/
    }
    #map_feature_hero .map_container.google_map{
      /*top: 92%;*/
    }
    #demo_map{
        height: 300px;
    }

}
@media (min-width: 667px) and (max-width: 912px){
    #map_feature_hero .map_info_box_absolute .appeal-map-msg .map-protect-btn{
        bottom: -91px;
    }
    #map_feature_hero .map_info_box{
        /*bottom: 171px;*/
    }
    body #map_feature_hero .map_info_box_absolute{
        height: 153px;
    }
    #map_feature_hero .map_info_box_absolute .appeal-map-msg .map-protect-btn{
        height: 50px;
        line-height: 50px;
    }
    #map_feature_hero .map_info_fixed .map-protect-btn{
        height: 40px;
        line-height: 40px;
    }
    #map_feature_hero .map_info_box.map_info_fixed{
        height: 133px;
    }
}
@media (min-width: 480px) and (max-width: 667px){
    #map_feature_hero .map_info_box{
        /*bottom: 139px;*/
    }
    body #map_feature_hero .map_info_box_absolute{
        /*bottom: 157px;*/
    }
    #map_feature_hero .map_info_box.map_info_fixed{
        height: 162px;
    }
    #map_feature_hero .map_info_fixed .map-protect-btn {
        height: 40px;
        line-height: 40px;
    }
    body .map_info_fixed .appeal-map-msg .map-protect-btn {
        bottom: -75px;
    }
}
@media (min-width: 480px) and (max-width: 600px){
    #map_feature_hero .map_info_box .appeal-map-msg{
        flex-wrap: wrap;
    }
    #map_feature_hero .map_info_box{
        height: 166px;
    }
}
@media (max-width: 480px) {
    #map_feature_hero .map_container{
        /*top: 50%;*/
    }
    #map_feature_hero .map_container.google_map{
      /*top: 92%;*/
    }
    #map_feature_hero .map_info_box{
        width: 70%;
        height: 152px;
        /*bottom: 139px;*/
    }
    #map_feature_hero .map_info_box .appeal-map-msg{
        flex-wrap: wrap;
    }
    body #map_feature_hero .map_info_box_absolute{
        width: 78%;
        /*bottom: 157px;*/
    }
    #map_feature_hero .map_info_box.map_info_fixed{
        height: 165px;
    }
    #map_feature_hero .map_info_box h3.appeal-map-msg, #map_feature_hero .map_info_box input.donation-widget__amount{
      font-size: 0.9rem;
    }
    #map_feature_hero .map_info_box input.donation-widget__amount {
        height: 39px;
    }
    .donation-widget.land-cost-wrap .donation-widget__amount{
        padding-left: 2rem;
        padding-right: 5.1125rem;
    }
    #map_feature_hero .map_info_box .donation-widget .donation-widget__amount__wrapper:before,
    #map_feature_hero .map_info_box .donation-widget .donation-widget__amount__wrapper:after{
        /*line-height: 2.7rem;*/
        font-size: 0.9rem;
    }
    #map_feature_hero .map_info_fixed .map-protect-btn{
        height: 2.75rem;
        line-height: 2.75rem;
    }
    #map_feature_hero .map_info_box .map-protect-btn{
      /*height: 45px;*/
      /*line-height: 45px;*/
    }
    #map_feature_hero .map_info_box .map-cart{
      padding: 0;
      margin-top:3px;
    }
    #map_feature_hero .map_info_box .protect-more-section{
      margin-top: 5px;
    }
    #map_feature_hero .map_info_box .num_squares_widget {
        width: 45px;
        margin-left: 5px;
    }

    body #map_feature_hero .map_info_box .land-cost-wrap {
        width: 110px;
        margin-left: 5px;
    }

    #map_feature_hero .donation-widget .donation-widget__amount__wrapper:after{
        font-size: 1rem;
    }

    body #map_feature_hero .appeal-map-msg .map-protect-btn{
        bottom: -73px;
    }
    body .modal_countries .modal-link{
        text-align: center;
    }
    body .modal_countries .country-name{
        display: block;
    }

}

/* Break point on donation appeals */
@media (max-width: 670px) {
    #donation-appeals h3{
        min-height: inherit;
    }
}

@media only screen and (max-width: 41.688em) and (min-width: 0) {
    .country-drop{
        float: none !important;
    }
}