.bundle-items{
list-style: none !important;
font-size: inherit !important;
display: grid;
grid-auto-columns: 1fr 1fr 1fr 1fr;
grid-auto-flow: column;
grid-column-gap: 3rem;
margin: 3rem 0 0 0 !important;
h3{
color: #fff;
font-size: 1em !important;
margin: 0 0 .5rem 0 !important;
}
}
@media (max-width: 1024px) {
.bundle-items{
grid-auto-flow: row;
grid-row-gap: 2rem;
}
}
 @media screen and (max-width:767px){} @media screen and (-webkit-max-device-pixel-ratio: 1) and (min-width: 1200px), screen and (min-width: 768px) and (max-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1) and (min-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1200px){}