.p-sub-category {
 margin: 30px 10px;
 padding: 0;
 list-style-type: none;
}

.p-sub-category::after {
 clear: both;
 display: block;
 content: '';
}

.p-sub-category__item {
 float: left;
 width: 50%;
 padding: 10px 5px;
 box-sizing: border-box;
}

.p-sub-category__image {
 margin-bottom: 10px;
 display: block;
}

.p-sub-category__link {
 display: block;
 color: #333;
 text-decoration: none;
 transition: opacity .2s;
}

.p-sub-category__link:hover {
 opacity: .66;
}

.p-sub-category__link:active {
 opacity: 1;
}

.p-sub-category__name {
 padding-left: .8em;
 display: block;
 position: relative;
 line-height: 1.3;
}

.p-sub-category__name::before {
 position: absolute;
 top: 0;
 left: 0;
 content: '-';
}

@media screen and (min-width: 768px) {
.p-sub-category {
 margin-right: 0;
 margin-left: 0;
}

.p-sub-category__item {
 width: 25%;
 padding: 15px 10px;
}

.p-sub-category__item:nth-child(4n + 1) {
 clear: both;
}
}

@media screen and (max-width: 767px) {
.p-sub-category__item:nth-child(2n + 1) {
 clear: both;
}
}