.contacts-dropdown {
    position: absolute;
    top: .75rem;
    right: .75rem
}

[dir=rtl] .contacts-dropdown {
    right: auto;
    left: .75rem
}

.contacts-col-view .contact-content {
    margin: 0 auto;
    text-align: center
}

.contacts-col-view .contact-content-img {
    margin-bottom: 1.25rem;
    width: 6.25rem;
    height: 6.25rem
}

.contacts-col-view .contact-content-name, .contacts-col-view .contact-content-user {
    display: block
}

.contacts-row-view .contacts-col > .card > .card-body {
    padding: 1rem
}

.contacts-row-view .contact-content-img {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: .125rem 1.25rem 0 .25rem;
    width: 4rem;
    height: 4rem
}

[dir=rtl] .contacts-row-view .contact-content-img {
    margin: .125rem .25rem 0 1.25rem
}

.contacts-row-view .contact-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.contacts-row-view .contact-content-about {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.contacts-row-view .contact-content-about > hr {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.contacts-row-view .contact-content-name, .contacts-row-view .contact-content-user {
    display: inline-block
}

@media (min-width: 768px) {
    .default-style .contacts-col-view .contacts-col {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 33.33333% !important;
        flex: 0 0 33.33333% !important;
        max-width: 33.33333% !important
    }
}

@media (min-width: 768px) {
    .material-style .contacts-col-view .contacts-col {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 33.33333% !important;
        flex: 0 0 33.33333% !important;
        max-width: 33.33333% !important
    }
}