#component-accessnumbers .accessnumbers-list { padding: 3px; border: 1px solid; }
#component-accessnumbers .label { background-color: #ccc; padding: 3px; margin-bottom: 10px; }
#component-accessnumbers .label p { margin: 0; }
#component-accessnumbers {
    text-align: left;
}
#display_city_nr, #display_country_nr { font-weight: bold; }

#selectedCountry, #selectedCity { width: 180px;  }

#geo-moreinfo {width: 550px;}

#city_label { padding-top: 15px; }

/* Portrait and Landscape */
@media only screen
    and (min-device-width: 320px)
    and (max-device-width: 480px)
    and (-webkit-min-device-pixel-ratio: 2) {

    #component-accessnumbers .accessnumbers-list {
        border: none;
    }

    #component-accessnumbers .accessnumbers-form {
        margin: 0 10px;
    }

    #component-accessnumbers label {
        font-weight: bold;
        line-height: 1.2em;
        display: block;
        overflow: hidden;
    }

    #component-accessnumbers select {
        width: 100%;
        margin: 5px 0 10px;
        font-weight: normal;
    }

    #component-accessnumbers .country {
        margin-top: 10px;
    }

    #page-accessnumbers ol li {
        text-align: left;
    }

    #geo-moreinfo {
        width: 100%;
        text-align: left;
        font-size: 90%;
    }

}