@media all and (max-width: 650px)
{
/*    .cardFieldLabel4change
    {
        float: left; 
        width: calc(40% - 20px);
        clear: both; 
        text-align: right;
        font-weight: bold;
        padding: 5px;
    }

    .cardFieldValue4change
    {
        float: left;
        width: calc(60% - 40px);
        clear: none;
        padding: 5px;
        padding-left: 0;
        padding-right: 0;
    }*/

    div.field_place_4change
    {
        width: 99%;
    }
    
    .hideon500
    {
        display: none;
    }
    
    .showon500
    {
        position: relative;
    }
    
    .block_on_500_tracker
    {
        padding: 10px;
        float: none; 
        width: auto; 
        text-align: center;
        border: 1px solid #aaa;
        padding-right: 0;
    }

    .block_on_500_title
    {
        float: none; 
        width: auto; 
    }
    
    input.login_form_element
    {
        width: 150px;
    }
}