.avatar_center {
    width: 250px;
    height: 550px;
    position: absolute;
    right: 650px;
    bottom: 30px;
    z-index: 2000;
    display: none;
}
.avatar_left {
    width: 120px;
    height: 275px;
    position: absolute;
    left: 30px;
    bottom:280px;
    z-index: 2000;
}
.avatar_right {
    width: 120px;
    height: 275px;
    position: absolute;
    right: 85px;
    bottom: 30px;
    z-index: 2000;
}
.avatar_left_in_exercise {
    width: 120px;
    height: 275px;
    position: absolute;
    left: -40px;
    bottom:100px;
    z-index: 2000;
}
@media only screen and (min-width : 1499px) {
    .avatar_left_in_exercise {
        left: -60px;
    }
}
@media only screen and (max-width : 1399px) {
    .avatar_left_in_exercise {
        left: -40px;
    }
}
@media only screen and (max-width : 991px) {
    .avatar_left_in_exercise {
        left: -60px;
    }
}
@media only screen and (max-width : 575px) {
    .avatar_left_in_exercise {
        left: 4px;
    }
}
@media only screen and (max-width : 1128px) {
	.avatar_right {
	    right: 55px;
	}
}
@media only screen and (max-width : 618px) {
	.avatar_right {
  		width: 72px;
        height: 165px;
	    right: 30px;
		bottom: 0px;
	}
}
@media only screen and (max-height : 1024px) {
    .avatar_center, .avatar_left, .avatar_right, .avatar_left_in_exercise {
        bottom: 320px;
    }
}
@media only screen and (max-height : 912px) {
    .avatar_center, .avatar_left, .avatar_right, .avatar_left_in_exercise {
        bottom: 220px;
    }
}
@media only screen and (max-height : 820px) {
    .avatar_center, .avatar_left, .avatar_right, .avatar_left_in_exercise {
        bottom: 200px;
    }
}
@media only screen and (max-height : 600px) {
    .avatar_center, .avatar_left, .avatar_right, .avatar_left_in_exercise {
        bottom: 140px;
    }
}