.awards{display: flex;}
.awards .medal{float: left; margin: 1px;}
.award_nickname{line-height: 1; float: left; margin: 4px; padding-right: 10px;}
.award_nickname .rank_label{color:#333; font-size:1rem;}
.line_handler {
    background-image: url("/templates/default/controllers/awards/images/transform_move.png");
    background-repeat: no-repeat;
    background-position: center;
    cursor: move;
}
.icon-medal, .menu .medal .item { background-image: url("/templates/default/controllers/awards/images/medal.png"); }
.icon-rank, .menu .rank .item { background-image: url("/templates/default/controllers/awards/images/rank.png"); }
.icon-ranking, .menu .ranking .item { background-image: url("/templates/default/controllers/awards/images/ranking.png"); }
.icon-regalia, .menu .regalia .item { background-image: url("/templates/default/controllers/awards/images/regalia.png"); }
.avatar-medals{width: 50px;}
.avatar-medal{width:22px; height:22px; border-radius:11px; border:#FFF solid 1px;-webkit-box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.45);-moz-box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.45);box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.45); position:relative; z-index:5; margin-right:-10px; margin-left:-3px; margin-top:-5px; margin-bottom:-5px; padding:2px; background-color:#8C7B40}
.medal{display: contents;}
.block_medal{    display: block;
    text-align: center;
    padding: 2%;}
@media (min-width:310px) and (max-width:639px){
.avatar-medals{
    padding-top: 1%;
    width: 31px;
    height: 95px;
}
.avatar-medal {
    width: 18px;
    height: 20%;
}

.line_handler {
    background-image: url("/templates/default/controllers/awards/images/transform_move.png");
    background-repeat: no-repeat;
    background-position: center;
    cursor: move;
    width: 50%;
}
}
.block-medal{
    height: 20px;
}