.brand {
	padding: 71px 0;
}

.conbrand {
	flex-wrap: wrap;
	max-width: 850px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.eachbrand {
	width: calc(100% / 3);
	padding-top: calc(100% / 4);
	position: relative;
}

.brandlogo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	max-width: 238px;
	max-height: 135px;
}

.msnr-brand {
	background-color: #f8f7f4;
	margin-bottom: 75px;
	padding: 70px 0 60px;
}

.gutter-sizer-brand {
	width: 20px;
}

.e-mbrand {
	width: calc((100% - 140px) / 7);
	box-sizing: border-box;
	padding: 24px 17px 0;
	background-color: white;
	height: max-content;
	float: left;
	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: 10px;
}

.e-mbrand figure {
	height: 75px;
	margin-bottom: 20px;
}

.c-flex {
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.e-mbrand h2 {
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	letter-spacing: 0.05em;
	color: #000000;
	margin-bottom: 9px;
}

.e-mbrand span {
	font-size: 12px;
	line-height: 15px;
	text-align: center;
	letter-spacing: 0.05em;
	color: #A6A6A6;
	align-items: flex-start;
	justify-content: center;
}

.e-mbrand span img {
	margin-right: 6px;
	width: 9px;
	height: auto;
	margin-top: 1.5px;
}

.e-mbrand p {
	padding: 13px 0;
	border-top: 1px solid #E4E4E4;
	font-size: 12px;
	line-height: 15px;
	text-align: center;
	letter-spacing: 0.05em;
	margin-top: 16px;
}

.e-mbrand figure img {
	max-width: 100%;
	max-height: 100%;
}

.galery {
	padding: 71px 0 90px;
}

.gutter-sizer-gale {
	width: 23px;
}

.each-gale {
	width: calc((100% - 69px) / 4);
}

section.msnr-brand .container {
	display: block;
	overflow: hidden;
}

.e-mbrand:nth-child(7n+8) {
	clear: both;
}

@media (max-width: 1199px) {
	.e-mbrand {
		width: calc((100% - 100px) / 5);
	}

	.e-mbrand:nth-child(7n+8) {
		clear: none;
	}

	.e-mbrand:nth-child(5n+6) {
		clear: both;
	}
}

@media (max-width: 916px) {
	.brandlogo {
		max-width: 180px;
		max-height: 90px;
	}
}

@media (max-width: 767px) {
	.eachbrand {
		margin-bottom: 25px;
		width: 50%;
	}

	.e-mbrand {
		width: calc((100% - 40px) / 2);
	}

	.e-mbrand:nth-child(7n+8) {
		clear: none;
	}

	.e-mbrand:nth-child(5n+6) {
		clear: none;
	}

	.e-mbrand:nth-child(2n+3) {
		clear: both;
	}
}

@media (max-width: 500px) {
	.brandlogo {
		max-height: 70px;
	}
}