/* BUICK SITE COLORS GREY: #666666; DK GREY: #2b2b2b; ORANGE: #c9480c; FONTS font-family: futura-pt, Helvetica, Arial, sans-serif; font-weight: 300,400,500,600,700 font-family: casus, sans-serif; font-weight: 300, 400,600,700 'Avenir LT Std 35 Light', 'Avenir LT Std 45 Book', 'Avenir LT Std 55 Roman', 'Avenir LT Std 65 Medium', 'Avenir LT Std 85 Heavy', 'Avenir LT Std 95 Black', font-family: 'Avenir LT Std 55 Roman', Helvetica, Arial, sans-serif; */ /* ** */ .available-models { display: grid; justify-content: center; background: #f5f5f5; } .available-models .btn-good3 { width: 100%; margin-bottom: 11px; } .available-models .bx-viewport { height: auto !important; min-height: 370px !important; background: #f5f5f5; } .available-models .bxslider2 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px; /* Adjust gap as needed */ padding: 0; margin: 0; list-style: none; width: auto !important; } .available-models .bxslider2 li { border-radius: 20px; padding: 15px; background: #ffffff; } .available-models .bx-controls { display: none; } .carousel-inner>.item>a>img { margin: auto; width:100%; } /* Responsive adjustments */ @media (max-width: 1300px) { .available-models .bxslider2 { grid-template-columns: repeat(2, 1fr); /* 2 columns on tablets */ } } @media (max-width: 992px) { .available-models .bxslider2 { grid-template-columns: repeat(1, 1fr); /* 2 columns on tablets */ } } @media (max-width: 600px) { .available-models .bxslider2 { grid-template-columns: 1fr; /* 1 column on smaller screens */ gap: 20px; /* Reduce gap for smaller screens */ } .available-models .bxslider2 li { padding: 10px; /* Adjust padding for mobile */ } } /* /END Inventory Models*/