/*
* This CSS file is responsible for auto-adjust
* of user profiles, responsive styles,
* media queries, width issues
*/

div.upme-width-2 {
    width: 48%;
    margin-right: 4%;
}

div.upme-width-2:nth-of-type(2n) {
    width: 48%;
    margin-right: 0;
}

div.upme-width-3 {
    width: 31%;
    margin-right: 3%;
}

div.upme-width-3:nth-child(3n) {
    width: 31%;
    margin-right: 0;
}

div.upme-width-2 div.upme-field-name, div.upme-width-3 div.upme-field-name {
    font-size: 16px;
}

div.upme-width-2 div.upme-pic, div.upme-width-3 div.upme-pic {
    margin: 0 10px 0 0;
}

div.upme-width-2 div.upme-social div, div.upme-width-3 div.upme-social div {
    padding: 6px 0 9px 0;
}

div.upme-width-2 .upme-main, div.upme-width-3 .upme-main {
    padding: 20px 20px 0 20px;
}

div.upme-width-2 .upme-field-type, div.upme-width-3 .upme-field-type {
    width: 100%;
    margin: 0 0 8px 0;
}

div.upme-width-2 .upme-field-value, div.upme-width-3 .upme-field-value {
    width: 100%;
}

label.upme-field-type-width-2, label.upme-field-type-width-3 {
    display: none;
}

div.upme-width-2 i.upme-icon