body{
font-family: 'Exo', sans-serif!important;
}

.palette-bg2.inventory-header.clearfix {
    opacity: 0;
}


div.banner-container {
    background: #fff!important;
}
.header-btn a.button {
    font-size: 18px;
    text-decoration: none;
    color: #ed1b24;
    padding: 10px 20px;
    border: 2px solid #ed1b24;
    font-weight: 700
}
.mobile-banner {
    background: #ed1b24;
}

.navbar-default {
    background-color: rgb(237, 27, 36);
    border: none;
}

a.menu-heading span:hover {
    color: #ffffff;
}



.mobile-banner div {
    display: inline-block;
    width: 49%;
}


a.menu-heading span {
    color: #ffffffd9;
    font-weight: bold;
    font-size: 17.6px;
    padding: 0 10px;
}


.menu-container {
    background: #ed1b24;
}

a.navbar-brand i {
    display: none;
}



.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: none;
}
a.tel {
    color: #ed1b24!important;
    font-size: 18px;
    position: relative;
    top: 3em;
    padding-bottom: 8px;
    text-decoration: none;
    right: 30px;
}


a.tel {
    color: #ed1b24!important;
    font-size: 18px;
    position: relative;
    top: 4em;
    text-decoration: none;
}

a.button:hover {
    background: #ed1b24;
    color: #fff;
}
.header-btn {
    position: relative;
    top: 4em;
    left: 7%;
}
a.button:hover {
    background: #ed1b24;
    color: #fff!important;
}

div#row-7e93e28621b840fab4cd6a3d13855161 {
    background: #ed1b24;
    color: #fff;
    font-size: 13.2px;
    padding: 5px 10px;
}
.header-btn a.button {
    font-size: 18px;
    color: #ed1b24;
    padding: 5px 16px;
    border: 2px solid #ed1b24;
}

span.address {
    padding: 0 10px;
}
.palette-bg2 {
    background-color: rgba(255,255,255,.15);
    border: 1px solid #333;
    border-radius: 0;
}

.palette-bg1 {
    background-color: rgba(255,255,255,.15);

}
ul.nav.nav-center.nav-small.mobile-nav.nav-divided {
    background: #ed1b24;
    color: #fff;
}

.palette-box1, .palette-box2  {
    color: #666;
    background-color: #fff;
    /* border-color: #000; */
    border: 1px solid #333;
    border-radius: 0;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #fff;
}
.navbar-default .navbar-toggle {
    border-color: #fff;
}
.navbar-toggle {
    position: relative;
    float: left;
    padding: 9px 10px;
    margin-left: 15px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}




/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
.navbar-default {
    background-color: rgb(255, 255, 255);
    border-color: #fff;
}
.navbar-collapse {
    border-color: #000000;
    background: black;
}

}
/* Portrait phones and smaller */
@media (max-width: 480px) {
.navbar-default {
    background-color: rgb(255, 255, 255);
    border-color: #fff;
}

.navbar-collapse {
    border-color: #000000;
    background: black;
}
}


.sitemap-container .col-md-3.col-sm-3 {
    width: 100%!important;
    text-align: center;
}
}



.media-icon-small {
    width: 35px!important;
    height: 35px!important;
    font-size: 20px;
    line-height: 35px!important;
    box-shadow: 1px 1px 1px rgba(0,0,0,.3);
}

.media-icon-small.media-icon-circle {
    font-size: 20px!important;
    -ms-border-radius: 20px;
    border-radius: 20px!important;
}


.media-icon-small {
    width: 35px!important;
    height: 35px!important;
    font-size: 20px;
    line-height: 35px!important;
    box-shadow: 1px 1px 1px rgba(0,0,0,.3);
}
.sitemap-container .col-md-3.col-sm-3 {
    width: 100%!important;
    text-align: center;
    margin-top: -3%;
    margin-bottom: -1%;
}
.media-icon, .media-icon-small {
    color: #fff;
    background: #ed1b24;
}



.sitemap-container a {
    color: #000!important;
}

.footer-links-heading {
    color: #000;
}























.icon-angle-down:before {
    content: "=" !important;
}
.header-top {
    background-color: #ed1b24 !important;
}
.header-bottom {
    background-color: #ed1b24;
}
.accordion-title.active, .has-icon-bg .icon .icon-inner, .logo a, .primary.is-underline, .primary.is-link, .badge-outline .badge-inner, .nav-outline > li.active> a, .nav-outline >li.active > a, .cart-icon strong, [data-color='primary'], .is-outline.primary {
    color: #ed1b24 !important;
}


/* extra code */

div.col-.dynamic-col > .clearfix.inventory-panel.palette-bg2.vehicle {

    border: 1px solid #e3e3e3 !important;
    border-radius: 6px;
        box-shadow: 0 2px 2px 0 rgb(0 0 0 / 4%), 0 3px 1px -2px rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 12%);
}
.inventory-photo img {border-radius: 6px; }

.palette-bg1.inventory-photo-column {
    background: #f1f1f1 !important;
    color: #fff;
    border: 1px solid #dbdbdb !important;
    color: #000;
    /* box-shadow: 0 2px 2px 0 rgb(0 0 0 / 4%), 0 3px 1px -2px rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 12%); */
}

.inventory-photo-column a { color: #0e0e0e !important;}

.palette-bg1.inventory-photo-column i.fa.fa-camera.accent-color1 {
    color: #bb0001 !important;
}

.palette-bg1.inventory-price-container {
    background: #b50000 !important;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 4%), 0 3px 1px -2px rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 12%);
}

.palette-bg2 {
    background-color: rgba(255,255,255,.15);
    border: 1px solid #f5f5f5 !important;
    border-radius: 0;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    border-radius: 6px;
}

.palette-bg2.inventory-header.vehicles-found-header {
    border-bottom: 1px solid #9f9f9f !important;
    border-radius: 6px;
}

.nav>li>a:focus, .nav>li>a:hover {
    background-color: #f000 !important;
}

.header-button a.button.primary.is-outline.is-large.box-shadow-1-hover:hover {
   
    background-color: #ed1b25 !important;
border-color: #ed1b25 !important;
}
.page-content {
    background-color: #fff  !important;
}
a.button.primary.is-underline.is-large:hover span{ color:#ed1b25  !important;}

.row .gallery, .row .row:not(.row-collapse), .container .row:not(.row-collapse), .lightbox-content .row:not(.row-collapse) {
    margin-left: unset !important;
    margin-right: unset !important;
}

body > div:nth-child(3) {  background-color: #fff  !important;}

.sub-menu.nav-dropdown  a { color: #000 !important;}


.palette-box2.vehicle-details-panel {
    background: #fff !important;
    color: #1b1b1b  !important;
    border: 1px solid #e1e1e1;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    border-radius: 6px;
}

.palette-box1.vehicle-details-panel {
    background: #fff  !important;
    color: #1b1b1b  !important;
    border: 1px solid #fff;
    /* box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%); */
    /* border-radius: 6px; */
}
h1.pagetitle {
    text-align: center;
    font-weight: 700;
}


ul.sub-menu.nav-dropdown.nav-dropdown-default {
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    border-radius: 6px;
}

li.html.custom.html_topbar_left {
    padding-left: 10% !important;
}

li.html.custom.html_topbar_right {
    padding-right: 10%  !important;
}
.page-content-row .container {
    padding: 2px !important;
}
.nav-icon.has-icon span.svg-icon.svg-icon-2 {
    padding: 22px !important;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding-right: 2px !important;
  padding-left: 2px !important;
}
html.master-page.client-site.responsive {
    background-color: #fff !important;
}
.specifics-container {
    margin: 15px 0px 0px 0px !important;
}

@media screen and (max-width: 750px) { 
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9  {width: 100% !important; }
.row.inventory-list-row {
    width: 99% !important;}

}


.banner-links-bar {
    background: #000;
    padding: 6px 0;
    display: none;
}

div.footer-container {
    background-color: #eb202e !important;
}

/* Hide by default */
.menu-container {
    display: none;
}

/* Show only on mobile */
@media (max-width: 768px) {
    .menu-container {
        display: block;
    }
}

/* Sticky header wrapper */
.header.has-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background-color: #ed1b24; /* Red background as per your header-bottom */
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

/* Keep logo and navigation visible */
.header-main,
.header-bottom {
    width: 100%;
}

/* Hide mobile-only elements when scrolling for simplicity */
.header .show-for-medium {
    display: none !important;
}

/* Optional: reduce height for sticky header (if needed) */
.header-main .flex-row.container {
    padding: 10px 20px; /* adjust spacing */
}

/* Prevent content from hiding under sticky header */
body {
    padding-top: 5px; /* adjust based on your header height */
}

.navbar-toggle {
    position: relative;
    float: left;
    padding: 9px 10px;
    margin-left: 15px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: #000000;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

/* Hide by default on desktop */
#banner-luxurytrue {
    display: none;
    max-height: 130px !important;
    max-width: 378px !important;
    width: 100%;
    margin: -15px 0;
}

/* Show only on mobile (screens <= 768px) */
@media only screen and (max-width: 768px) {
    #banner-luxurytrue {
        display: block;
    }
}

}