.stm-single-car-listing-data {
display: block;
position: relative;
width: 100%;
overflow: hidden;
}
.stm-single-car-listing-data .data-list-wrap {
display: grid;
list-style: none;
margin: 0 -15px;
padding: 0;
}
@media (min-width: 1025px) {
.stm-single-car-listing-data .data-list-wrap.cols-1 {
grid-template-columns: 100%;
}
.stm-single-car-listing-data .data-list-wrap.cols-1 .data-list-item:nth-child(1):before {
display: none;
}
.stm-single-car-listing-data .data-list-wrap.cols-2 {
grid-template-columns: 50% 50%;
}
.stm-single-car-listing-data .data-list-wrap.cols-2 .data-list-item:nth-child(1):before, .stm-single-car-listing-data .data-list-wrap.cols-2 .data-list-item:nth-child(2):before {
display: none;
}
.stm-single-car-listing-data .data-list-wrap.cols-3 {
grid-template-columns: 33.33% 33.33% 33.33%;
}
.stm-single-car-listing-data .data-list-wrap.cols-3 .data-list-item:nth-child(1):before, .stm-single-car-listing-data .data-list-wrap.cols-3 .data-list-item:nth-child(2):before, .stm-single-car-listing-data .data-list-wrap.cols-3 .data-list-item:nth-child(3):before {
display: none;
}
.stm-single-car-listing-data .data-list-wrap.cols-4 {
grid-template-columns: 25% 25% 25% 25%;
}
.stm-single-car-listing-data .data-list-wrap.cols-4 .data-list-item:nth-child(1):before, .stm-single-car-listing-data .data-list-wrap.cols-4 .data-list-item:nth-child(2):before, .stm-single-car-listing-data .data-list-wrap.cols-4 .data-list-item:nth-child(3):before, .stm-single-car-listing-data .data-list-wrap.cols-4 .data-list-item:nth-child(4):before {
display: none;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.stm-single-car-listing-data .data-list-wrap.tablet-cols-1 {
grid-template-columns: 100%;
}
.stm-single-car-listing-data .data-list-wrap.tablet-cols-1 .data-list-item:nth-child(1):before {
display: none;
}
.stm-single-car-listing-data .data-list-wrap.tablet-cols-2 {
grid-template-columns: 50% 50%;
}
.stm-single-car-listing-data .data-list-wrap.tablet-cols-2 .data-list-item:nth-child(1):before, .stm-single-car-listing-data .data-list-wrap.tablet-cols-2 .data-list-item:nth-child(2):before {
display: none;
}
.stm-single-car-listing-data .data-list-wrap.tablet-cols-3 {
grid-template-columns: 33.33% 33.33% 33.33%;
}
.stm-single-car-listing-data .data-list-wrap.tablet-cols-3 .data-list-item:nth-child(1):before, .stm-single-car-listing-data .data-list-wrap.tablet-cols-3 .data-list-item:nth-child(2):before, .stm-single-car-listing-data .data-list-wrap.tablet-cols-3 .data-list-item:nth-child(3):before {
display: none;
}
.stm-single-car-listing-data .data-list-wrap.tablet-cols-4 {
grid-template-columns: 25% 25% 25% 25%;
}
.stm-single-car-listing-data .data-list-wrap.tablet-cols-4 .data-list-item:nth-child(1):before, .stm-single-car-listing-data .data-list-wrap.tablet-cols-4 .data-list-item:nth-child(2):before, .stm-single-car-listing-data .data-list-wrap.tablet-cols-4 .data-list-item:nth-child(3):before, .stm-single-car-listing-data .data-list-wrap.tablet-cols-4 .data-list-item:nth-child(4):before {
display: none;
}
}
@media (max-width: 767px) {
.stm-single-car-listing-data .data-list-wrap.mobile-cols-1 {
grid-template-columns: 100%;
}
.stm-single-car-listing-data .data-list-wrap.mobile-cols-1 .data-list-item:nth-child(1):before {
display: none;
}
.stm-single-car-listing-data .data-list-wrap.mobile-cols-2 {
grid-template-columns: 50% 50%;
}
.stm-single-car-listing-data .data-list-wrap.mobile-cols-2 .data-list-item:nth-child(1):before, .stm-single-car-listing-data .data-list-wrap.mobile-cols-2 .data-list-item:nth-child(2):before {
display: none;
}
.stm-single-car-listing-data .data-list-wrap.mobile-cols-3 {
grid-template-columns: 33.33% 33.33% 33.33%;
}
.stm-single-car-listing-data .data-list-wrap.mobile-cols-3 .data-list-item:nth-child(1):before, .stm-single-car-listing-data .data-list-wrap.mobile-cols-3 .data-list-item:nth-child(2):before, .stm-single-car-listing-data .data-list-wrap.mobile-cols-3 .data-list-item:nth-child(3):before {
display: none;
}
.stm-single-car-listing-data .data-list-wrap.mobile-cols-4 {
grid-template-columns: 25% 25% 25% 25%;
}
.stm-single-car-listing-data .data-list-wrap.mobile-cols-4 .data-list-item:nth-child(1):before, .stm-single-car-listing-data .data-list-wrap.mobile-cols-4 .data-list-item:nth-child(2):before, .stm-single-car-listing-data .data-list-wrap.mobile-cols-4 .data-list-item:nth-child(3):before, .stm-single-car-listing-data .data-list-wrap.mobile-cols-4 .data-list-item:nth-child(4):before {
display: none;
}
}
.stm-single-car-listing-data .data-list-wrap .data-list-item {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
padding: 8px 15px;
margin: 0;
position: relative;
}
@media (max-width: 767px) {
.stm-single-car-listing-data .data-list-wrap .data-list-item {
padding: 0.8vw 15px 0.8vw;
}
}
.stm-single-car-listing-data .data-list-wrap .data-list-item:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background-color: var(--motors-bg-shade);
margin: 0 15px;
}
.stm-single-car-listing-data .data-list-wrap .data-list-item > .item-label {
display: block;
font-size: 13px;
padding: 5px 5px 5px 0;
color: var(--motors-text-alpha-color);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 45%;
flex-grow: 1;
}
.stm-single-car-listing-data .data-list-wrap .data-list-item > .item-label i {
display: inline-block;
position: relative;
top: 3px;
font-size: 18px;
min-width: 33px;
padding-right: 5px;
text-align: center;
vertical-align: top;
max-height: 22px;
color: var(--motors-accent-color);
}
.stm-single-car-listing-data .data-list-wrap .data-list-item > .heading-font {
padding: 5px 0 5px 10px;
color: var(--motors-text-color);
font-size: 14px;
font-weight: 700;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 55%;
flex-grow: 1;
}
@media (max-width: 767px) {
.stm-single-car-listing-data .data-list-wrap .data-list-item > .heading-font {
white-space: normal;
}
}