.stocks {
    padding-bottom: 60px;
}
.stocks__group {
    padding-top: 50px;
    margin-bottom: 40px;
}
.stocks__list {
    grid: none/repeat(4, 1fr);
    gap: 30px;
}
.stocks__item {
    display: flex;
    flex-direction: column;
}
.stocks__img-wrap {
    height: 204px;
    z-index: 1;
    border-radius: 4px;
    margin-bottom: 24px;
}
.stocks__img.bg img {
	display: block;
}
.stocks__name {
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 20px;
}
.stocks__text {
    margin-bottom: 30px;
}
.stocks__btn {
    margin-top: auto;
    margin-right: auto;
}
@media screen and (min-width: 1576px) {
    .stocks__list {
        gap: 29.66px;
    }
}
@media screen and (max-width: 1220px) {
    .stocks__list {
        gap: 20px;
    }
	.stocks__text {
		margin-bottom: 28px;
	}
}
@media screen and (max-width: 992px) {
    .stocks {
        padding-bottom: 45px;
    }
    .stocks__list {
        grid: none/repeat(2, 1fr);
        gap: 40px 30px;
    }
	.stocks__img-wrap {
		margin-bottom: calc(15px + 4px);
	}
	.stocks__name {
		line-height: 22px;
		margin-bottom: 15px;
	}
    .stocks__text {
        margin-bottom: calc(15px + 5px);
    }
}
@media screen and (max-width: 480px) {
	.stocks__group {
		margin-bottom: 35px;
	}
	.stocks__list {
        grid: none/1fr;
        gap: 30px 0;
    }
	.stocks__img.bg {
		position: relative;
	}
	.stocks__img.bg img {
		width: auto;
		height: auto;
	}
	.stocks__img-wrap {
		margin-bottom: calc(10px + 4px);
	}
	.stocks__name {
		margin-bottom: 10px;
	}
    .stocks__text {
        margin-bottom: calc(10px + 4px + 2px);
    }
}