h2.page-header {
    margin:10px 0  25px 0;
    padding-bottom:15px;
}
.user-baseinfo {
    margin-bottom:25px;
}
.user-baseinfo table tr td {color:#999;}
@media (min-width: 767px) {
    .user-center .avatar-text,.user-center .avatar-img {
        height:150px;width:150px;border-radius: 150px;line-height:150px;font-size:70px;
    }
    .user-center .avatar-img  {font-size:0;}
    .user-center .avatar-img img {
        height:150px;width:150px;border-radius:150px;
    }
}


.panel-intro > .panel-heading {
  padding: 15px;
  padding-bottom: 0;
  background: #fff;
  border-color: #fff;
  position: relative;
  border-bottom: 1px solid #eee;
  margin-bottom:20px;
}
.panel-intro > .panel-heading .panel-lead {
  margin-bottom: 15px;
}
.panel-intro > .panel-heading .panel-lead em {
  display: block;
  font-weight: bold;
  font-style: normal;
}
.panel-intro > .panel-heading .panel-title {
  height: 25px;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.panel-intro > .panel-heading .panel-control {
  height: 42px;
  position: absolute;
  top: 8px;
  right: 8px;
}
.panel-intro > .panel-heading .panel-control .fa {
  font-size: 14px;
}
.panel-intro > .panel-heading .nav-tabs {
  border-bottom: 0;
  margin-bottom: 0;
}
.panel-intro > .panel-heading .nav-tabs > li > a {
  margin-right: 4px;
  color: #95a5a6;
  background-color: #d8e0e6;
  border: 1px solid #fff;
  border-bottom-color: transparent;
}
.panel-intro > .panel-heading .nav-tabs > li > a:hover,
.panel-intro > .panel-heading .nav-tabs > li > a:focus {
  border: 1px solid #eee;
  border-bottom: 1px solid #fff;
  color: #7b8a8b;
  background-color: #ffffff;
}
.panel-intro > .panel-heading .nav-tabs > li a.active,
.panel-intro > .panel-heading .nav-tabs > li a.active:hover,
.panel-intro > .panel-heading .nav-tabs > li a.active:focus {
  border: 1px solid #eee;
  border-bottom: 1px solid #fff;
  color: #7b8a8b;
  background-color: #ffffff;
}

@media (max-width: 767px) {
#sidenav {display: block !important;}
.panel-heading{display: none !important;}
}
@media (min-width: 767px) {
#sidenav {display: none !important;}
.panel-heading{display: block !important;}
}