﻿
.hard-good-row { flex-flow: row; justify-content: flex-start; align-items: stretch; display: flex; }

.hard-good-item { flex-direction: column; flex: 0 25%; justify-content: space-between; align-self: stretch; margin-bottom: 19px; margin-left: 9px; margin-right: 9px; display: flex; }

.hard-good-button-block { margin-top: auto; }

.hard-good-text-block { margin-top: 10px; margin-bottom: auto; }

@media screen and (max-width: 991px) { /*6544*/
    .hard-good-row { flex-flow: wrap; align-items: stretch; }

    .hard-good-item { width: 30%; flex: none; align-items: flex-start; }
}

@media screen and (max-width: 767px) { /*8057*/
    .hard-good-item { width: 45%; }

}

@media screen and (max-width: 479px) { /*9421*/
    .hard-good-item { width: 94%; }
}
