/* Chevrolet Site Colors GOLD: #cd9834; Gray: #808080; black: #262626; Fonts font-family: 'Roboto', Helvetica, sans-serif; font-weight: 400, 500, 700 font-family: 'Barlow Semi Condensed', Tahoma, sans-serif; font-weight: 100, 300, 400, 500, 600, 700, 800 */ body { font-family: "Trebuchet MS", "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*/ /* Lease Banner */ .lease-banner { background-image: url('https://automotivecdn.com/chevrolet/2022/bolt-ev/2022-chevrolet-bolt-ev-banner3.jpg'); background-size: cover; min-height: 194px; /* width: 1400px; */ background-position: right; margin: -10px; color: #fff; } .lease-banner .col-sm-12 { padding-top:24px; } .lease-banner h3 { color: #fff; font-size: 33px; text-shadow: 2px 2px 10px #000; } .lease-banner h2 { color: #cd9834; text-shadow: 2px 2px 15px #000; font-size: 116px; font-weight: 600; margin: 0; } .lease-banner h2 span { color: #fff; font-size: 46px; } .lease-banner p { font-size: 14px; margin: 0; text-shadow: 2px 2px 10px #000; } /* ====== HEADER BACKGROUND IMAGE ====== */ /* header { background-image: url("https://automotivecdn.com/quality_chevrolet/header-img/299/quality-chevrolet-header-img-299.jpg"); background-repeat: no-repeat; background-position-x: center; min-height: 391px; } @media screen and (min-width: 1198px) and (max-width: 1498px) { header { background-image: url("https://automotivecdn.com/quality_chevrolet/header-img/299/quality-chevrolet-header-img-med-299.jpg"); background-repeat: no-repeat; background-position-x: center; min-height: 510px; } } @media screen and (min-width: 943px) and (max-width: 1197px) { header { background-image: url("https://automotivecdn.com/quality_chevrolet/header-img/299/quality-chevrolet-header-img-sm-299.jpg"); background-repeat: no-repeat; background-position-x: center; min-height: 406px; } } @media screen and (max-width: 942px) { header { background-image: none; min-height: 91px; } } */ /* ====== @ media queries ======= */ /* lease banner @media only screen and (max-width: 1219px){ .lease-banner .col-sm-12 { padding-top:34px; } .lease-banner h3{ font-size: 30px; } .lease-banner h2 { font-size: 100px; } } @media only screen and (max-width: 1116px){ .lease-banner h3{ font-size: 25px; } } @media only screen and (max-width: 943px){ .lease-banner h3{ font-size: 23px; } } @media only screen and (max-width: 874px){ .lease-banner h3{ font-size: 20px; } .lease-banner p { font-size: 11px; } } @media only screen and (max-width: 767px){ .lease-banner { text-align: center; } .lease-banner .col-sm-12 { padding-top:3px; } .lease-banner h2 { font-size: 54px; } .lease-banner h2 span { font-size: 32px; } } */ /* NAV Font Size @ Media Queries ====== */ @media only screen and (max-width: 1398px){ .navbar-inverse .navbar-nav > li > a { font-size: 14px; } } @media only screen and (max-width: 1322px){ .navbar-inverse .navbar-nav > li > a { font-size: 13px; } } @media only screen and (max-width: 1246px){ .navbar-inverse .navbar-nav > li > a { font-size: 12px; } } @media only screen and (max-width: 1169px){ .navbar-inverse .navbar-nav > li > a { font-size: 11px; } } @media only screen and (max-width: 861px){ .navbar-inverse .navbar-nav > li > a { font-size: 8px; } } @media only screen and (max-width: 1093px){ .navbar-inverse .navbar-nav > li > a { font-size: 10px; } } @media only screen and (max-width: 1017px){ .navbar-inverse .navbar-nav > li > a { font-size: 9px; } } @media only screen and (max-width: 861px){ .navbar-inverse .navbar-nav > li > a { font-size: 8px; } } @media only screen and (max-width: 767px){ .navbar-inverse .navbar-nav > li > a { font-size: 18px; } }