/*VehicleSection v3*/
#newVehicleSection {
position: RELATIVE;
.newVehicles__model {
position: absolute;
top: 20rem;
z-index: 10;
width: 15rem!important;
background: getColor(primary);
overflow: HIDDEN;
height: 100%;
li {
margin: 0;
width: 100%;
display: BLOCK;
border-bottom: 0.3rem solid #fff;
button {
border-radius: 0;
margin: 0;
padding: 0;
border: none;
line-height: 5rem;
background: none;
color: #fff;
font-size: 1.5rem;
text-transform: none;
font-weight: 700;
}
}
li.active button {
background: getColor(secondary);
}
}
.tab-content {
padding: 0px;
min-height: 50rem;
header {
height: 20rem;
overflow: hidden;
}
.newVehicles__bg-primary img {
width: 100%;
}
.newVehicles__main-vehicle {
padding: 0 5%;
margin-top: -12%;
text-align: RIGHT;
position: RELATIVE;
img {
height: 16rem;
width: auto;
}
}
.vehicle-section {
width: 100%;
}
.newVehicles__categories {
padding-left: 15rem;
.list-unstyled {
padding: 0 1rem 2rem 1rem;
display: flex;
flex-wrap: wrap;
.stock-qty-0 .newVehicle__inventory {
display: none!important;
}
.newVehicle__item {
max-width: 100%;
flex: 0 0 25%;
margin-bottom: 1rem;
border-right: 0.2rem solid #c6c6c6;
padding-bottom: 1.5rem;
.newVehicle__inventory {
display: BLOCK;
background: getColor(secondary);
color: #fecd4a;
font-weight: 700;
font-size: 1.5rem;
text-align: center;
right: 0.5rem;
}
.newVehicle__inventory:after {
display: block;
color: #fff;
font-weight: 600;
font-size: 1rem;
}
.newVehicle__info {
text-align: left;
padding-left: 1rem;
padding-top: 1rem;
.newVehicle__title {
font-size: 1.3rem;
position: RELATIVE;
padding-right: 2rem;
}
.starting-price {
font-size: 1rem;
}
}
}
}
}
}
}
@media screen and (max-width:75em) {
#newVehicleSection .tab-content {
.newVehicles__main-vehicle img {
height: 12rem;
}
.newVehicles__categories .list-unstyled {
.newVehicle__item {
flex: 0 0 33%;
.newVehicle__info .starting-price {
font-size: 0.9rem;
}
}
}
}
}
@media screen and (max-width:64em) {
#newVehicleSection {
.newVehicles__model {
width: 13rem !important;
li button {
font-size: 1.2rem;
line-height: 4rem;
}
}
.tab-content .newVehicles__main-vehicle img {
height: 10rem;
}
.tab-content .newVehicles__categories .list-unstyled .newVehicle__item {
flex: 0 0 50%;
}
}
}
@media screen and (min-width:100em) {
#newVehicleSection .tab-content {
.newVehicles__main-vehicle img {
height: 20rem;
}
}
}
/*end VehicleSection v3*/