/* Site Colors: Blue: #007cc0 Dark Blue: #00324f; light grey: #e8e8e8; #ececec; #f2f2f2; red: #e42525; Site Fonts: 'Avenir LT Std 45 Book', 'Avenir LT Std 35 Light', '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', Arial, sans-serif; */ .badgelisting { min-width: 158px; } .btn-small { white-space: normal; } /* ************Inventory Models************ */ .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; } /* 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*********** */