.makeing{padding-bottom: 40px}
.makeing__title{margin-bottom: 30px}
.makeing__list{display: flex; flex-wrap: wrap; margin: 0 -15px}
.makeing__item{overflow: hidden; display: block; width: 30.8%; margin: 0 15px 37px; border-radius: 3px}
.makeing__img{height: 270px}
.makeing__img img{width: 100%; height: 100%; object-fit: cover}
.makeing__name{display: flex; justify-content: center; align-items: center; height: 55px; padding: 5px 10px; background-color: #EFF2F8; font-size: 18px; font-weight: 700; line-height: 1.2; text-transform: uppercase; text-align: center}
.makeing__item:hover .makeing__name{color:#111; text-decoration:none}
.makeing__item:hover{color:#111; text-decoration:none}
@media screen and (max-width: 1229px){
	.makeing__item{width: 30.5%; margin: 0 15px 37px}
}
@media screen and (max-width: 1139px){
	.makeing__item{width: 30.5%; margin: 0 10px 37px}
	.makeing__list{margin: 0 -15px; margin-left: 0}
	.makeing__img{height: 240px}
}
@media screen and (max-width: 991px){
	.makeing__img{height: 220px}
	.makeing__name{font-size: 16px}
}
@media screen and (max-width: 767px){
	.makeing__list{margin: 0; margin-left: 0; justify-content: space-between}
	.makeing__item{width: 48%; margin: 0 0 30px}
	.makeing{padding-bottom: 15px}
}
@media screen and (max-width: 575px){
	.makeing__img{height: 180px}
}
@media screen and (max-width: 479px){
	.makeing__img{height: 160px}
	.makeing__name{font-size: 14px}
}
	
@media screen and (max-width: 419px){
	.makeing__item{width: 100%; margin: 0 0 30px}
	.makeing__img{height: 230px}
}