@charset "utf-8";
.rat {aspect-ratio: 16/9 !important;}
.trunc {display: -webkit-box;max-width: 100%;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;min-height: 100px;}
.truncTitle {display: -webkit-box;max-width: 100%;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;min-height: 10%;}
.imagear {width: 1110px !important;height: 450px !important;}
.hid {visibility: hidden !important;}
.topmargin {margin-top: 20% !important;}
.vericaltext {writing-mode: vertical-rl;text-orientation: mixed;}
.dateVertical {height: 10px;}

@media print {#top-m, #menu-style-2,.carousel__nav,#thumbCarousel,.our-articles,#unit-intro,footer {display: none!important;}}

@keyframes ripple{0%{transform:scale(1);}75%{transform:scale(1.75);opacity:1;}100%{transform:scale(2);opacity:0;}}

@media screen and (max-width: 750px) {
.text-custom-date-white {display: inline-block !important; width: 30%!important; height: 50px!important; vertical-align: middle!important; line-height: 50px!important; text-align: center!important; color: #ffffff!important; font-size: 22px!important; }
.text-custom-date2-white {width: 10%!important; display: inline-block!important; height: 50px!important; vertical-align: middle!important; line-height: 50px!important; text-align: center!important; color: #ffffff!important; font-size: 18px!important; z-index: -20!important; margin-left: -1%!important; }
.bg-custom-date-black {display: inline-block!important; width: 25%!important; height: 50px!important; vertical-align: middle!important; line-height: 50px!important; text-align: center!important; background-color: #1c1d1f!important; }
.topmargin {margin-top: 0% !important;}
.makeu {font-size: 28px !important;} 
.font22 {font-size: 22px !important;}
.car-specification .contact-box .contact-details ul {padding: 0;list-style: none;}
.car-specification .car-dealer-contact .contact-details ul {padding: 0;list-style: none;}
.car-specification .contact-box .contact-details ul {padding: 0;list-style: none;display: block !important;}
.car-specification .car-dealer-contact .contact-details ul {padding: 0;list-style: none;display: block !important;}
.inventory-heading h2{font-size:22px;padding:12px 0;}
}

@media screen and (max-width: 992px) {
.topmargin {margin-top: 0% !important;}
.text-custom-date-white {display: inline-block!important;width: 20%!important;height: 50px!important;vertical-align: middle!important;line-height: 50px!important;text-align: center!important;color: #ffffff!important;font-size: 22px!important;}
.text-custom-date2-white {display: inline-block !important; width: 8% !important;height: 50px !important;vertical-align: middle !important;line-height: 50px !important;text-align: center !important; color: #ffffff !important;font-size: 18px !important;z-index: -20 !important;margin-left: -1% !important;}
.bg-custom-date-black {display: inline-block !important;width: 15% !important;height: 50px !important;vertical-align: middle !important;line-height: 50px !important;text-align: center !important;background-color: #1c1d1f !important;}
.car-specification .contact-box .contact-details ul {padding: 0;list-style: none;display: block !important;}
.car-specification .car-dealer-contact .contact-details ul {padding: 0;list-style: none;display: block !important;}  
.inventory-heading h2 {font-size:22px;padding:12px 0;}
.tabs .nav-tabs .nav-item {text-align:center;margin-bottom:0;width: 100%;}
.makeu {font-size: 28px !important;} 
}

/* GENERAL */

html {overflow-x: hidden;}
*:focus {outline: none;}
body {font-family: 'Cairo', sans-serif;margin: 0px;padding: 0px;font-size: 15px;line-height: 1.8;font-weight: 400;color: #020202 ;background: #fff;transition: transform ease-in .4s;overflow: hidden;}
figure {margin: 0;}
label {line-height: normal;}
cite {font-style: italic;}
article,section {display:block;}
sup {position:relative;font-size:75%;line-height:0;vertical-align:baseline;top:-.5em;}
button,a {cursor:pointer;}
.hovertext:before {content: attr(data-hover);visibility: hidden;opacity: 0;padding: 5px;width: 160px;background-color: black;color: #fff;text-align: center;border-radius: 5px;position: absolute;left: -92px;right:-86px;top: 160%;}
.hovertext:hover:before {opacity: 1;visibility: visible;} 
.after-none:after,.none {display: none;}
.overlay {position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;}
.overlay-bg {background: #020202;opacity: 0.6;border-radius: 5px;}
.overlay-2 {position: absolute;top: 0;left: 0;right: 0;width: 100%;}
.p-relative {position: relative;}
.right-0 {right: 0;}
.left-0 {left: 0;}
.align-item-center {display: flex;justify-content: center;align-items: center;text-align: center;flex-direction: column;}
/*.transform-center {position: absolute;top: 50%;left: 0;right: 0;transform: translate(0%, -50%);z-index: 1;}*/
.transform-middle {position: absolute;top: 50%;left: 0;right: 0;transform: translate(0%, -50%);z-index: 1;}
.transform-bottom {position: absolute;top: 85%;left: 0;right: 0;transform: translate(0%, -50%);z-index: 1;}
/*@media (max-width: 768px){.transform-center {position: unset;transform:none;background-color:#5e5e5e;}}*/
@media (max-width: 768px){.transform-bottom {position: unset;transform:none;background-color:#5e5e5e;}}
.uppercase {text-transform: uppercase;}
.v-flex {Display: flex;}
.fg {text-align: left;}
[v-cloak] {display: none !important;}

@keyframes scale {50% {transform: scale(1.2);}}
@keyframes ripple {0% {transform: scale(1);}75% {transform: scale(1.75);opacity: 1;}100% {transform: scale(2);opacity: 0;}}

/* Typography and Table*/

/*
h1,h2,h3,h4 {margin: 0 0 20px;font-family: 'AR-Mechano', sans-serif;}
h1 {font-size: 60px;line-height: normal;}
h2 {font-size: 50px;}
h3 {font-size: 30px;}
h4 {font-size: 26px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}
*/

p {line-height: 1.8;margin-bottom: 10px;}
a {color: #000000;text-decoration: none;transition: 0.5s;}
a:focus,a:hover {color: #dd3333;text-decoration: none;transition: 0.5s;}
dl,ol,ul {margin-top: 0;margin-bottom: 0;padding: 0;}
ul li,ol li {margin: 0px;padding: 0px;position: relative;list-style: none;}
blockquote {max-width: 840px;padding: 40px 0 25px 150px;margin: 0 auto;background: url(../images/quote-shape.png) no-repeat;background-size: 125px 110px;position: relative;font-size: 20px;vertical-align: middle;text-align: left;quotes: none;background-position: left center;}
blockquote p {font-size: 14px;line-height: 1.8;font-style: normal;margin: 0;word-break: break-word;}
blockquote h6 {color: #020202;font-weight: 400;text-transform: uppercase;font-size: 16px;}
blockquote cite.name {font-size: 18px;font-weight: 500}
blockquote cite.position {font-size: 14px;font-weight: 400;position: relative;margin-left: 29px;}
blockquote cite.position:before {content: "-";position: absolute;font-weight: 500;left: -20px;top: 50%;transform: translate3d(0, -50%, 0);color: #020202;}
blockquote {background-color:#fff;position:relative;display:flex;align-items:center;padding:30px;}
blockquote span {width:50px;height:50px;border:2px solid #d33;display:flex;align-items:center;justify-content:center;padding:0 15px;font-size:16px;margin-right:15px;}
table {padding: 15px;}
.col-12 {position:relative;width:100%;padding-right:15px;padding-left:15px;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
.fs-14 {font-size:14px;}
.fs-16 {font-size:16px;}    /* h6 */
.fs-18 {font-size:18px;}    /* h5 */
.fs-24 {font-size:24px;}    /* h4 */
.fs-32 {font-size:32px;}    /* h3 */
.fs-38 {font-size:38px;}
.fs-50 {font-size:50px;}    /* h2 */
.fs-60 {font-size:60px;}    /* h1 */
.fw-100 {font-weight: 100;}
.fw-400 {font-weight: 400;}
.fw-500 {font-weight: 500;}
.fw-600 {font-weight: 600;}
.fw-700 {font-weight: 700;}
.fw-900 {font-weight: 900;}
.font22 {margin-inline: auto;Max-Width : 80% ;font-size: 22px !important;}
.mech {font-family: 'AR-Mechano';}
.lh-in  {line-height: inherit;}
.lh-head  {line-height: 1.2;}

/* Button */

button {background: transparent;border: none;padding:0;}
button:focus {outline: none;}
button::-moz-focus-inner {padding:0;border:0;}
.dark-border {border:2px solid rgb(172 172 172);}
.btn-first {--hue:190;position:relative;height:50px;border:1px solid hsl(var(--hue), 100%, 41%);font-weight: 600;}
.btn-second {display: inline-block;font-weight: 400;color: #ffffff;text-align: center;vertical-align: middle;user-select: none;background-color: transparent;border: 1px solid;padding: 10px 25px;font-size: 14px;line-height: 1.8;border-radius: 0rem;transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
.btn-third {display: inline-block;font-weight: 400;color: #020202;text-align: center;vertical-align: middle;user-select: none;background-color: transparent;border: 1px solid;padding: 10px 25px;font-size: 14px;line-height: 1.8;border-radius: 0rem;transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
.btn-fourth {display: inline-block;font-weight: 400;color: #fff;text-align: center;vertical-align: middle;user-select: none;background-color: transparent;border: 1px solid;padding: 10px 25px;font-size: 14px;line-height: 1.8;border-radius: 0rem;transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
.btn-fifth {display: inline-block;font-weight: 400;color: #ffffff;text-align: center;vertical-align: middle;user-select: none;background-color: transparent;border: 1px solid;padding: 10px 25px;font-size: 14px;line-height: 1.8;border-radius: 0rem;}
.btn-fifth:before,.red-btn.btn-fifth:after {content: none!important;}
.transparent-btn {background: transparent;border-color: #020202;}
.transparent-btn:hover,.transparent-btn:focus {background: #020202;border-color: #020202;color: #fff;}
.border-btn {background: transparent;border-color: #fff;}
.border-btn:hover,.border-btn:focus {background: #020202;border-color: #020202;color: #fff;}
.searchbtn {background: #dd3333;border-color: #dd3333;border-radius: 0 10px 10px 0;color: white;}
.searchbtn:hover {background: #020202;border-color: #020202;color: #fff;}
.searchunit-btn {background: #dd3333;border: 1px white solid;min-width:168px;color:#fff;width: 100%;font-weight: 600;}
.searchunit-btn-active {background: #dd3333;border: 1px white solid;min-width:168px;color:#fff;width: 100%;box-shadow: 0px 0px 3px 0px #dd3333;font-weight: 600;}
.submit-btn {background: #dd3333;border-color: #dd3333;border-radius: 5px;padding: 10px 45px !important;font-size: 14px;color: #ffffff;}
.submit-btn:hover {background: #020202; border-color: #020202;color: #fff;}
.call-btn {background: #dd3333;border-color: #dd3333;border-radius: 5px;padding: 10px!important;font-size: 14px;color: #ffffff;justify-content:center}
.call-btn:hover {background: #020202; border-color: #020202;color: #fff;}
.black-btn {background: #020202;border-color: #020202;}
.black-btn:hover,.black-btn:focus {background: #dd3333;border-color:#dd3333;color: #fff;}
.orange-btn {background: #ff9100;border-color: #ff9100;}
.green-btn {background: #37773C;border-color: #37773C;}
.grey-btn {background: #5c5c5c;border-color: #5c5c5c;} 
.green-btn:hover,.green-btn:focus {background: #020202;border-color: #020202;color: #fff;}
.red-btn {border-color: #dd3333;border-width:2px;border-radius:5px;overflow:visible;}
.red-btn:before,.red-btn:after{position:absolute;content:"";width:14px;height:4px;background:#fff;transform:skewX(60deg);transition:0.4s linear;}
.red-btn:before {top:-4px;left:10%;}
.red-btn:after {bottom:-4px;right:10%;}
.red-btn.red-btn:hover:before {transform:translateX(360%) skewX(60deg);}
.red-btn:hover:after {transform:translateX(-360%) skewX(60deg);}
.custom-red-btn {background: #dd3333;border-color: #dd3333;}
.custom-red-btn:hover,.custom-red-btn:focus {background: #020202;border-color: #020202;color: #fff;}

@media  (min-width: 768px) {.btn{padding: 0px;}}

/* Space margins and padding */

.no-use-row {margin: 0 -30px;}
.no-margin {margin: 0;}
.no-padding {padding: 0;}
.full-width {width: 100%;}
.md-width {width: 50%;}
.section-padding-b0 {padding: 50px 0 0 0;}
.section-padding-top {padding-top:80px;}
.section-padding {padding:20px 0;}
.padding-10 {padding: 10px;}
.padding-15 {padding:15px;}
.padding-20 {padding: 20px;}
.padding-side-15 {padding:0 15px;}
.space-10 {width: 100%;height: 10px;clear: both;}
.space-20 {width: 100%;height: 20px;clear: both;}
.space-30 {width: 100%;height: 30px;clear: both;}
.space-40 {width: 100%;height: 40px;clear: both;}
.space-60 {width: 100%;height: 60px;clear: both;}
.space-80 {height: 80px;width: 100%;clear: both;}
.custom-container {padding-left: 10%;padding-right: 10%;}
.border-rad-10-right {border-radius: 0 10px 10px 0!important;} 
.border-rad-10-left {border-radius: 10px 0 0 10px!important;}
.border-rad-5-right {border-radius: 0 5px 5px 0!important;} 
.border-rad-5-left {border-radius: 5px 0 0 5px!important;}
.border-rad-5-top {border-radius: 5px 5px 0px 0px!important;}
.border-rad-5-bottom {border-radius: 0px 0px 5px 5px!important;}
.border-20-top {box-shadow: 0px -1px 0px 0px #d8d8d8;}
.border-20-bottom {box-shadow: 0px 1px 0px 0px #d8d8d8;}
.border-20 {border-radius: 20px !important;}
.border-top-solid {border-top: 2px solid #d4d4d4;}
.border-bottom-solid {border-bottom: 2px solid #d4d4d4;}
.border-side-solid {border-right: 2px solid #a5a5a5; border-left: 2px solid #a5a5a5;}
.margin40 {margin: 40px auto;}
.mb-xl-20 {margin-bottom:20px;}
.mb-xl-30 {margin-bottom:30px;}
@media (max-width: 767px){.mb-sm-20{margin-bottom:20px;}}
@media (max-width: 992px){.mb-md-40{margin-bottom:40px;}}
@media (min-width: 768px){.pr-2 .pl-2 {padding:2.5rem!important;}}
@media (max-width: 768px){.pr-5, .pl-5 {padding-right: 1rem!important;padding-left: 1rem!important;}}
@media (min-width: 1920px){.pr-5, .pl-5 {padding-right: 21rem!important;padding-left: 21rem!important;}}

/* Section-Colors-&-Backgrounds */

.center-text{text-align: center}
.text-bold{font-weight: bold;}
.bg-light-dark {background-color: #f4f4f4;}
.bg-transparent-dark {background-color: #bfbfbfcf;}
.bg-orange {background-color: #dd3333;}
.bg-light-black {background-color: #020202;}
.bg-light-theme {background-color: linear-gradient(to bottom, #635F62  , #1B2A35 ) ;}
.bg-custom-article-black {background-color: #1c1d1f;max-width: 70%;}
.bg-custom-date-black {display: inline-block; width: 8%;height: 50px;vertical-align: middle; line-height: 50px;text-align: center; background-color: #1c1d1f;}
.bg-input-group {background-color: #e9ecef;color:#495057;}
.bg-dark-black {background-color: #020202;}
.bg-black {background-color: #1c1d1f;}
.bg-custom-grey {background-color: #4e4e4e;}
.bg-light-grey {background-color: #dadada;}
.bg-custom-black {background-color:#020202;}
.bg-custom-red {background-color:#dd3333;}
.bg-custom-green {background-color:#006216;}
.bg-light-white {background-color:#f4f4f4;}
.bg-tr {background-color: rgba(0, 0, 0, 0.4);}
.green-border{border: 2px solid green;color: green;}
.orange-border{border: 2px solid #df950b;color: #df950b;}
.hover:hover {color: #dd3333;text-decoration: none;transition: 0.5s;}

/*Text Colors*/

.text-custom-date-white {display: inline-block; width: 10%;height: 50px;vertical-align: middle; line-height: 50px;text-align: center; color: #ffffff;font-size: 22px;}
.text-custom-date2-white {display: inline-block; width: 4%;height: 50px;vertical-align: middle; line-height: 50px;text-align: center; color: #ffffff;font-size: 18px;z-index: -20;margin-left: -1%;}
.text-light-black {color: #020202;}
.text-orange {color: #764E04;}
.text-red {color: #dd3333;}
.text-custom-white {color: #ffffff;}
.text-dark-white {color: #d4d4d4;}
.text-dark-grey {color: #6c6d72;}
.text-green {color: #37773C;}
.text-grey {color: #999;}
.text-yellow {color: #fcb71b;}
.text-custom-red {color: #dd3333;}
.text-custom-orange {color: #ff8500;}
.text-price {color:#dd3333;font-weight:600;text-align: justify;}
.text-custom-black {color:#000000;}
.text-light-white {color:#7c8a97;}
.text-black {color: #404040;}
.text-custom-yellow {color:#ff9600;}

/* HEADER */

.searchinput {border: 1px solid #eee !important;border-radius: 10px 0 0 10px;padding: 0 15px !important;font-size: 12px !important;margin: 0;text-overflow: ellipsis;}
.logo {min-width: 181px;min-height: 58.2px;}
#top-m {z-index: 1000;background-color: #ffffff;}
.top-bar {border-bottom: 1px solid #eee;}
.top-bar .top-contact ul {display: flex;}
.top-bar .top-contact ul li {border-left: 1px solid #eee;border-right: 1px solid #eee;}
.top-bar .top-contact ul li a {padding: 12px;display: block;min-width: 80px;font-size: 14px;}
@media (min-width: 767px){.top-bar .top-contact ul li a {text-align:center;}}
.top-bar .top-contact ul li div {padding: 12px;display: block;min-width: 80px;font-size: 14px;}
.top-bar .top-contact ul li a img {width: 20px;height: 20px;}
.top-bar .top-contact ul li ul.dropdown-menu {position: absolute;top: 100%;padding: 0;width: 100%;border: none;border-radius: 0;display: none;min-width: 11.3rem;margin-top: 0;}
.top-bar .top-contact ul li ul.dropdown-menu li {border: 1px solid #eee;width: 100%;color: #6c6d72;font-size: 14px;}
.top-bar .top-contact ul li:hover ul.dropdown-menu {display: block;}
.top-bar .top-contact ul li ul.dropdown-menu li a:hover li {border-bottom: 1px solid #dd3333;}
.top-bar .top-contact ul li ul.dropdown-menu li a:hover {background-color: #dd3333;color: #fff;}

.top-contact ul li button {background: #dd3333;border: none;font-size: 22px;cursor: pointer;position: relative;top: 0px;padding: 5px 20px 11px;color: #fff;}
.top-contact ul li button i {position: relative;top: 5px;}

#menu-style-1 {padding: 30px 0;}
#menu-style-1 .searchbox .input-group {position: absolute;top: 0;bottom: 0;height: 100%;padding-bottom: 0px;}
#menu-style-1 .searchbox .input-group .input-group-prepend button {border-radius: 0px 50px 50px 0px;padding: 10px 45px;}
#menu-style-1 .searchbox .input-group .input-group-prepend.catergory-selct {width: 30%;position: relative;}
#menu-style-1 .searchbox .input-group .input-group-prepend ul {padding: 0px;background: transparent;border-left: 0;position: absolute;left: 0;right: 0;}
#menu-style-1 .searchbox .input-group .input-group-prepend ul li {padding: 17.5px 5px;z-index: 2;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;border: 1px solid #eee;border-left: 0;}
#menu-style-1 .searchbox .input-group .input-group-prepend ul li:not(.init) {border-top: 0px solid #eee;border-left: 0px solid #eee;border-right: 0px solid #eee;padding: 6px 10px;float: left;width: 250px;background: #fff;border-bottom: 1px solid #eee;text-align: left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;opacity: 0;visibility: hidden;transition: 1s;}
#menu-style-1 .searchbox .input-group .input-group-prepend ul li:not(.init) i.flaticon-vintage-car {position: relative;top: 10px;}
#menu-style-1 .searchbox .input-group .input-group-prepend ul li:not(.init) i {font-size: 30px;position: relative;top: 8px;margin-right: 5px;text-align: center;line-height: normal;}
#menu-style-1 .searchbox .input-group .input-group-prepend ul li:not(.init):hover i.flaticon-vintage-car {filter: invert(1);}
#menu-style-1 .searchbox .input-group .input-group-prepend ul li:not(.init):hover,
#menu-style-1 .searchbox .input-group .input-group-prepend ul li.selected:not(.init) {background: #dd3333;color: #fff;cursor: pointer;}
#menu-style-1 .searchbox .input-group .input-group-prepend ul li.init {cursor: pointer;}
#menu-style-1 .searchbox .input-group .input-group-prepend ul li:not(.init).animatedcat {opacity: 1;visibility: visible;transition: 1s;}
#menu-style-1 .cart-sec ul {padding-top: 20px;}
#menu-style-1 .cart-sec ul li a:hover i {color: #dd3333;transition: 0.5s;}
#menu-style-1 .cart-sec ul li a i {font-size: 25px;}
#menu-style-1 .cart-sec ul li span.pro-value {position: absolute;font-size: 15px;color: #dd3333;height: 15px;top: -8px;text-align: center;line-height: 1.8;font-weight: 700;left: 22px;right: 22px;}

.mobile-nav .mobile-search .input-group .ar {position: absolute;top: 0;bottom: 0;height: 100%;width: 100%;border-radius: 50px 50px 50px 50px;text-align: center;font-size: 14px !important;}
.mobile-nav .logo {float: left;}
.mobile-nav .mobile-search .input-group {position: absolute;top: 0;bottom: 0;height: 100%;width: 56%;padding: 8px 0;}
.mobile-nav .mobile-search .input-group input {border: 1px solid #eee;border-radius: 10px 0 0 10px;padding: 0 15px;font-size: 14px;}
.mobile-nav .mobile-search .input-group .input-group-append button {border-radius: 0px 10px 10px 0px;padding: 0px 15px;}
.mobile-nav .cart-sec ul {padding-top: 19px;}
.mobile-nav .cart-sec ul li {display: inline-block;margin-left: 20px;}
.mobile-nav .cart-sec ul li a {font-size: 15px;font-weight: 600;}
.mobile-nav .cart-sec ul li a i {font-size: 25px;}
.mobile-nav .cart-sec ul li button i {font-size: 25px;}
.mobile-nav .cart-sec ul li span.pro-value {position: absolute;font-size: 15px;color: #dd3333;top: -8px;text-align: center;line-height: 1.8;font-weight: 700;}
.mobile-nav .mobile-search-new .input-group {position: absolute;top: 0;bottom: 0;height: 40px;width: 70%;}
.mobile-nav .mobile-search-new {margin-bottom: 50px;}
.mobile-nav .mobile-search-new .input-group input {border: 1px solid #eee;border-radius: 10px 0 0 10px;padding: 0 15px;font-size: 14px;text-overflow: ellipsis;}
.mobile-nav .mobile-search-new .input-group .input-group-append button {border-radius: 0px 10px 10px 0px;padding: 0px 15px;}
.mobile-nav .mobile-search-new span.close-icon {color: #5e5e5e;position: absolute;font-size: 22px;cursor: pointer;z-index: 50;top: 10px;align-self: start;padding: 0 5px;}
.mobile-nav .sidenav {height: 100%;width: 0;position: fixed;z-index: 2000;top: 0;right: 0;background-color: #020000;overflow: hidden;transition: 0s;padding-top: 0px;}
.mobile-nav .sidenav .side-nav-wrapper>ul {position: absolute;top: 50%;left: 15%;transform: translate(-50%, -50%);-webkit-transform: translate(0%, -50%);right: 15%;height: 342px;overflow-y: auto;}
.mobile-nav .sidenav .side-nav-wrapper .mobile-social-icon>ul {position: absolute;left: 0%;right: 0%;text-align: center;bottom: 50px;}
.mobile-nav .sidenav > .side-nav-wrapper > ul > li {padding: 12px}
.mobile-nav .sidenav > .side-nav-wrapper > ul > li > a > span.fa-plus:before {top: 14px;position: absolute;transform: rotate(0deg);transition: all .4s;font-size: 17px;}
.mobile-nav .sidenav > .side-nav-wrapper > ul > li.custom-dropdown-nav.open a > span.fa-plus:before {top: 14px;position: absolute; transform: rotate(45deg);transition: all .4s;font-size: 17px;}
.mobile-nav .sidenav li.custom-dropdown-nav ul.dropdown-menu {position: relative;top: 0;display: none;transform: none;background: transparent;border: none;left: 0;right: 0;margin: 0;width: 100%;height: auto;}
.mobile-nav .sidenav >.side-nav-wrapper > ul > li > ul.dropdown-menu > li {background: transparent;border: none;position: relative;top: 5px;}
.mobile-nav .sidenav li ul.dropdown-menu li a {color: #fff;font-size: 16px;font-weight: 700;display: flex;align-self: center;justify-content: space-between;width: 100%;align-items: center;}
.mobile-nav .sidenav li ul.dropdown-menu li a .car-img {width: 100px;right: 24px;position: relative;}
.mobile-nav .sidenav li ul.dropdown-menu li:hover {background-color: transparent;}
.mobile-nav .sidenav li ul.dropdown-menu li:hover a {padding-left: 15px;transition: 1s;color: #dd3333;}
.mobile-nav .sidenav a i {font-size: 48px;margin-right: 5px;}
.mobile-nav .sidenav a {padding: 0px 8px;color: #ffffff;display: flex;transition: 0.3s;margin-bottom: 10px;position: relative;justify-content: space-between;}
.mobile-nav .sidenav li.open a,.mobile-nav .sidenav li:hover a {color: #dd3333;}
.mobile-nav .sidenav span {font-size: 28px;justify-content: space-between;display: flex;}
.mobile-nav .sidenav span.float-left {color: #fff;}
.mobile-nav .sidenav .mobile-social-icon {position: absolute;left: 0;right: 0;bottom: 0%;}
.mobile-nav .sidenav .mobile-social-icon ul li {display: inline-block;padding: 20px 16px 16px 16px;margin-right: 5px;border-radius: 10px;}
.mobile-nav .sidenav .mobile-social-icon ul li a {padding: 0;}
.mobile-nav .sidenav .mobile-social-icon ul li a i {position: relative;top: 2px;margin: 0;vertical-align: middle;}
.mobile-nav .sidenav ul::-webkit-scrollbar-track {-webkit-box-shadow-: inset 0 0 6px rgba(0, 0, 0, 0.3);background-color: #F5F5F5;}
.mobile-nav .sidenav ul::-webkit-scrollbar {width: 10px;background-color: #F5F5F5;}
.mobile-nav .sidenav ul::-webkit-scrollbar-thumb {background-color: #020202;border: 2px solid #555555;}

.form-control-custom::placeholder {font-size:14px;}
.form-control-custom {min-height:50px!important;min-width:100px;border-radius:5px;border:1px solid #dadada;width:100%;background:white;font-size: 14px;padding: 8px;/*color: #6c757d;*/}
.form-control-custom:focus {border:2px solid #efefef;box-shadow:none;}
.form-control:focus {box-shadow:none;}

#menu-style-2 .menu-style-2 {display: flex;align-items: center;justify-content: space-between;width: 100%;}
#menu-style-2 .shipping-content {padding: 18px 0;text-align: right;}
#menu-style-2 .category-sec-head button.category-button {padding: 12px 10px;display: flex;justify-content:center;margin:6px 0;} 
#menu-style-2 .category-sec-head span.black-sepreta {display: block;width: 100%;background: #dd3333;height: 5px;position: absolute;top: -5px;}
#menu-style-2 .category-sec-head span.black-sepreta:after {content: '';display: block;position: absolute;left: -5px;border: solid;border-width: 0px 5px 5px 0;border-color: #ffffff #dd3333 #ffffff rgb(255, 255, 255);transform: rotate(90deg);}
#menu-style-2 .category-sec-head span.black-sepreta:before {content: '';display: block;position: absolute;right: -5px;border: solid;border-width: 0px 5px 5px 0;border-color: #ffffff #dd3333 #ffffff rgb(255, 255, 255);transform: rotate(-180deg);}
#menu-style-2 .category-sec-head button.category-button i {margin: 10px;}
#menu-style-2 .category-sec-head .categoryheadaccordion {position: absolute;left: 0;right: 0;top: 100%;z-index: 100;opacity: 1;  visibility:visible; transition: 0.5s;}
@media(hover: hover) and (pointer: fine) {#menu-style-2 .category-sec-head:hover .categoryheadaccordion , #menu-style-2 .category-sec-head:active .categoryheadaccordion , #menu-style-2 .category-sec-head:focus .categoryheadaccordion   {opacity: 1;visibility: visible;transition: 0.5s;}}
#menu-style-2 .category-sec-head .categoryheadaccordion .card {border-radius: 0;border: none;}
#menu-style-2 .category-sec-head .categoryheadaccordion .card .card-header {padding: 10px;background: #fff;border-bottom: 1px solid #eee;border-radius: 0;}
#menu-style-2 .category-sec-head .categoryheadaccordion .card .card-header h5 {border: none;margin: 0;width: 100%;color: #6c6d72;font-size: 14px;}
#menu-style-2 .category-sec-head .categoryheadaccordion .card .card-header h5 button {border-radius: 0px;padding: 0px;border: none;width: 100%;text-align: justify;background: transparent;}
#menu-style-2 .category-sec-head .categoryheadaccordion .card .card-header h5 button i {font-size: 30px;position: relative;top: 8px;margin-right: 5px;margin-left: 5px;text-align: justify;line-height: normal;}
#menu-style-2 .category-sec-head .categoryheadaccordion .card .card-header h5 button.collapsed:after {font-family: Flaticon;font-size: 10px;position: relative;top: 15px;float: right;right: 0px;}
#menu-style-2 .category-sec-head .categoryheadaccordion .card .card-header h5 button:after {font-family: Flaticon;font-size: 10px;position: relative;top: 15px;float: right;right: 0px;}
#menu-style-2 .category-sec-head .categoryheadaccordion .card .card-header:hover {background-color: #dd3333;}
#menu-style-2 .category-sec-head .categoryheadaccordion .card .card-header:hover button {background: transparent;color: #fff;}
#menu-style-2 .category-sec-head .categoryheadaccordion .card .card-header:hover button i.flaticon-vintage-car {filter: invert(1);}
#menu-style-2 .category-sec-head .categoryheadaccordion .card .card-body {padding: 0px;}
#menu-style-2 .category-sec-head .categoryheadaccordion .card .card-body ul li {padding: 6px 15px 6px 30px;}
#menu-style-2 .category-sec-head .categoryheadaccordion .card .card-body ul li a {font-size: 14px;color: #020202;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#menu-style-2 .category-sec-head .categoryheadaccordion .card .card-body ul li a i {font-size: 20px;position: relative;top: 3px;margin-right: 5px;text-align: center;}
#menu-style-2 .category-sec-head .categoryheadaccordion .card .card-body ul li:hover {background-color: #dd3333;color: #fff;}
#menu-style-2 .category-sec-head .categoryheadaccordion .card .card-body ul li:hover a {color: #fff;}
#menu-style-2 nav ul li.menu-item {display: inline-block;text-transform: uppercase;}
#menu-style-2 nav ul li.menu-item.active>a {color: #fff;}
#menu-style-2 nav ul li.menu-item>a {padding: 14px 5px;display: block;text-align: center;}
#menu-style-2 nav ul li.menu-item>a:hover{color: #dd3333;}
#menu-style-2 nav ul li.dropdownbtn ul.dropdown-menu {top: 96%;padding: 0;width: 250px;border: 1px solid #dadada;opacity: 0;visibility: hidden;display: block;border-radius: 0;background-clip: unset;transition: visibility 0.33s,opacity .33s,transform .33s;transition: max-height .4s, opacity .3s, visibility 0.33s, transform .33s;max-height: 0;}
#menu-style-2 nav ul li.dropdownbtn>ul.dropdown-menu>.dropdownbtn>.dropdown-menu{opacity: 0;visibility: hidden;left: 100%;margin-top: 0;}
#menu-style-2 nav ul li.dropdownbtn>ul.dropdown-menu>.dropdownbtn:hover>.dropdown-menu,#menu-style-2 nav ul li.dropdownbtn:hover>.dropdown-menu {opacity: 1;visibility: visible;max-height: 350px;}
#menu-style-2 nav ul li.dropdownbtn>ul.dropdown-menu>.dropdownbtn:hover>.dropdown-menu {top: 0px;}
#menu-style-2 nav ul li.menu-item ul.dropdown-menu li {border: none;border-bottom: 1px solid #eee;width: 100%;color: #020202;font-size: 14px;}
#menu-style-2 nav ul li.menu-item ul.dropdown-menu li a {padding: 10px;text-transform: capitalize;display: block;transition: 0.5s;}
#menu-style-2 nav ul li.menu-item ul.dropdown-menu li.active,#menu-style-2 nav ul li.menu-item ul.dropdown-menu li:hover {background: #fff;border-color: #dd3333;}
#menu-style-2 nav ul li.menu-item ul.dropdown-menu li.active>a,#menu-style-2 nav ul li.menu-item ul.dropdown-menu li:hover>a {color: #dd3333;}
#menu-style-2 nav ul li.menu-item ul.dropdown-menu li:hover>a {transition: 0.5s;}
#menu-style-2 .navigation button {background: transparent;color: #fff;padding: 9.5px 0px;font-size: 20px;}
#menu-style-2 .category-sec-head button.category-button:hover {color: #afafaf}
#menu-style-2 {z-index: 1500}
#menu-style-2 .category-sec-head .categoryheadaccordion .card .card-header h5 a {text-align: left;font-size: 0.7rem;}

.dropdown {position: relative;display: inline-block;}
.dropdown-content {display: none;position: absolute;background-color: #f1f1f1;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}
.dropdown-content a {color: black;padding: 12px 16px;text-decoration: none;display: block;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown-toggle::after{position: relative;top: 1px;}

.action-list{position: absolute;top: 50%;transform: translate(0, -50%);width: 90%;}
.action-item{width: 33.33%;}
.action-item-sr{width: 66.66%;}
.action-link{font-weight:700;text-align: center;display: block;padding: 6px;}
.action-button-green{color: #37773C;border: 1px solid #37773C;background: white;}
.action-button-red{color: #dd3333;border: 1px solid #dd3333;background: white;}
.action-button-grey{color: #6c757d;border: 1px solid #6c757d;background: white;}
.action-button-green:hover{background: #37773C;box-shadow: 0px 0px 2px 0px #37773C;color: white;}
.action-button-red:hover{background: #dd3333;box-shadow: 0px 0px 2px 0px #dd3333;color: white;}
.action-button-grey:hover{background: #6c757d;box-shadow: 0px 0px 2px 0px #6c757d;color: white;}

@media (max-width: 575px){.contant-wrapper .sub-header-text-wrapper h1 {font-size: 18px;}}

.sticky {position: fixed;top: 0;width: 100%;z-index: 1500;}
.sticky + .top-bar-hidden {height: 55px;}

/*BREADCRUMB*/

.breadcrumb {background-color: #fff;margin: 0;padding:1rem 0;border-radius: 0;}
.breadcrumb .dropdown {position: relative;}
.breadcrumb .dropdown-menu {display: none;position: absolute;top: 100%;z-index: 1000;background: #fff;border: 1px solid #ddd;padding: 5px 0;max-height: 250px;overflow-y: auto;}
.breadcrumb .dropdown.open .dropdown-menu,.breadcrumb .dropdown:hover .dropdown-menu {display: block;}
.breadcrumb .dropdown-item {display: block;padding: 6px 12px;color: #333;text-decoration: none;}
.breadcrumb .dropdown-item:hover {background: #f5f5f5;}

/* HOME PAGE */

@media (max-width: 455px){#main-slider {min-height: 310px!important;}}
@media (min-width: 769px){#main-slider {border-bottom:3px solid #d4d4d4 ;}}

.swiper-container {margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;}
.swiper-container .swiper-notification {position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000;}
.swiper-container:hover>.swiper-button-next {opacity:1;visibility:visible;}
.swiper-container:hover>.swiper-button-prev {opacity:1;visibility:visible;}

.swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box;}
.swiper-wrapper {transform:translate3d(0px,0,0);}

.swiper-slide {flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;background-size: contain;background-repeat: no-repeat;background-position: center;background-color: #f4f4f4;}

.homesearch {margin-top: -18px}
.content-box {margin-bottom: 15px;background: rgb(28 28 28 / 80%);padding: 15px;line-height: normal;}
@media (max-width: 768px){.homesearch{margin-top:5px;}}*/

.swiper-button-next,.swiper-button-prev {position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));}
.swiper-button-next:after,.swiper-button-prev:after {font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;}
.swiper-button-prev {right:auto;}
.swiper-button-prev:after {content:'prev';}
.swiper-button-next {left:auto;}
.swiper-button-next:after {content:'next';}
.swiper-button-next,.swiper-button-prev {width:30px;transition:all 0s cubic-bezier(.83, .8, .11, .64) 0s;border-radius: 5px;}
.swiper-button-next:after,.swiper-button-prev:after {color: #fff !important;line-height:normal;font-size:34px;font-weight:600;padding-inline: 2px;}
.swiper-button-next {opacity:1;visibility:hidden;}
.swiper-button-prev {opacity:0;visibility:hidden;}
@media (max-width: 576px){.swiper-button-prev,.swiper-button-next{display:none;}}

@media (max-width: 768px){#section-icon-banner {padding-top: 65px;}}
@media (min-width: 416px) and (max-width: 768px){#section-icon-banner {padding-bottom:0!important;}}

/*.banner-tabs {position: absolute;top: -60px;left: 15px;right: 15px;z-index:500;}
.banner-tabs ul {display: flex;}
.banner-tabs ul li {width: 25%;padding: 0 15px;}
.banner-tabs ul li a img {filter: invert(1);}
.banner-tabs ul li a span {white-space: nowrap;}
.banner-tabs ul li a:hover {background: #020202;}
.banner-tabs ul li a i {font-size: 60px;margin-bottom: 10px;}*/

/*@media (min-width: 575px) and (max-width: 767px) {.banner-tabs ul li {width: 24%!important;float: none;margin-bottom: 15px;display: inline-block;padding: 10px;}}*/

.section-heading>h3 {margin-bottom:20px;}
.section-heading>p {margin-bottom:0;}
.head {text-transform: uppercase;color: #6c6d72;padding-bottom: 5px;}

.car-search-form .nav-tabs {border: none;}
.car-search-form .nav-tabs .nav-item {text-align: center;}
.car-search-form .nav-tabs .nav-item .nav-link {background: #eee;border-radius: 0;border: none;color: #6c6d72;}
.car-search-form .nav-tabs .nav-item .nav-link:hover,.car-search-form .nav-tabs .nav-item .nav-link.active {background: #ffffff;color: #020202;border: none;}
.car-search-form .tab-content {padding: 10px 30px 20px;background-color: #ffff;box-shadow: 0px 0px 4px 0px #70707063;border-radius: .25rem;}
.car-search-form .tab-content form button {height: 50px;border-radius: 5px;}
.car-search-form .nav-tabs {border: none;justify-content: left;white-space: nowrap;}
@media  (max-width: 767px) {.car-search-form .nav-tabs .nav-item{width : 100% !important;}}

.mytabs .nav-tabs {justify-content:start;border:none;}
.mytabs .nav-tabs .nav-item {text-align:center;margin-bottom:0;}
.mytabs .nav-tabs .nav-item .nav-link:hover,.mytabs .nav-tabs .nav-item .nav-link.active {background:#fff;color:#000000;border:1px solid white;box-shadow:0px 0px 8px 0px #80808063;}
.mytabs .nav-tabs .nav-item .nav-link {background:#eee;border-radius:0;border:1px solid white;color:#020202;padding:0px;}

.best-deals .container .row .col-12 h4:before {content: "";position: absolute;top: 16px;transform: translateY(-50%);width: 4px;height: 30px;background: red;margin:0 -8px}

.car-browse-make-type h4 small {float: right;text-decoration: underline;}
.car-browse-make-type ul {margin-top: 20px;}
.car-browse-make-type ul li {width: 16.66%;display: inline-block;vertical-align: top;margin-bottom: 25px;max-height: 300px;overflow: hidden;text-align: center;font-weight: 700;}
.car-browse-make-type ul li a span {max-width: 110px;margin: 0 auto;display: block;margin-bottom: 10px}
.car-browse-make-type ul li a span.hidecar {display: none;}
.car-browse-make-type ul li a {text-decoration: none;}

.blog-post {box-shadow:0px 0px 4px 0px #70707063;margin: 2px;}
.our-articles .post .blog-wrapper .blog-img {position:relative;overflow:hidden;background: #fff;padding: 20px;border-bottom: 1px solid #cdcdcd;}
.our-articles .post .blog-wrapper .blog-img:hover img {transform:scale(1.1);transition:0.5s;}
.our-articles .post .blog-wrapper .blog-meta {background:#fff;padding:20px;}
.our-articles .post .blog-wrapper .blog-meta h2 {line-height:1.5;font-size:18px;font-family: AR-Mechano;}
.our-articles .post .blog-wrapper .blog-meta h3 {line-height:1.5;font-size:18px;font-family: AR-Mechano;}
.our-articles .post .blog-wrapper .blog-meta .post-meta {display:flex;align-items:center;margin:-20px;margin-bottom:20px;}
.our-articles .post .blog-wrapper .blog-meta .post-meta .post-date {position:relative;}
.our-articles .post .blog-wrapper .blog-meta .post-meta .post-date .date {padding:6px 0px 6px 7px;font-size:18px;font-weight:600;display:flex;overflow:hidden;}
.our-articles .post .blog-wrapper .blog-meta .post-meta .post-date .date sup {top:6px;left:3px;font-weight:400;line-height:normal;font-size:10px;}
.our-articles .post .blog-wrapper .blog-meta .post-meta .post-date .date span {transform:rotate(90deg);font-size:14px;line-height:28px;padding:2px 6px;position:relative;right:-8px;}
.our-articles .post .blog-wrapper .blog-meta .post-meta .post-author span {font-style:italic;font-weight: 700;}
.our-articles .post .blog-wrapper .blog-meta .post-meta-middle {display:flex;align-items:center;justify-content:flex-start;margin-bottom:20px;}
.our-articles .post .blog-wrapper .blog-meta .blog-description {margin-bottom:20px;}
.our-articles .post .blog-wrapper .blog-meta .blog-footer {padding-top:20px;background:#fff;position:relative;}
.our-articles .post .blog-wrapper .blog-meta .blog-footer:before {content:'';width:50px;height:3px;position:absolute;top:-2px;background:#dd3333;display:block;}
.our-articles .post .blog-wrapper .blog-img .video-btn-sec .circle-box a.video-btn {border-radius:50%;width:50px;height:50px;border:0;display:flex;justify-content:center;align-items:center;z-index:1;background-color:inherit;font-size:30px;}
.post-author {margin-left: 10px;margin-right: -12px;}

.blog-img .video-btn-sec {position:absolute;top:50%;left:0;right:0;transform:translate(0%, -50%);justify-content:center;display:flex;}
.blog-img .video-btn-sec .circle-box {height:70px;width:70px;border-radius:50%;background-color:#fff;cursor:pointer;font-size:25px;position:relative;display:flex;justify-content:center;align-items:center;transition:height .25s ease, width .25s ease;box-shadow:0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);}

.container .blog-slider .swiper-button-prev:after {color: #47494e!important;} 
.container .blog-slider .swiper-button-next:after {color: #47494e!important;}
.container .blog-slider .swiper-button-prev {margin: 5px -8px!important;} 
.container .blog-slider .swiper-button-next {margin: 5px -8px!important;}

/* VEHICLE SEARCH */

.banner {text-align: center;background-color: #bfbfbf;}
.offertext{width: 120px;background-color: #e1e1e1;color: #dd3333;padding: 0 10px;margin: 10px 0 0 0;border-radius: 5px 5px 0 0;border:solid #afafaf;border-width:1px 1px 0 1px ;font-weight: 700;}
.sidebar_wrap .sidebar .sidebar_widgets {padding:20px;border-radius:5px;box-shadow: 0px 0px 2px 0px #797979;}
.sidebar_wrap .sidebar .sidebar_widgets .widget_title {margin:-21px -21px 20px;padding:16px;border-radius: 5px 5px 0 0;text-align: center;border-bottom: 2px solid #dadada;background: #e1e1e1;}
.sidebar_wrap .sidebar .sidebar_widgets .location-box:before {content:"\f05b";font-family:'Font Awesome 5 Free';font-weight:900;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;position:absolute;right:15px;top:50%;transform:translate(0px, -50%);z-index:0;pointer-events:none;color:#6c757d;}
.sidebar_wrap .sidebar .sidebar_widgets .product-type {list-style:none;padding:0;}
.sidebar_wrap .sidebar .sidebar_widgets .product-type li {width:100%;display:flex;}
.sidebar_wrap .sidebar .sidebar_widgets .product-type li .recent_post_img {position:relative;overflow:hidden;flex:0 0 80px;max-width:80px;}
.sidebar_wrap .sidebar .sidebar_widgets .product-type li .recent_post_img img {width:100%;height:100%;object-position:center;object-fit:cover;}
.sidebar_wrap .sidebar .sidebar_widgets .product-type li .recent_post_img:hover img {transition:0.5s;transform:scale(1.1);}
.sidebar_wrap .sidebar .sidebar_widgets .product-type li .recent_post_title {flex:0 0 calc(100% - 80px);max-width:calc(100% - 80px);padding:10px 15px;border:2px solid #efefef;width:100%;}
.sidebar_wrap .sidebar .sidebar_widgets .product-type li .recent_post_title h6 {margin-bottom:10px;}

.range-slider .slider .tooltip.top.in {opacity:1;}
.range-slider .slider.slider-horizontal {display:block;width:100%;}
.range-slider .slider.slider-horizontal .slider-track {height:5px;}
.range-slider .slider.slider-horizontal .slider-handle {background:#dd3333;box-shadow:none;cursor:pointer;top:-3px;}
.range-slider .slider.slider-horizontal .slider-track-low,.range-slider .slider.slider-horizontal .slider-track-high {background:#f4f4f4;}
.range-slider .slider.slider-horizontal .slider-selection {background:#dd3333;}
.slider .tooltip.top {margin-top:-36px;}

.form-label {margin-bottom: 40px!important;} 

.inventory-heading .sort-by {display:flex;align-items:center;}
.inventory-heading .sort-by span {white-space:nowrap;margin:0 15px;}
.inventory-heading .sort-by .custom-select {margin-bottom:0;background:#fff;}
.inventory-heading {padding:5px 20px;align-items:center;justify-content:space-between;box-shadow: 0px 0px 2px 0px #797979;border-radius: 5px;background-color: #e1e1e1;}
@media (max-width: 576px){.slider .tooltip-main.top{opacity:1;}.inventory-heading{display:block;text-align:center;}}
@media (max-width: 767px){.inventory-heading .sort-by{margin-bottom:15px;padding-bottom: 5px;}}
@media (min-width: 768px){.inventory-heading {display: flex;} }

.custom-select {background-image:none;appearance: auto;height: auto;}
.custom-select:focus {box-shadow:none;}

.recent-add{max-width:300px;}

.car-grid-box {position:relative;}
.car-grid-box .car-grid-wrapper {border:1px solid #dadada;background:#fff;border-radius: 5px;}  
.car-grid-box .car-grid-wrapper .car-img {position:relative;overflow:hidden;margin-bottom:20px;}
.car-grid-box .car-grid-wrapper:hover .car-img img {transition:0.5s;transform:scale(1.1);}
.car-grid-box .car-grid-wrapper .car-desc {margin-bottom:20px;}
.car-grid-box .car-grid-wrapper .car-desc ul {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;list-style:none;padding:0;}
.car-grid-box .car-grid-wrapper .car-desc ul li {margin:0px;}
.car-grid-box .car-grid-wrapper .car-desc ul li i {font-size:15px;}

.car-list-box{position: relative;}
.car-list-box .car-list-wrapper{display: flex;border: 1px solid #afafaf;}
.car-list-box .car-list-wrapper .car-list-img{display: flex;}
.car-list-box .car-list-wrapper .car-type-tag{position: absolute;}

/*.car-list-box .car-list-wrapper:hover .car-list-img img{transform: scale(0.95);transition: 0.5s;}*/
.car-list-box .car-list-wrapper .car-list-content{padding: 15px;width: 75%;}

/*.type-tag{display: inline-block;padding: 3px 5px;font-weight: 700;border-radius: 5px;}*/
.type-tag {color: #000;display: inline-block;padding: 3px 5px;font-size: 14px;font-weight: 700;width: 120px;}
.page-item .page-link {padding:8px 20px;font-size:14px;line-height:1.5;color:#020202;}
.page-item.disabled .page-link  {background-color:#f0f0f0;}
.page-item:hover .page-link,.page-item.active .page-link {background-color:#dd3333;border-color:#dd3333;color:#fff;}
.page-link:focus {box-shadow:none;z-index:1;}

.Search-nav .nav {margin-bottom: 20px;}
.Search-nav .nav-item {width: 25%!important;}
.Search-nav .nav-link {padding: 16px 0;background: #dadada;color:#020202;text-align: center;border:1px white solid;font-weight: 600;height: 60px;}
.Search-nav .nav-link:hover,.Search-nav .nav-link.active {background: #dd3333;box-shadow: 0px 0px 2px 0px #dd3333;color: white!important;}

.fa-sliders {padding-top: 5px;}

.whatsapp-desktop{background-color: rgb(2 138 33);width: 50px;height: 50px;border-radius: 4px;position: fixed;bottom: 75px;right: 15px;z-index: 1100;padding-bottom: 2px;}
.whatsapp-mobile{background-color: rgb(2 138 33);width: 50px;height: 50px;border-radius: 4px;position: fixed;bottom: 130px;right: 15px;z-index: 1100;padding-bottom: 2px;}

/* VEHICLE DETAILS */

.inventory-subhead {display:flex;justify-content:space-between;}
.inventory-subhead .extra-options ul {display:flex;align-items:center;padding:0;list-style:none;}
.inventory-subhead .extra-options ul li button,.inventory-subhead .extra-options ul li a{border:1px solid #efefef;padding:8px 12px;border-radius:5px;}

.fancybox__container {z-index: 1600!important;}
.price {min-width: 100px;}
.btn-outline-dark.focus, .btn-outline-dark:focus {box-shadow: none;}

.switch {position: relative;display: block;width: 100px;height: 30px;padding: 3px;margin: 0 10px 10px 0;background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);border-radius: 18px;box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);cursor: pointer;box-sizing:content-box;}
.switch-input {position: absolute;top: 0;left: 0;opacity: 0;box-sizing:content-box;}
.switch-label {position: relative;display: block;height: inherit;font-size: 10px;text-transform: uppercase;background: #eceeef;border-radius: inherit;box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);box-sizing:content-box;}
.switch-label:before, .switch-label:after {position: absolute;top: 50%;margin-top: -.5em;line-height: 1;-webkit-transition: inherit;-moz-transition: inherit;-o-transition: inherit;transition: inherit;box-sizing:content-box;}
.switch-label:before {content: attr(data-off);right: 11px;color: #aaaaaa;text-shadow: 0 1px rgba(255, 255, 255, 0.5);}
.switch-label:after {content: attr(data-on);left: 11px;color: #FFFFFF;text-shadow: 0 1px rgba(0, 0, 0, 0.2);opacity: 0;}
.switch-input:checked ~ .switch-label {background: #E1B42B;box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);}
.switch-input:checked ~ .switch-label:before {opacity: 0;}
.switch-input:checked ~ .switch-label:after {opacity: 1;}
.switch-handle {position: absolute;top: 4px;left: 4px;width: 28px;height: 28px;background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);border-radius: 100%;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);}
.switch-handle:before {content: "";position: absolute;top: 50%;left: 50%;margin: -6px 0 0 -6px;width: 12px;height: 12px;background: linear-gradient(to bottom, #eeeeee, #FFFFFF);background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);border-radius: 6px;box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);}
.switch-input:checked ~ .switch-handle {left: 74px;box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);}
.switch-label, .switch-handle {transition: All 0.3s ease;-webkit-transition: All 0.3s ease;-moz-transition: All 0.3s ease;-o-transition: All 0.3s ease;}
.switch-flat {padding: 0;background: #FFF;background-image: none;}
.switch-flat .switch-label {background: #FFF;border: solid 2px #eceeef;box-shadow: none;width: 100px;}
.switch-flat .switch-label:after {color: #37773C;}
.switch-flat .switch-handle {top: 6px;left: 6px;background: #dadada;width: 22px;height: 22px;box-shadow: none;}
.switch-flat .switch-handle:before {background: #eceeef;}
.switch-flat .switch-input:checked ~ .switch-label {background: #FFF;border-color: #37773C;}
.switch-flat .switch-input:checked ~ .switch-handle {left: 72px;background: #37773C;box-shadow: none;}

@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important;}a:not(.btn){text-decoration:underline;}img{page-break-inside:avoid;}h2,h3,p{orphans:3;widows:3;}h2,h3{page-break-after:avoid;}.container{min-width:992px!important;}}

.car-specification .tabs .nav-tabs {justify-content:flex-start;}
.car-specification .tabs .tab-content {background-color:#f4f4f4;box-shadow: 0px 0px 4px 0px #70707063;}
.car-specification .car-dealer-contact #locmap {width:100%;border:none;}
.car-specification .specifications table {background:#fff;}
.car-specification .specifications .table thead th {color:#fff;border:2px solid #fff;}
.car-specification .specifications .table.table-bordered tbody td,.car-specification .specifications .table.table-bordered tbody th {border:2px solid #fff;}
.car-specification .specifications .table.table-bordered tbody th {width:70%;}
.car-specification .specifications .table.table-bordered tbody td {width:30%;text-align:center;}
.car-specification .specifications .table.table-bordered tbody td i {color:#dd3333;}
.car-specification .car-detail-box p {margin-bottom:20px;}
.car-specification .car-detail-box blockquote p {margin-bottom:0;font-size:16px;}
.car-specification .car-detail-box .video-box iframe {height:350px;width:100%;border:none;}
.car-specification .car-detail-box .list ul {list-style:none;}
.car-specification .car-detail-box .list ul li {margin:0px 0 10px;}
.car-specification .car-detail-box .list ul li i {margin-right:7px;width:20px;height:20px;text-align:center;background:#dd3333 none repeat scroll 0 0;color:#fff;line-height:20px;font-size:12px;}
.car-specification .contact-box .contact-details {margin-bottom:40px;}
.car-specification .contact-box form {padding:30px;border-radius: 10px;margin-top: 20px;}
.car-specification .contact-box .contact-details ul {padding:0;list-style:none;display:flex;}
.car-specification .contact-box .contact-details ul li {width:33.33%;position:relative;padding:0 25px;font-size:14px;line-height:normal;font-weight:600;}
.car-specification .car-dealer-contact .contact-details ul li {/*width:33.33%;position:relative;*/padding:3px 40px;font-size:14px;line-height:normal;font-weight:600;}
.car-specification .contact-box .contact-details ul li span {text-align:center;color:#dd3333;line-height:20px;font-size:20px;position:absolute;padding:6px 8px;margin: 0 -45px;}
.car-specification .car-dealer-contact .contact-details ul li span {text-align:center;color:#dd3333;line-height:20px;font-size:20px;position:absolute;padding:4px 8px;margin: 0 -45px;}
.car-specification .contact-box form label {font-size:14px;font-weight:600;}
.specs {display: flex;justify-content: space-between;padding: 0.5rem 1rem;border-bottom: 1px solid #dee2e6;}

#mainCarousel {margin: 0 auto 1rem auto;--carousel-button-color: #170724;--carousel-button-bg: #fff;--carousel-button-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%),0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;--carousel-button-svg-stroke-width: 2.5;}
#mainCarousel .carousel__slide {width: 100%;padding: 0;}
#mainCarousel .carousel__button.is-prev {left: -1.5rem;}
#mainCarousel .carousel__button.is-next {right: -1.5rem;}
#mainCarousel .carousel__button:focus {outline: none;box-shadow: 0 0 0 3px #eee;}
#thumbCarousel .carousel__slide {opacity: 0.5;padding: 0;margin: 0.25rem;width: 96px;height: 64px;}
#thumbCarousel .carousel__slide img {width: 100%;height: 100%;object-fit: cover;border-radius: 4px;}
#thumbCarousel .carousel__slide.is-nav-selected {opacity: 1;}
#mainCarousel {cursor:zoom-in;}
.fancybox__thumbs .carousel__slide .fancybox__thumb::after {border-color: #ac1e1e!important;border-radius: 3px!important;}
.fancybox__progress {background: #ac1e1e!important;}

.version{max-width: 190px;justify-self: center;}

#filter-open {background-color: rgb(221 51 51);width: 50px;height: 50px;border-radius: 4px;position: fixed;bottom: 75px;right: 15px;opacity: 1;visibility: visible;z-index: 1100;padding-bottom: 2px;transition: 0.5s;}
#filter-close {display: inline-block;width: 50px;position: absolute;top: 85px;right: 30px;opacity: 0;visibility: hidden;z-index: 1500;}
.filter-fix {position: fixed;z-index: 1200;height: 100%;top:0;right:0;left:0;padding:80px 20px;background:white;display: block!important;transition: background-color .3s,opacity .5s, visibility .5s;overflow-y: scroll;overflow-x: hidden;}
#filter-open.hide {margin-bottom: 5%;opacity: 0!important;visibility: hidden!important;}
#filter-close.show {margin-bottom: 5%;opacity: 1!important;visibility: visible!important;transition: 0s;}

/* ARTICLES */

.blog-meta .post-meta .fa-facebook-square {color: #0f88ff!important;}
.blog-meta .post-meta .fa-twitter-square {color: #64c4ff!important;}

.video {display: block;margin-left: auto;margin-right: auto;width: 50%;  height: 50%;}
.video-btn-sec .circle-box:before {content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid rgba(255, 255, 255, 0.5);animation:ripple 2s linear infinite;}
.blog-detail .post .blog-wrapper .blog-meta h2 {font-size: 18px;}
.blog-detail .post .blog-wrapper .blog-meta .post-meta {display: flex;align-items: center;justify-content: space-between;}
.blog-detail .post .blog-wrapper .blog-meta .post-meta .post-date {position: relative;margin-bottom: 20px;}
.blog-detail .post .blog-wrapper .blog-meta .post-meta .post-date .date {padding: 5px;font-size: 18px;font-weight: 600;display: flex;overflow: hidden;border-radius: 5px;}
.blog-detail .post .blog-wrapper .blog-meta .post-meta .post-date .date sup {top: 6px;font-weight: 400;line-height: normal;font-size: 10px;padding: 0 5px;}
.blog-detail .post .blog-wrapper .blog-meta .post-meta .post-date .date span {font-size: 14px;line-height: 28px;padding: 2px 6px;position: relative;border-radius: 3px;}
.blog-detail .post .blog-wrapper .blog-meta .post-meta .article-author {margin-bottom: 20px;padding: 0 5px;align-self: center;}
.blog-detail .post .blog-wrapper .blog-meta .post-meta .article-author span {font-style: italic;font-weight: 700;}
.blog-detail .post .blog-wrapper .blog-meta .post-meta .article-author+.article-author span {font-style: normal;margin-left: 0;margin-right: 20px;}
.blog-detail .post .blog-wrapper .blog-meta .blog-content .description {margin-bottom: 20px;}
@media (max-width:768px){.blog-detail .post .blog-wrapper .blog-meta .post-meta {display: block}}

.faqs .section-header .section-heading .input-group .form-control-custom {border: 4px solid #dd3333;border-right: 0;}
.about-us-1 .layout-2:before {content: '';background: #dd3333;display: block;height: 100%;z-index: -1;position: absolute;width: 100%;left: -35px;}
.faq-box .faq-wrapper .title-img {width: 100%;height: 145px;position: relative;margin-bottom: 20px;}
.faq-box .faq-wrapper .title-img>img {width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 5px;}
.custom-accordion .card {border: 0;margin: 0px 0;border-radius: 0;}
.custom-accordion .card {margin-bottom: 20px;}
.custom-accordion .card .card-header {border: 1px solid #efefef;border-radius: 0px;padding: 0px;background: transparent;}
.custom-accordion .card:last-child {margin-bottom: 0;}
.custom-accordion .card .card-header .title {padding: 15px;line-height: 1.5;white-space: nowrap;vertical-align: middle;display: flex;-webkit-box-pack: justify;justify-content: space-between;align-items: center;cursor: pointer;position: relative;letter-spacing: normal;font-weight: 400;text-overflow: ellipsis;overflow: hidden;}
.custom-accordion .card .card-header .title span.icon {background: #f4f4f4;width: 55px;height: 55px;position: absolute;right: 0;top: 0;display: flex;align-items: center;justify-content: center;}
.custom-accordion .card .card-header .title span.icon:before {content: '+';font-size: 22px;font-weight: 400;line-height: normal;position: absolute;top: 50%;left: 0;right: 0;transform: translate(0%, -50%);text-align: center;}
.custom-accordion .card.open .card-header .title span.icon:before {content: '-';}
.custom-accordion .card .card-body {box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.1);margin: 0;}
.custom-accordion .card .card-body p {margin-bottom: 0;}

/* ADD LISTING & GEN & DEALER GUIDE*/

.gen-tab {border:2px solid #d4d4d4;padding:5px;border-radius: 5px;}
.gen-tab .nav-item {width: 72%!important;margin: auto;}
.gen-tab .nav-item-2 {width: 28%!important;}
.gen-tab .nav-link {padding: 20px;background: #e8e8e8;text-align: center;border-radius:5px;font-weight: 700;font-size: 22px;font-family: 'AR-Mechano';}
.option-row {margin-bottom: 25px;}
.collapsing {transition: 0.5s ease;}
.input-group-text {font-size: 14px;min-width: 115px;}
.ribbon {margin-bottom: 10px;color: white;}
.ribbon2 {display: block;height: 45px;line-height: 45px;text-align: center;margin-left: -10px;margin-right: -10px;background: #5e5e5e;position: relative;top: 10px;font-weight: 600;}
.ribbon2:before, .ribbon2:after {content: "";position: absolute;}
.ribbon2:before {height: 0;width: 0;bottom: -10px;left: 0;border-top: 10px solid #444444;border-left: 10px solid transparent;}
.ribbon2:after {height: 0;width: 0;right: 0;bottom: -10px;border-top: 10px solid #444444;border-right: 10px solid transparent;}
#results{overflow-x: scroll;white-space: nowrap;padding-bottom: 10px;}
.gen-wrapper {display: inline-block;text-align: center;}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {background-color: #fff; box-shadow: 0px 0px 4px 0px #707070;color: #000;} 
.nav-pills .nav-link:hover {box-shadow: 0px 0px 4px 0px #707070;} 
.unitactive{box-shadow: 0px 0px 4px 0px #707070;}

#addopt {background-color: rgb(221 51 51);width: 50px;height: 50px;text-align: center;border-radius: 4px;position: fixed;bottom: 130px;right: 15px;opacity: 1;visibility: visible;z-index: 1100;}
#removeopt {background-color: rgb(221 51 51);width: 50px;height: 50px;text-align: center;border-radius: 4px;position: fixed;bottom: 75px;right: 15px;opacity: 1;visibility: visible;z-index: 1100;}
#addopt:hover,#removeopt:hover {cursor:pointer;background-color: #333;}

.add-listing-sec {box-shadow: 0px 0px 4px 0px #dadada;}
.add-listing-sec #add-listing-tab .step-steps {display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: justify;justify-content: space-between;padding-left: 0;}
.add-listing-sec #add-listing-tab .step-steps > li {flex: 0 0 20%;max-width: 20%;}
.add-listing-sec #add-listing-tab .step-steps > li:before {background-color: #19191975;height: 12px;left: 50%;top: 19px;width: 235px;transition: all 0.3s;}
.add-listing-sec #add-listing-tab .step-steps > li > a > .number {width: 30px;height: 30px;background-color: #191919;border: 0px solid;transition: all 0.3s;}
.add-listing-sec #add-listing-tab .step-steps > li.active > a > .number,.add-listing-sec #add-listing-tab .step-steps > li.done > a > .number {background-color: #ff8500;}
.add-listing-sec #add-listing-tab .step-steps > li.active > a > .number:before,.add-listing-sec #add-listing-tab .step-steps > li.done > a > .number:before {background-color: rgba(255, 133, 0, 0.36);}
.add-listing-sec #add-listing-tab .step-steps > li > a > .number:before {background-color: #1919194f;box-shadow: 0 0 0 rgba(221, 221, 211, 0);height: calc(100% + 16px);width: calc(100% + 16px);top: -8px;left: -8px;transition: all 0.3s;}
.add-listing-sec #add-listing-tab .step-steps > li.active > a > .step-name,.add-listing-sec #add-listing-tab .step-steps > li.done > a > .step-name {color: #ff8500;}
.add-listing-sec #add-listing-tab .step-steps > li > a > .step-name {font-weight: 600;color: #191919;font-size: 14px;letter-spacing: 0.08em;margin-top: 20px;transition: all 0.3s;}
.add-listing-sec #add-listing-tab .step-steps > li:last-child:before {width: 0;}
.add-listing-sec #add-listing-tab .step-steps > li.done:before {background-color: #ff8500;}
.add-listing-sec #add-listing-tab .step-footer.step-tab-pager {align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;-webkit-box-pack: justify;justify-content: space-between;padding-top: 15px;margin-bottom: 0px;}
.add-listing-sec #add-listing-tab .step-footer.step-tab-pager button {width: auto;border-radius: 40px;padding: 0 22px;height: 42px;}
.add-listing-sec #add-listing-tab > .step-content .title-icon {margin-bottom: 25px;}
.add-listing-sec #add-listing-tab .title-icon {border-bottom: 2px solid #acacac;padding: 18px 0;}
.add-listing-sec #add-listing-tab .title-icon > .title {align-items: center;display: flex;margin-bottom: 0;text-transform: capitalize;color: #dd3333;font-weight: 700;}
/*.add-listing-sec #add-listing-tab .title-icon > .title > i {color: #a7a7a7;font-size: 25px;margin-right: 15px;display: inline-block;}*/
.add-listing-sec #add-listing-tab .form-group .bootstrap-tagsinput input {border: none;background: transparent;outline: none;width: 120px;}
.add-listing-sec #add-listing-tab .form-group .bootstrap-tagsinput {background-color: #fff;border: 1px solid #eee;box-shadow: none;display: inline-block;vertical-align: middle;border-radius: 0px;width: 100%;cursor: text;padding: 5.7px 1.2rem;height: 50px;}
.add-listing-sec #add-listing-tab .form-group .bootstrap-tagsinput span.tag {display: inline-block;color: white;border-radius: 30px;padding: 0px 5px 0px 8px;margin-right: 5px;margin-bottom: 5px;margin-top: 5px;font-size: 14px;}
.add-listing-sec #add-listing-tab .form-group .bootstrap-tagsinput .tag .tag-remove {margin-left: 5px;cursor: pointer;color: #fff;}
.add-listing-sec #add-listing-tab .form-group .bootstrap-tagsinput .tag .tag-remove:after {content: "x";padding: 0px 2px;}
.add-listing-sec #add-listing-tab .form-group .bootstrap-tagsinput .tag {margin-right: 2px;color: white;}
.add-listing-sec #add-listing-tab div.drag-drop {height: auto; width: 100%;border: 4px dashed #eee;cursor: pointer;}
.dropzone .dz-preview .dz-image {width: auto!important;height: auto!important;}
.dropzone .dz-preview .dz-image img {height: auto;max-width: 100%;}
.add-listing-sec #add-listing-tab div.drag-drop:hover,.add-listing-sec #add-listing-tab div.drag-drop:focus {border-color: #666666;}
.add-listing-sec #add-listing-tab div.drag-drop .add-gallery-text i {display: block;font-size: 32px;color: #666666;cursor: pointer;}
.add-listing-sec #add-listing-tab div.drag-drop .add-gallery-text span.drag-label {width: 100%;height: 100%;text-align: center;line-height: normal;color: #6c757d;font-size: 16px;cursor: pointer;}
.add-listing-sec #add-listing-tab div.drag-drop input {position: absolute;margin: 0;padding: 0;width: 100%;height: 100%;outline: none;opacity: 0;}
.add-listing-sec #add-listing-tab div.drag-drop:hover .add-gallery-text i,
.add-listing-sec #add-listing-tab div.drag-drop:hover .add-gallery-text span.drag-label,
.add-listing-sec #add-listing-tab div.drag-drop:focus .add-gallery-text i,
.add-listing-sec #add-listing-tab div.drag-drop:focus .add-gallery-text span.drag-label {
    color: #666666;}

.dashboard {display: block;padding: 4rem;}
@media (max-width:768px){.dashboard{padding: 1.2rem;}}
.dashboard-option .option-list a {display: block;padding: 15px 43px 12px 35px;text-align: center;font-size: 15px;border-bottom: 1px solid #eee;background: #dadada;font-weight: 600;text-transform: uppercase;}
.dashboard-option .option-list a:hover,.dashboard-option .option-list a.active {background:#fff;color: black;transition: 0.5s;width: 100%;box-shadow: 0px 0px 4px 0px #70707063;}

.dashboard-table {border-collapse: collapse;box-shadow: 0px 0px 4px 0px #70707063;overflow: auto;padding: 1rem;}
.dashboard-table thead tr {border-bottom:1px solid black;text-align: center;}
.dashboard-table td {padding: 12px 15px;min-width: 150px;max-width: 250px;text-align: center;}
.dashboard-table tbody tr {border-bottom: thin solid #dddddd;}
.dashboard-table tr th:first-child,.dashboard-table tr td:first-child {width: 80px;text-align: center;}
.dashboard-table tr th:last-child,.dashboard-table tr td:last-child {min-width: 100px;text-align: center;}

#add-listing-tab .contact-details ul li {padding:0 40px;font-weight:600;}
#add-listing-tab .contact-details ul li div {text-align:center;color:#dd3333;line-height:20px;font-size:20px;position:absolute;padding:4px 8px;margin: 0 -45px;}
#add-listing-tab iframe {width: 100%;height:200px;border:0;}

.whatsapp{background-color: rgb(2 138 33);width: 50px;height: 50px;border-radius: 4px;position: fixed;bottom: 75px;right: 15px;z-index: 1100;padding-bottom: 2px;}
.fa-whatsapp{padding: 5px 9px 0 9px;}

/* CONTACT US */

.contact-page .contact-form-wrapper .contact-form {margin-top: 50px;}
.contact-page .contact-side-sec .contact-img-wrapper {padding: 20px 0;margin: 20px 0;}
.contact-page .contact-side-sec .contact-img-wrapper-arabic {padding: 20px 0;margin: 20px 0;}
.contact-page .contact-side-sec .contact-img-wrapper-arabic:after {content: "";position: absolute;left: -30px;top: 0;width: 250px;height: 100%;z-index: -1;background-color: #dd3333;}
.contact-page .contact-side-sec .contact-img-wrapper:after {content: "";position: absolute;right: -30px;top: 0;width: 250px;height: 100%;z-index: -1;background-color: #dd3333;}
.contact-page .contact-side-sec .contact-img-wrapper .video-btn-sec {position: absolute;top: 50%;left: 50%;transform: translate(0, -50%);}
.contact-page .contact-side-sec .contact-img-wrapper .video-btn-sec .circle-box {height: 90px;width: 90px;border-radius: 50%;background-color: #fff;cursor: pointer;font-size: 25px;position: relative;display: flex;justify-content: center;align-items: center;transition: height .25s ease, width .25s ease;box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);}
.contact-page .contact-side-sec .contact-img-wrapper .video-btn-sec .circle-box:before {content: '';display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.5);animation: ripple 2s linear infinite;}
.contact-page .contact-side-sec .contact-img-wrapper .video-btn-sec .circle-box a.video-btn {border-radius: 50%;width: 50px;height: 50px;border: 0;display: flex;justify-content: center;align-items: center;z-index: 1;background-color: inherit;}

/* COMPARE */

.compare-box .form-control {min-width: 180px;}
.compare-box .stickybox {position: sticky;top: 0;z-index: 3;}
.compare-box .autoflow {overflow: auto;}
.compare-box .hiddenflow {overflow-x: hidden;}
.compare-product-box .car-img{width: 222px;height: 125px;}
.compare-product-box .car-img img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.compare-product-box .extra-car-details{display: inline-flex;}
.compare-product-box .car-type-remove .remove-btn{position: relative;left:10px; right:10px;}
.compare-box .compare-product-table .table-wrapper table{border:none; width: 210px;}

.compare-box .compare-product-table .table-wrapper table th[scope=row]{right: 0;left: 0;z-index: 1;border-bottom: 1px solid white!important;background-color: #ebebeb;}
.compare-product-table .table-wrapper table{background: #fff;}
.compare-box .compare-product-table .table-wrapper table th{position: sticky;top: 0;z-index: 2;min-width: 210px;border: 0;background-color: white;}
.compare-product-table .table-wrapper .table.table-bordered tbody tr td:first-child{font-weight: 700;}
.compare-product-table .table-wrapper .table.table-bordered tbody td{width:210px;min-width: 210px;border:none;border-bottom:1px solid #cacaca; text-align: center;font-weight: 600;}
#addcompare {background-color: #4b4b4b;height: 50px;border-radius: 4px;position: fixed;bottom: 30px;right: 38%;left: 38%;z-index: 500;font-weight: 600;color: #fff;padding-inline:10px ;}

/*LOGIN AND REGISTER */

#register-page.modal,#login-page.modal {position: relative;display: block;z-index: 0;}
#login-page .modal-header,#login-page .modal-body,#register-page .modal-header,#register .modal-body {padding: 32px;}
#login-page .modal-dialog,#register-page .modal-dialog {max-width: 420px;margin: 1.75rem auto;}
#login-page .modal-body .form-group button,#register-page .modal-body .form-group button {height: 50px;}
#login-page .modal-body .form-excerpts ul,#register-page .modal-body .form-excerpts ul {display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: justify;justify-content: space-between;flex-wrap: wrap;}
#login-page .modal-body .social-login,#register-page .modal-body .social-login {margin-top: 15px;text-align: center;}
#login-page .modal-body .social-login span,#register-page .modal-body .social-login span {font-size: 16px;margin-bottom: 15px;display: block;}
#login-page .modal-body .social-login .social-btn,#register-page .modal-body .social-login .social-btn {display: flex;justify-content: center;}
#login-page .modal-body .social-login .social-btn a,#register-page .modal-body .social-login .social-btn a {border: 1px solid transparent;padding: 0 1.33rem;font-size: 0.933rem;line-height: 2.875rem;text-align: center;vertical-align: middle;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;margin: 0 10px;}
#login-page .modal-body .social-login .social-btn a.facebook,#register-page .modal-body .social-login .social-btn a.facebook {border: 1px solid #3b579d;color: #3b579d;}
#login-page .modal-body .social-login .social-btn a.google,#register-page .modal-body .social-login .social-btn a.google {border: 1px solid #db4e3d;color: #db4e3d;}
#login-page .modal-body .social-login .social-btn a.facebook:hover,#register-page .modal-body .social-login .social-btn a.facebook:hover {background-color: #3b579d;border-color: #3b579d;color: #fff;}
#login-page .modal-body .social-login .social-btn a.google:hover,#register-page .modal-body .social-login .social-btn a.google:hover {background-color: #db4e3d;border-color: #db4e3d;color: #fff;}

.custom-checkbox {display: block;font-size:14px;position: relative;padding:0 30px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.custom-checkbox input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark {position: absolute;top: 0;right: 0;left: 0;height: 25px;width: 25px;background-color: #eee;border-radius: 3px;}
.custom-checkbox:hover input ~ .checkmark {background-color: #ccc;}
.custom-checkbox input:checked ~ .checkmark {background-color: #383838;}
.checkmark:after {content: "";position: absolute;display: none;}
.custom-checkbox input:checked ~ .checkmark:after {display: block;}
.custom-checkbox .checkmark:after {left: 10px;top: 6px;width: 6px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

/* 404 PAGE */

.page-404 {background-image: url('../images/404.jpg');}
.coming-soon:before,.page-404:before {content: "";position: absolute;width: 100%;height: 100%;top: 0;z-index: -1;left: 0;background-image: linear-gradient(to right, rgba(25, 25, 25, 0.56), rgba(255, 133, 0, 0.55));}
.page-404 section {display: flex;justify-content: center;height: 100vh;text-align: center;align-items: center;width: 100%;}
.page-404 .caption h5 {margin: 50px 0;font-weight: 400;}
.coming-soon .content-wrapper h1 a,.page-404 .caption h5 a {text-decoration: underline;text-underline-position: under;}

/* LEGAL AND PRIVACY */

.legal p {font-size:16px;}
.legal h1,.legal h2 {color:#dd3333}
.privacy li,.privacy p {font-size:16px;margin: 0;}
.privacy h1,.privacy h2,.privacy h3,.privacy h4 {color:#dd3333;padding-top: 10px;font-weight: 700;margin-bottom:10px;}

/* FOOTER */

.section-header {margin:0 auto;max-width:660px;padding-bottom:50px;text-align:center;}

#footer-style-2 .footer-top-sec {padding-bottom: 60px;}
#footer-style-2 .cols5-head {grid-template-columns: repeat(5, 1fr);margin-right: 0;margin-left: 0;column-gap: 15px;display: grid;}
#footer-style-2 .cols5-head .cols {overflow: auto;position: relative;flex: auto;max-width: none;padding-left: 0px;padding-right: 0px;width: 100%;}
#footer-style-2 .inner-box {background: linear-gradient(180deg, #333, #242424);padding: 15px;}
#footer-style-2 .inner-box:hover {background: #dd3333;transition: 0.5s;}
#footer-style-2 .inner-box a .img-sec {width: 100px;margin-bottom: 15px;}
#footer-style-2 .inner-box a h6 {margin: 0;}
#footer-style-2 .inner-box a h6 i {float: right;}
#footer-style-2 .footer-bottom .ft-section-1,
#footer-style-2 .footer-bottom .ft-section-2 {padding: 15px 0 25px 0;border-bottom: 1px solid #eee;}
#footer-style-2 .footer-bottom .ft-section-1 li,#footer-style-2 .footer-bottom .ft-section-2 li {display: inline-block;text-align: justify;}
#footer-style-2 .footer-bottom .ft-section-2 p {margin-bottom: 30px;}
#footer-style-2 .footer-bottom .ft-section-2 ul.social-icons li a i {font-size: 38px;}
#footer-style-2 .footer-bottom .ft-section-3 {padding: 15px 0px;}
#footer-style-2 .footer-bottom .ft-section-3 .footer-box {margin-top: 10px;margin-bottom: 30px;}
#footer-style-2 .footer-bottom .ft-section-3 .footer-box ul li {margin-bottom: 15px;}
#footer-style-2 .copyright {padding: 20px 0;}
#footer-style-2 .copyright li {display: inline-block;}
#footer-style-2 .copyright li:last-child {border: none;}
#footer-style-2 #footer-style-3 {padding-bottom: 0;}
#footer-style-2 #footer-style-3 .select-box > .row {border: none;}
.recently-img{width: 100%;height: 216px; object-fit: cover;vertical-align:inherit;}

.sociallinks {position: absolute;left: 150px;}
.fa-facebook-square:hover {color: #0f88ff!important;text-shadow:0px 0px 2px #0f88ff;}
.fa-twitter-square:hover {color: #64c4ff!important;text-shadow:0px 0px 2px #64c4ff;}
.fa-instagram:hover {color: #be50ff!important;text-shadow:0px 0px 2px #be50ff;}
.fa-angle-up {padding-top: 2px;}

#button {background-color: rgb(221 51 51);width: 50px;height: 50px;border-radius: 4px;position: fixed;bottom: 20px;right: 15px;opacity: 0;visibility: hidden;z-index: 1000;padding-bottom: 2px;transition: 0.5s;}
#button:hover {cursor: pointer;background-color: #333;}
#button:active {background-color: #555;}
#button.show {opacity: 1!important;visibility: visible!important;}

.recent-content {font-size:16px;text-align: center;line-height:1.2;}

/* RESPONSIVE */

@media (max-width: 1800px) {
.model-spec-sec .model-spec-top-sec {margin-bottom: 10em;}
.model-spec-sec .model-spec-bottom-sec {padding-top: 15px;}
.model-spec-sec .model-spec-bottom-sec ul li {width: 40%;}
.model-spec-sec .model-spec-slider-item img {bottom: 25%;}
.masonary-gallery .grid-custom {column-width: 37em;}
.car-model-layout-list-2 .car-description-area .car-description-content .car-details {flex-wrap: unset;}
}
@media (max-width: 1500px) {
    /*Header*/
.custom-container {padding: 0 7.14286%;}
.shopping-sec .img-box a .text-box {padding: 0 20px;}
.top-bar .top-contact ul li a {padding: 12px;font-size: 14px;}
.top-bar .top-contact ul li div {padding: 12px;font-size: 14px;}
.top-bar .top-contact ul li button {padding: 0px 8px 10px;}
    /*Banner sec*/
.main-slider .slider-item {height: 600px;}
.main-slider-prevtab {left: 0px;}
.main-slider-nexttab {right: 0px;}
.main-slider-prevtab:hover {left: 10px;}
.main-slider-nexttab:hover {right: 10px;}
.model-spec-sec .model-spec-top-sec {margin-bottom: 10em;}
.model-spec-sec .model-spec-bottom-sec {padding-top: 15px;}
.model-spec-sec .model-spec-bottom-sec ul li {width: 40%;padding-right: 10px;}
.model-spec-sec .model-spec-slider-item img {bottom: 25%;}
.vehicle-tab-sec .col-auto-2 {width: 33%;}
.car-model-layout-list-2 .car-description-area .car-description-content .car-details .model-icon,.car-model-layout-list-2 .car-description-area .car-description-content .car-details .speed-value {font-size: 11px;}
.car-model-layout-list-2 .car-description-area .car-description-content {padding: 15px;}
.car-model-layout-list-2 .car-description-area .car-description-footer {padding: 4px 20px;}
.car-grid-layout-box .car-grid-layout-inner .car-grid-layout-details span i,.car-grid-layout-box .car-grid-layout-inner .car-grid-layout-location,.car-grid-layout-box .car-grid-layout-inner .car-grid-layout-details {flex-wrap: unset;font-size: 14px;}
}
@media (max-width: 1200px) {
    /*Header*/
.top-bar .top-contact ul li a {padding: 12px;font-size: 14px;}
.top-bar .top-contact ul li div {padding: 12px;font-size: 14px;}
.top-bar .top-contact ul li button {padding: 0px 8px 10px;}
/*#menu-style-2 nav ul li.menu-item>a {padding: 18px 10px 19px 0;}*/
#menu-style-2 .category-sec-head .categoryheadaccordion .card .card-header h5 {font-size: 12px;}
    /*Banner sec*/
.main-slider .slider-item {height: 600px;}
.main-slider-prevtab {left: -8px;}
.main-slider-nexttab {right: -8px;}
.main-slider-prevtab:hover {left: 0px;}
.main-slider-nexttab:hover {right: 0px;}
    /*category sec*/
.car-categories-sec .category-slider .car-categories .category-caption {padding: 20px;}
.model-spec-slider-arrows {display: none;}
.model-spec-sec .model-spec-top-sec {margin-bottom: 10em;}
.model-spec-sec .model-spec-bottom-sec {padding-top: 15px;}
.model-spec-sec .model-spec-bottom-sec ul li {width: 40%;padding-right: 10px;}
.model-spec-sec .model-spec-slider-item img {bottom: 25%;}
.model-gallery .custom-col {width: 50%;}
.vehicle-tab-sec .col-auto-2 {width: 33%;}
/*.our-vehicles-inner-page .card .card-body .content-box ul {max-width: 75%;margin-bottom: 0;}*/
.our_articles .side-bar .sidebar-widget .widget-content {padding: 15px;}
.our_articles .side-bar .sidebar-widget .widget-title {padding: 10px 15px;}
.vehicles-border,.add-listing-sec #add-listing-tab .step-steps > li:before {width: 100%;}
.add-listing-sec #add-listing-tab .form-group .bootstrap-tagsinput {padding: 5.7px 12px;}
.car-model-layout-list .car-description-area .car-description-content {padding: 12px 16px;}
.car-model-layout-list .car-description-area .car-description-footer {padding: 8px 20px;}
.car-model-layout-list .car-description-area .car-description-content .car-meta {margin-bottom: 2px;}
.listing-with-map-3 .side-search-bar .widget-search-filter .widget-content {padding: 15px;padding-bottom: 0;}
.car-model-layout-list-2 .car-description-area,.car-model-layout-list-2 .car-thumbnail-area {width: 100%;}
.car-model-layout-list-2 .car-description-area .car-description-content {padding: 18px 20px 24px;}
.car-model-layout-list-2 .car-description-area .car-description-footer {padding: 13.5px 20px;}
.user-page-sec .user-about .user-left-wrapper .user-details {padding: 0 15px;}
.car-model-layout-list-2 .car-description-area .car-description-content .car-details .model-icon,.car-model-layout-list-2 .car-description-area .car-description-content .car-details .speed-value {font-size: 15px;}
.user-page-sec .main-image-sec .main-image .main-image-caption .add-fav-sec,.user-page-sec.home-4 .main-image-sec .main-image .main-image-caption .add-fav-sec {right: 25%;}
.about-counter-sec .counter-sec-content {padding-left: 20px;padding-bottom: 20px;}
.listing-with-map-3 .side-search-bar .widget-search-filter {padding: 0;}

/*.car-list-box .car-list-wrapper .car-list-content{padding: 20px 10px;}*/

    /*footer*/
#footer-style-2 .inner-box a .img-sec {width: 80px;}
#footer-style-2 .inner-box {padding: 10px;}
}
@media (max-width: 991px) {
    /*Header*/
.top-bar .top-contact ul li a {padding: 12px;font-size: 14px;}
.top-bar .top-contact ul li div {padding: 12px;font-size: 14px;}
.top-bar .top-contact ul li button {padding: 0px 8px 10px;}
#menu-style-2 .shipping-content,.model-spec-slider-arrows,.vehicles-slider-arrows {display: flex;}
/*#menu-style-2 nav ul li.menu-item>a {padding: 18px 10px 19px 0;}*/
#menu-style-2 .category-sec-head .categoryheadaccordion .card .card-header h5, #menu-style-2 .category-sec-head .categoryheadaccordion .card .card-body ul li a {font-size: 12px;}
.user-page-sec.home-4 .main-image-sec .main-image .main-image-caption .add-fav-sec {top: 10px;}
    /*Banner sec*/
.main-slider-prevtab {left: 0px;}
.main-slider-nexttab {right: 0px;}
.main-slider-prevtab:hover {left: 10px;}
.main-slider-nexttab:hover {right: 10px;}
.discover-sec a .text-box {margin-bottom: 25px;}
    /*Car Models*/
.contact-page .contact-form-wrapper,.car-design-tab-sec,.car-bottom-space {margin-bottom: 80px;}
.car-tab-box .car-border {border-right: 1px solid #eee;}
    /*category sec*/
.news-sec-img .news-caption,.car-categories-sec .category-slider .car-categories .category-caption {padding: 20px;}
.model-spec-sec .model-spec-top-sec h4,.model-spec-sec .model-spec-bottom-sec li h4 {font-size: 20px;}
.model-spec-sec .model-spec-top-sec p,.model-spec-sec .model-spec-bottom-sec li p {font-size: 12px;}
.model-spec-sec .model-spec-top-sec {margin-bottom: 6em;}
.model-spec-sec .model-spec-bottom-sec {padding-top: 15px;}
.model-spec-sec .model-spec-bottom-sec ul li {width: 40%;padding-right: 10px;}
.model-spec-sec .model-spec-slider-item img {bottom: 32%;}
.model-gallery .custom-col {width: 50%;}
.model-gallery .custom-col .model-gallery-caption {padding: 15px 25px;}
.model-gallery .custom-col .model-gallery-caption .model-gallery-wrapper-2 {padding-bottom: 25px;}
.vehicle-tab-sec .col-auto-2 {width: 50%;}
.listing-with-map .right-search-filter-box {margin-top: 60px;}
.our-vehicles-inner-page .card .card-body .content-box ul {max-width: 100%;margin-top: 40px;}
.our_articles .side-bar .sidebar-widget .widget-content {padding: 30px;padding-bottom: 0;}
.our_articles .side-bar .sidebar-widget .widget-title {padding: 20px 30px;}
.our_articles.blog-details .post,.our_articles .side-bar {margin-top: 50px;}
.our_articles.blog-details .side-bar {margin-top: 0;}
.add-listing-sec #add-listing-tab .step-steps > li:before {height: 8px;top: 17px;}
.add-listing-sec #add-listing-tab .step-steps > li > a > .number {height: 20px;width: 20px;}
.add-listing-sec #add-listing-tab .step-steps > li > a > .step-name {font-size: 12px;}
.listing-with-map-2 .right-search-filter-box,.listing-with-map .right-search-filter-box {padding: 30px;}
.listing-with-map-3 .side-search-bar .widget-search-filter .widget-content {padding: 30px;padding-bottom: 0;}
.user-page-sec.home-4 .tab-sec ul li a,.listing-with-map-3 .right-search-filter-box,.about-us-sec .about-content-wrapper,.user-page-sec .main-image-sec .main-image .main-image-caption .price-sec {padding: 0;}
.listing-with-map-2 .listing-google-map-content #map_todo_listing {height: 500px;}
.car-model-layout-list .car-description-area .car-description-content {padding: 13px 20px;}
.car-model-layout-list .car-description-area .car-description-footer {padding: 13px 20px;}
.car-model-layout-list .car-description-area .car-description-content .car-meta,.listing-with-map-3 .search-filter-options .row > div {margin-bottom: 18px;}
.user-page-sec .user-about .user-left-wrapper .user-details {padding: 0 5px;}
.car-model-sec .right-section-car-box > .row > div:nth-child(2) {border: none;}
.car-model-sec .right-section-car-box > .row > div:last-child {border-right: 1px solid #eee;}
.user-page-sec.home-4 .tab-sec {position: relative;text-align: center;}
.user-page-sec.home-4 .tab-sec ul {padding-top: 0px;padding-bottom: 25px;}
.listing-with-map.style-2 .right-search-filter-box .listing-google-map-content #map_todo_listing,.listing-with-map .right-search-filter-box .listing-google-map-content #map_todo_listing {height: 300px;}
.car-model-layout-list-2 .car-description-area,.car-model-layout-list-2 .car-thumbnail-area {width: 50%;}
.contact-page .contact-side-sec .contact-img-wrapper {float: none;}
.contact-page .contact-side-sec .contact-img-wrapper .video-btn-sec {transform: translate(-50%, -50%);}
.faqs .faqs-tab ul {justify-content: center;}
.faqs .faqs-tab ul li {margin-left: 20px;}
.user-page-sec.home-4 .main-image-sec .main-image .main-image-caption .add-fav-sec {right: 0%;}
.user-page-sec .main-image-sec .main-image .main-image-caption .add-fav-sec {right: 0;top: 50px;}
.user-page-sec .main-image-sec .main-image .main-image-caption {position: initial;}
.user-page-sec .main-image-sec .main-image .main-image-caption p {max-width: 100%;}
.about-us-sec .about-img-sec {margin-bottom: 80px;}

/*.car-list-box .car-list-wrapper .car-list-content{padding: 20px;}/*
    /*footer*/
#footer-style-2 .inner-box a .img-sec {width: 65px;}
#footer-style-2 .inner-box {padding: 10px;}
#footer-style-2 .cols5-head .cols {padding: 0px;}
#footer-style-2 .inner-box i {display: none;}
#footer-style-2 .inner-box a h6 {font-size: 14px;}
#footer-style-2 .copyright li {margin-bottom: 15px;}
}
@media (max-width: 767px) {
    /*Header*/
.mobile-nav .cart-sec ul li {margin-left: 6px;}
.main-slider-prevtab,
.main-slider-nexttab,
.category-slider-arrows,
.our-vehicles-inner-page,
.vehicles-slider-arrows,
.model-spec-slider-arrows,
#menu-style-3 .dekstop-nav,
#menu-style-2 .shipping-content,
.top-bar .top-contact ul li {border: none;}
    /*Car Models*/
.car-bottom-space {margin-bottom: 80px;}
.car-tab-box .car-border {border-right: 0px solid #eee;border-bottom: 1px solid #eee;}
.car-tab-box {padding-top: 0;}
.car-tab-box .car-box {margin-top: 40px;}
    /*category sec*/
.car-categories-sec .category-slider .car-categories {margin-right: 0;}
.model-spec-sec .model-spec-top-sec {margin-bottom: 12em;padding: 20px;}
.model-spec-sec .model-spec-bottom-sec {padding-top: 15px;}
.model-spec-sec .model-spec-bottom-sec ul li {width: 40%;padding-right: 10px;}
.model-spec-sec .model-spec-slider-item img {bottom: 27%;padding: 0 20px;width: 80%;margin: 0 auto;left: 0;right: 0;}
.model-gallery .custom-col,.sub-header-sec .sub-header-text-wrapper ul.tags-links li.cat-tags,.car-model-layout-list .car-thumbnail-area,.car-model-layout-list .car-description-area {width: 100%;}
.car-search-form .nav-tabs .nav-item,.car-details .car-details-tab .nav-tabs .nav-item,.vehicle-tab-sec .col-auto-2 {width: 50%;}
.banner-tab-sec {padding-bottom: 80px;}
.banner-tab-sec ul {display: block;width: 100%;}
/*.banner-tabs ul li {width: 30%;float: none;margin-bottom: 15px;display: inline-block;}*/
/*.banner-tabs ul li a {margin: 0;}*/
.side-video-img-sec-main .second-video-img-sec {position: relative;left: 0;right: 0;}
.side-video-img-sec-main .changedirct {flex-direction: column-reverse;}
.vehicles-slider-sec .vehicles-slider-nav {padding: 0 5px;}
.product-reviews .reviews-section article.review-post>.details .comment-box .comment-footer,.user-page-sec .user-about .user-right-wrapper .comment-details ul li span,.result-show-by-cat,.our-vehicles-mobile {display: block;}
.add-listing-sec #add-listing-tab .step-steps > li:before {height: 4px;top: 14px;}
.add-listing-sec #add-listing-tab .step-steps > li > a > .number {height: 10px;width: 10px;}
.result-show-by-cat h5 {margin-bottom: 20px;}
.result-show-by-cat .filter-and-sorting span:first-child {margin-left: 0;}
.car-model-sec .right-section-car-box > .row > div,.car-model-sec .right-section-car-box > .row > div:last-child,.listing-with-map .right-search-filter-box .car-model-sec .car-model {border: none;}
.listing-with-map-3 .search-filter-options .filter-by-grid-list {-webkit-box-pack: start;justify-content: start;}
.user-page-sec .user-about .user-right-wrapper {float: none;}
.user-page-sec .user-about .user-right-wrapper .star-rating,.user-page-sec .user-about .user-right-wrapper .comment-details {align-items: center;justify-content: center;}
.result-show-by-cat .filter-and-sorting,.user-page-sec .user-about .user-right-wrapper,.user-page-sec .user-about .user-left-wrapper {justify-content: center;}
.user-page-sec .user-about .user-right-wrapper .star-rating {padding: 30px 0;}
.user-page-sec .user-about .user-right-wrapper .star-rating ul li a,.user-page-sec .user-about .user-right-wrapper .star-rating ul li {color: #191919;}
.user-page-sec .main-image-sec {margin-top: 17em;}
.user-page-sec .main-image-sec .car-specification ul li {width: 33.33%;float: left;padding: 10px 15px;white-space: nowrap;}
.user-page-sec .main-image-sec .car-specification ul li:nth-child(3) {border: none;}
.listing-with-map .right-search-filter-box .search-filter-options {display: block;text-align: center;}
.result-show-by-cat .filter-and-sorting {margin-top: 15px;}
.user-page-sec .space-85 {height: 0;}
.user-page-sec.home-4 {padding-top: 80px;}
.car-model-layout-list-2 .car-description-area .car-description-content .car-details .model-icon,.car-model-layout-list-2 .car-description-area .car-description-content .car-details .speed-value {font-size: 14px;}
.car-model-layout-list-2 .car-description-area .car-description-content {padding: 23px 18px;}
.side-video-img-sec-main .second-video-img-sec {height: 400px;}
.listing-with-map.car-details {padding-top: 20em;}
.product-reviews .reviews-section article.review-post>.details .comment-box .comment-footer>span {margin-bottom: 15px;display: block;}
.about-counter-sec .counter-sec-content {padding-left: 10px;padding-bottom: 10px;}
.car-categories-sec .category-slider .car-categories .category-caption{bottom: -50px;}

.car-list-box .car-list-wrapper{display: block;}
.car-list-box .car-list-wrapper .car-list-img,.car-list-box .car-list-wrapper .car-list-content{width: 100%;max-width: 100%;}
.car-list-box .car-list-wrapper .car-list-content{border-top:1px solid #dadada; border-left:0!important;border-right:0!important;}

    /*footer*/ 
#footer-style-2 .cols5-head {grid-template-columns: repeat(2, 1fr);}
#footer-style-2 .inner-box a .img-sec {width: 65px;}
#footer-style-2 .inner-box {padding: 15px;}
#footer-style-2 .cols5-head .cols {padding: 0px;margin-bottom: 15px;}
}
@media (max-width: 575px) {h1 {font-size: 45px;}
    /*Header*/
.top-bar .top-contact ul li a {padding: 10px 5px;}
.top-bar .top-contact ul li div {padding: 10px 5px;}
.top-bar .top-contact ul li {border: none;}
.main-slider-prevtab,
.main-slider-nexttab,
.category-slider-arrows,
.model-spec-slider-arrows,
.vehicles-slider-arrows,
#menu-style-3 .dekstop-nav,
.result-show-by-cat .filter-and-sorting input,
.result-show-by-cat .filter-and-sorting span,
.result-show-by-cat .filter-and-sorting button,
#menu-style-2 .shipping-content,
.banner-text-wrapper-index-3 p.small-content,
.banner-text-wrapper-index-3 .banner-arrow,
.our_articles.blog-details .social-tags span,
.listing-with-map-2.style-2-map-2 .filter-by-grid-list > span,
.side-search-bar .widget-search-filter .widget-content .recent-item .recent-rating,
.page-map .location-button .input-group .input-group-append span+span,
.product-reviews .reviews-section article.review-post>.details .top-section .review-count {display: none;}
.mobile-nav .mobile-search {text-align: right;}
.result-show-by-cat .filter-and-sorting .arrow-btn,.result-show-by-cat .filter-and-sorting span:first-child {display: inline-block;}
header#menu-style-4 .desk-menu .menu-container {width: 320px;right: -320px;}
.car-model-layout-list-2 .car-description-area,.car-model-layout-list-2 .car-thumbnail-area,.vehicle-tab-sec .col-auto-2,.car-search-form .nav-tabs .nav-item,.menu-style-3 .search-box.search-elem .inner,.mobile-nav .mobile-cart {width: 100%;}
.contact-page .contact-side-sec .contact-img-wrapper,.model-spec-sec .model-spec-wrapper,.faqs .tab-content,#menu-style-3 {padding: 0;}
.product-reviews .reviews-section article.review-post>.details .comment-box .comment-footer ul,.page-map .location-button .input-group .input-group-append span,#menu-style-3 .mobile-nav,.result-show-by-cat .filter-and-sorting {display: block;}
.mobile-nav .mobile-search .input-group .input-group-append button {border-radius: 50px;position: absolute;height: 100%;right: 50%;left: 65%;}
.mobile-nav .cart-sec ul li {margin-left: 6px;}
.mobile-nav .sidenav span {font-size: 25px;}
.page-map .location-button {padding: 0 5px;}
    /*Car Models*/
.car-bottom-space {margin-bottom: 80px;}
.car-tabs .nav-tabs .nav-item {width: 50%;margin-bottom: 10px;}
.car-tabs .nav-tabs .nav-item:nth-child(2){padding-right: 0;}
.car-tab-box .car-border {border-right: 0px solid #eee;}
.skew-banner {height: 440px;}
.skew-banner-sec:after {height: 200px;}
.skew-banner-sec .large-car-img .car-title {padding: 45px 0;}
    /*category sec*/
.car-categories-sec .category-slider .car-categories {margin-right: 0;}
.model-spec-sec .model-spec-top-sec h4,.model-spec-sec .model-spec-bottom-sec li h4 {font-size: 20px;}
.model-spec-sec .model-spec-top-sec p,.model-spec-sec .model-spec-bottom-sec li p {font-size: 12px;}
.model-spec-sec .model-spec-top-sec {margin-bottom: 8em;padding: 20px;}
.model-spec-sec .model-spec-bottom-sec {padding-top: 15px;}
.model-spec-sec .model-spec-bottom-sec ul li {width: 40%;padding-right: 10px;margin-bottom: 15px;}
.model-spec-sec .model-spec-slider-item img {bottom: 35%;padding: 0 20px;width: 80%;margin: 0 auto;left: 0;right: 0;}
.our_articles.blog-details .social-tags {align-items: center;justify-content: center;}
.our_articles.blog-details .comments .comment-avatar {width: 55px;margin-right: 10px;}
.our_articles.blog-details .comments .comment-content {width: calc(100% - 65px);}
.our_articles.blog-details .comments .comment-content .comment-text {text-align: justify;}
#footer-style-2 .copyright li,.model-spec-sec .model-spec-slider-item.slick-current .model-spec-bottom-sec {border: none;box-shadow: none;padding-bottom: 0;}
/*.banner-tabs {top: -45px;}*/
.custom-accordion .card .card-body p,.banner-tab-sec ul {display: block;width: 100%;}
/*.banner-tabs ul li {width: 94px;float: none;margin-bottom: 15px;padding: 0 5px;text-align: center;margin: 0 auto;display: inline-block;}*/
/*.banner-tabs ul li a {height: 85px;padding: 0;margin: 0;}*/
.banner-tab-sec {padding-bottom: 80px;}
.side-video-img-sec-main .second-video-img-sec {position: relative;left: 0;right: 0;}
.side-video-img-sec-main .changedirct {flex-direction: column-reverse;}
.vehicles-slider-sec .vehicles-slider-nav {padding: 0 5px;}
.our-vehicles-mobile .card .card-header h5,.our-vehicles-mobile .card .card-header h5.collapsed,.listing-with-map-3 .side-search-bar .widget-search-filter .widget-content {padding: 15px;}
.our-vehicles-mobile .card .card-body .card .card-header h5 {font-size: 14px;line-height: inherit;}
.our-vehicles-mobile .card .card-body .card h5 i,.our-vehicles-mobile .model-reset-top h5 i {width: 45px;margin-right: 15px;}
.our-vehicles-mobile .model-reset-top h5 i {margin-right: 10px;}
.our-vehicles-mobile .card .card-body .card .card-body .filters li.inner-tab-sec img {width: 60px;}
.our-vehicles-mobile .card .card-body .card .card-body .filters li.inner-tab-sec {padding: 0;padding-bottom: 25px;}
.our-vehicles-mobile .card .card-body .card .card-body .filters li.inner-tab-sec span {left: 90px;font-size: 14px;bottom: 25px;}
.custom-accordion .card .card-header .title,.our-vehicles-mobile .model-reset-top,.custom-accordion .card .card-body p {font-size: 12px;}
.price-package .pricing-tab ul li a {font-size: 14px;min-width: 135px;}
#login .modal-body .social-login .social-btn a,#register .modal-body .social-login .social-btn a {margin: 0 3px;}
.our_articles .side-bar .sidebar-widget .widget-content {padding: 15px;padding-bottom: 0;}
.our_articles .side-bar .sidebar-widget .widget-title {padding: 10px 15px;}
.add-listing-sec #add-listing-tab .step-steps > li:before {height: 3px;top: 11px;width: 100%;}
.add-listing-sec #add-listing-tab .step-steps > li > a > .number {height: 5px;width: 5px;}
.add-listing-sec #add-listing-tab .step-steps > li > a > .step-name {font-size: 8px;}
.invoice-sec .payment-receipt-wrapper .payment-receipt-content .checkout-table .table tbody td p {width: 400px;}
.invoice-sec .payment-receipt-wrapper {padding: 20px;}
.listing-with-map-3 .search-filter-options .sort-by-tags .tags-group label.custom-checkbox:last-child,.listing-with-map-3 .search-filter-options .sort-by-tags .tags-group label.custom-checkbox,.listing-with-map-3 .search-filter-options .sort-by-tags .tags-by {line-height: 1.8;margin-right: 10px;margin-bottom: 10px;}
.side-video-img-sec-main .second-video-img-sec {height: 300px;}
.user-page-sec .user-about .user-left-wrapper .user-details .user-social-links {padding-top: 0;}
.user-page-sec .user-about .user-right-wrapper .star-rating ul li {margin-left: 10px;}
.user-page-sec .user-about .user-right-wrapper .comment-details ul li {margin: 0px;padding: 0 8px;}
.user-page-sec .user-about .user-right-wrapper .comment-details ul li span {margin-left: 0;}
.user-page-sec .main-image-sec {margin-top: 18em;}
.user-page-sec .main-image-sec .car-specification ul li {width: 50%;text-align: left;}
.user-page-sec .main-image-sec .car-specification ul li:nth-child(2),.user-page-sec .main-image-sec .car-specification ul li:nth-child(4) {border: none;}
.user-page-sec .main-image-sec .car-specification ul li:nth-child(3) {border-right: 1px solid #eee;}
.user-page-sec.home-4 .tab-sec ul li.slick-current a {font-size: 20px;}
.car-model-layout-list-2 .car-thumbnail-area .item-thumb {height: auto;}
.custom-accordion .card .card-header .title {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#videomodal iframe {height: 350px;}
.no-use-row {margin: 0 -15px;}
.car-details .car-details-tab .tab-content .car-details-box {padding: 10px;}
.side-search-bar .widget-search-filter .widget-content .recent-item .recent-thumbnail-area {flex: 0 0 70px;max-width: 70px}
.side-search-bar .widget-search-filter .widget-content .recent-item .content-entry-wrap {flex: 0 0 calc(100% - 70px);max-width: calc(100% - 70px);}
.product-reviews .reviews-section article.review-post>.review-box {float: none;margin: 0 auto;width: 200px;}
.product-reviews .reviews-section article.review-post .review-thumbnail {margin: 0 auto;}
.product-reviews .reviews-section article.review-post>.details .comment-box .comment-footer ul li {display: inline-block;}
.comment-form-second form .form-group .choose-img {float: none;margin-top: 15px;}
.comment-form-second form .form-group .choose-img input {width: 0;}
.about-counter-sec .counter-sec-content {padding: 30px;}
.testimonials .testimonial-wrapper blockquote {background-size: 60px 60px;padding: 15px 0 0 73px;}
.testimonial-slider ul.slick-dots {bottom: -10%;}
.car-browse-make-type ul li {width: 33%;}
.car-design-tab-sec .tab-box .nav-tabs {border-bottom: none;margin-bottom: 0;}
.car-design-tab-sec .tab-box .nav-tabs .nav-item .nav-link {padding-bottom: 10px;margin-bottom: 10px;padding-left: 0;padding-right: 0;}
.car-design-tab-sec .tab-box .nav-tabs .nav-item {margin-right: 15px;}
#login-page .modal-body .social-login .social-btn a,#register-page .modal-body .social-login .social-btn a,#login .modal-body .social-login .social-btn a,#register .modal-body .social-login .social-btn a{padding: 0 10px;}
.car-categories-sec .category-slider .car-categories .category-caption {bottom: -75px;}
nav.custom-pagination .pagination li.page-item:first-child a,nav.custom-pagination .pagination li.page-item:last-child a {padding: 0 10px;}
blockquote {padding: 150px 0 0  0;background-position: top center;}

/*Footer*/

#footer-style-2 .cols5-head {grid-template-columns: repeat(1, 1fr);}
#footer-style-2 .inner-box a .img-sec {width: 65px;}
#footer-style-2 .inner-box {padding: 15px;}
#footer-style-2 .cols5-head .cols {padding: 0px;margin-bottom: 15px;}
.news-sec-img .news-caption .news-wrapper h4 {font-size: 18px;}
}

@media (max-width: 380px) {
.user-page-sec .user-about .user-left-wrapper .user-img,#footer-style-3 .copyright .ft-btns a {margin-bottom: 15px;}
.user-page-sec .user-about .user-left-wrapper .user-details {text-align: center;}
.user-page-sec .user-about .user-left-wrapper .user-details .user-details-top {top: 0;}
.user-page-sec .user-about .user-left-wrapper .user-details .user-details-top span a,.user-page-sec .user-about .user-left-wrapper .user-details .user-details-top h5 {color: #191919;}
.user-page-sec .user-about .user-left-wrapper .user-details .user-details-top h5 span {color: #fff;}
.user-page-sec .main-image-sec {margin-top: 27em;}
.mobile-nav .sidenav .mobile-social-icon ul li {margin-right: 3px;}
.listing-with-map.car-details {padding-top: 30em;}
.car-details .side-search-bar .widget-search-filter .widget-content .author-sec,#footer-style-3 .copyright .ft-btns a {display: block;}
.car-details .side-search-bar .widget-search-filter .widget-content .author-sec .author-img {width: 70px;display: inline-block;margin-bottom: 15px;}
.car-details .side-search-bar .widget-search-filter .widget-content .author-sec .author-info {display: inline-block;}
.skew-banner {height: 350px;}
.skew-banner-sec:after {height: 200px;}
.skew-banner-sec .large-car-img .car-title {padding: 45px 0;font-size: 45px;}
.custom-accordion .card .card-header .title span.icon{display: none;}
}