.tab-pane{
	padding-top: 20px;
}
.boxavatarselect a{
	display: inline-block;
	float: left;
	border: 5px solid #fff;
	padding: 2px;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
	text-align: center;
}
.boxavatarselect a:hover{
	border: 5px solid #f1f1f1;
}
.boxavatarselect a.active{
	border: 5px solid #18bc9c;
}
@media (max-width:900px) {
	.boxavatarselect a{
		width: 50%;
	}
}
@media (max-width:767px) {
	.boxavatarselect a{
		width: 25%;
	}
	.profilebox .management .thumbnailProfile{
		max-width: 200px;
	}
}
@media (max-width:480px) {
	.boxavatarselect a{
		width: 33.33%;
	}
	.boxavatarselect img{
		width:100%;
	}
	.profilebox .management .thumbnailProfile{
		max-width:none;
		min-height: 80px;
	    border-bottom: 1px solid #e6e6e6 !important;
	}
	.profilebox .management .thumbnailProfile .thumbnail{
		width: 70px;
		float: left;
	}
	.profilebox .management .thumbnailProfile .username{
		padding-left: 80px;
	    text-align: left;
	    font-size: 20px;
	    padding-top: 26px;
	}
	.profilebox .management>ul:not(.contactinfo) li a, .profilebox .management>ul.contactinfo li a {
	    padding: 10px 20px 10px 20px !important;
	    line-height: 1;
	}
}
@media (max-width:320px) {

}