/*MEMBERLİST PROFİLE STYLE*/

.memberlistprofile {
display: inline-table;
box-sizing: border-box;
width: 15rem;
margin: 0.3rem;
border: 1px solid #D5EDF0;
text-align: center;
color: #444;
border-radius: .5rem;
height: 6rem;
background: #E9F1F1;
}

.memberlistname {
font-family: 'Pacifico', cursive;
font-size: 14px;
letter-spacing: 0.1rem;
text-transform: uppercase;
text-align:center;
margin-top: -10px;
cursor:pointer;
}
.memberlistbio {
margin-bottom: 1rem;
font-size: 1rem;
font-family: Georgia, serif;
background: #f5f5f5;
margin-top:-15px;    

}
.userstar  {
float:right;
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
transform: rotate(90deg);
margin-right:-50px;
background: #E9F1F1;
border-radius: 11px 11px 0px 0px;
-moz-border-radius: 11px 11px 0px 0px;
-webkit-border-radius: 11px 11px 0px 0px;
border-top: 2px solid #F3D3D7;
margin-top:-65px;    
}
.memberlist_avatar {
   height: 120px;
      width: 120px;
      overflow: hidden;
      padding: 4px;
      border: 8px solid #D5EDF0;    
      margin-top:-15px;
     border-radius: 50% 0;
   -moz-border-radius: 50%;
  -webkit-border-radius: 50%;  
   }

.memberlist_avatar img {
  box-shadow: 0 4px 10px 0 rgba(0,0,0,0.1), 0 2px 10px 0 rgba(0,0,0,0.1);
  width: 130px;
  height: 130px;
  border-radius: 50% 0;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;  
  margin-top:-6px;
  margin-left:-2px;
}

.memberlist_avatar img:hover {
  -moz-transition: all 1.0s ease-in-out;
  -webkit-transition: all 1.0s ease-in-out;
  -o-transition: all 1.0s ease-in-out;
  -ms-transition: all 1.0s ease-in-out;
  transition: all 1.0s ease-in-out;
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}

h4 {
font-family: source-sans-pro, sans-serif;
color: #6EE6E8;
font-weight: 100;
font: 2rem/4.5rem "Kite One";
padding: 0 1.5rem;
opacity: .5;
}

.infothead{
   border-top: 1px solid #fff;
   padding: 6px;
       background:#7ebeba;
   color: #f1f1f1;
}

@media only screen and (max-width:728px) {

.memberlistprofile {float: left;width: 100%; text-align: center;}