


.user-profile-edit-section{
	padding: 12px;
	@media (min-width: $screen-md-min){
		padding: 24px;
	}
	.section-header{
		margin: 0 ;
		padding: 0 0 12px;
		border-bottom: $border;
		@media (min-width: $screen-md-min){
			padding: 0 0 24px;
		}
		.section-header__title{
			margin: 0;
			line-height: 24px;
			font-size: 18px;
			font-weight: 500;
			@media (min-width: $screen-md-min){
				line-height: 28px;
				font-size: 24px;
			}
		}
	}
	.section-content{
		padding: 12px 0;
		@media (min-width: $screen-md-min){
			padding: 24px 0;
		}
	}
	.section-footer{
		padding-top: 12px;
		border-top: $border;
		@media (min-width: $screen-md-min){
			padding-top: 24px;
		}
	}
	.avatar-wrapper{
		.avatar-image{
			.image-wrap{
				display: inline-block;
				vertical-align: top;
				width: 156px;
				height: 156px;
				border: 2px solid $color-primary;
				border-radius: 50%;
				.ht-inner{
					border-radius: 50%;
				}
			}
		}
	}
	.more-pd{
		@media (min-width: $screen-md-min){
			padding-left: 28px;
			padding-right: 28px;
			&:first-child{
				padding-left: 6px;
			}
			&:last-child{
				padding-right: 6px;
			}
		}
	}
	.label-container{
		min-height: 34px;
		display: flex;
		align-items: center;
		label{
			line-height: 17px;
			font-size: 13px;
			margin: 0;
			@media (min-width: $screen-md-min){
				font-size: 14px;
			}
		}
	}
}