.contact-image{float:left;width:160px;text-align:center}
.contact-image .imagewrap{border-width:1px;border-style:solid;padding:4px;width:150px;height:150px;margin-bottom:16px}
.contact-image .imagewrap .image{position:relative;overflow:hidden;text-align:center;vertical-align:center;height:150px;line-height:150px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
.contact-image .imagewrap .image img{max-width:100%;max-height:100%;vertical-align:middle}

.contact-name{margin-left:25%;margin-bottom:8px}

.contact-main{margin-left:25%}
.contact-main:after{content:'';clear:both;display:block;}


.contact .metalist .meta{display:table;width:100%;border-bottom-width:1px;border-bottom-style:solid;}

.contact .metalist .meta .meta-label{font-size:12px;display:table-cell;padding:8px 24px 8px 0;width:25%}
.contact .metalist .meta .meta-value{display:table-cell;padding:8px 0}
.contact .metalist .meta .meta-value .phone{font-size:18px;line-height:1em}

.contact .metalist .meta-map{display: block}
.contact .metalist .meta-map .meta-label{display:block;width:auto;border-bottom:0;padding-bottom:0}
.contact .metalist .meta-map .meta-value{display:block;border-bottom:0}
.contact .metalist .meta-map .meta-value .imagewrap{border-width:1px;border-style:solid;padding:4px}
.contact .metalist .meta-map .meta-value .image img{width:100%;vertical-align:middle}
.contact .metalist .meta-map .meta-value .map{height:250px}
.contact .metalist .meta-map .meta-value .map .gm-style .gm-style-iw{font:13px/1.2 helvetica,arial,sans-serif}

.activities .contact-image{float:left;width:74px;margin-bottom:0}
.activities .contact-image .imagewrap{width:64px;height:64px;line-height:64px}
.activities .contact-image .imagewrap .image{height:64px;line-height:64px}
.activities .contact-name{margin-left:0;padding-left:10px;display:table-cell;vertical-align:middle;height:84px}

.activities .contact .metalist .meta{display:block}
.activities .contact .metalist .meta .meta-label{display:block;width:auto;height:auto;padding-bottom:0}
.activities .contact .metalist .meta .meta-value{display:block}

.activities .contact-main{margin-left:0;width:280px;clear:both;float:left;margin-top:-8px}
.activities .contact-details{width:280px;clear:both;float:left;margin-bottom:24px}
.activities .contact-rels{width:280px;float:left;clear:left}
.activities .contact-rels .list .cards .card{float:none;width:100%}
.activities .contact-rels .list .cards .card .cardin{padding:3%}

.activities .contact-rels dl dt{font-weight:bold;margin:24px 0 0 0}
.activities .contact-rels dl dd{margin:6px 0 6px 0}
.activities .contact-rels dl dd p{margin:0;font-size:12px}
.activities .activities-main{margin-left:304px;padding-left:24px;border-left-style:solid;border-left-width:1px}
.activities .activities-main:after{content:'';display:block;clear:both}

.activities .ui-tabs{position:static;}
.activities .ui-tabs .tabs-control{display:none}
.activities .ui-tabs .ui-tabs-nav{zoom:1;display:table;width:100%;margin:0!important;}
.activities .ui-tabs .ui-tabs-nav:after{display:none}
.activities .ui-tabs .ui-tabs-nav li{float:none;display:table-cell;padding:0!important;margin:0!important;top:0;display:static;white-space:normal}
.activities .ui-tabs .ui-tabs-nav li a{display:block;float:none;margin-right:2px;text-align:center}
.activities .ui-tabs .ui-tabs-panel{padding:2px 0 0 0!important;display:block!important}
.activities .ui-tabs .ui-tabs-panel .h2button{margin-top:0}


.activities .activities-main .list .item{padding-top:1px;}
.activities .activities-main .list .item .view {padding:30px 0 0 34px;border-width:1px 0 0 0}
.activities .activities-main .list .item .view .checkmark{float:left;width:24px;height:24px;border-style:solid;border-width:1px;background-position:50% 50%;background-repeat:no-repeat;border-radius:20px;margin:-4px 0 0 -34px}
.activities .activities-main .list .item .view .smallmetalist{margin:18px 0 0 0;font-size:12px;}
.activities .activities-main .list .item .view .smallmetalist .meta{overflow:hidden;min-height:1px}
.activities .activities-main .list .item .view .smallmetalist .meta .meta-label{float:left;margin-right:0.2em}
.activities .activities-main .list .item .view .smallmetalist .meta .meta-value{min-height:1px;overflow:hidden}
.activities .activities-main .list .item .edit .article{margin-bottom:0}

@media (max-width: 959px) {
    .contact-image{float:left;width:74px;margin-bottom:0}
    .contact-image .imagewrap{width:64px;height:64px;line-height:64px}
    .contact-image .imagewrap .image{height:64px;line-height:64px}

    .contact-name{margin-left:0;padding-left:10px;display:table-cell;vertical-align:middle;height:84px}
    .contact-main{margin-left:0;}


    .contact .metalist .meta{display:block}
    .contact .metalist .meta .meta-label{display:block;width:auto;height:auto;padding-bottom:0}
    .contact .metalist .meta .meta-value{display:block}


    .activities .contact-main{width:auto;clear:both;float:none}
    .activities .contact-details{width:auto;clear:both;float:none}
    .activities .contact-rels{width:auto;clear:both;float:none}
    .activities .activities-main{margin-left:0;padding-left:0;border-left-style:none}
    
    .activities .ui-tabs{margin-top:24px;}
    .activities .ui-tabs .tabs-control{display:block!important}
    .activities .ui-tabs .ui-tabs-panel{display:none!important}
    .activities .ui-tabs .ui-tabs-panel.open{display:block!important}
    
    .activities .ui-tabs .ui-tabs-panel .h2button{margin-top:18px}
}