&_row {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
.detail__highlight_column {
display: flex;
flex: 0 0 100%;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 20px;
@media screen and (min-width: 768px) {
flex: 1 1 50%;
}
&:nth-child(2n) {
@include min-screen($screen-md) {
justify-content: flex-end;
flex: 0 0 40%;
.listing-info-detail {
flex: 0 0 120px;
}
}
}
.detail_highlight_label {
flex: 0 0 108px;
font-size: 1.3rem;
color: #A0ACC1;
}
.detail_highlight_data {
font-weight: 600;
flex: 1 1 120px;
}
}
}