@media (max-width: 1199px) {
    .offers .banner-with-title .text {
        bottom: 70px;
    }

}

@media (min-width: 768px) {
   .mt-3-large {
    margin-top: 20px;
   }
   .filter-in-mobile,
   .form-filter .CloseSideBar,
   .show-in-mobile{
    display: none;
   }
   .hide-large {
    display: none;
   }
   .home-banner .word-banner {
    margin-top: 110px;
   }

}
@media (max-width: 991px) {
    .home-banner-img {
        width: 100%;
    }
}
@media (max-width: 768px) {
  html body #hubspot-messages-iframe-container.widget-align-right {
    bottom: 43px !important;
  }
    .navbar-collapse {
        display: block;
    }
    .navbar-header {
        display: flex;
    }

  .hide-small {
    display: none;
  }
  body {
    padding-bottom: 55px;
  }
  .home-banner .btn-theme.large-width {
    min-width: 127px;
}

    #newsletterForm .error , #newsletterForm #successMessage{
        bottom: -25px;
    }
  .subscribe .content-subscribe,
  .show-in-mobile {

    display: block;
  }
  .subscribe .content-subscribe .title-subscribe p {
    padding: 0 ;
    text-align: center;
    font-size: 13px;
  }
  .statistiques .img-statistiques img,
  .Featured-cars .img-Featured img,
  .offers .banner-with-title .img-container img {
    height: 100%;
    width: 100%;
}
.normal-clicks .owl-dots {
  display: none;
}
.offers {
  padding: 15px 0;
}
.offers .banner-img-only .img-container {
  height: auto;
}
.offers .banner-img-only {
  display: none;
}
.offers .banner-with-title {
  padding: 0;
}
.Horizontal-item-responsive .card-item .img-container img {
  height: 220px;
  max-width: 100%;
}
.home-banner {
  margin: 0 0 20px;
}
.home-banner .row.mt-3-large{
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
  margin: 0;
}
.home-banner .imgSec {
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
  margin: 20px 0 0px;
  padding: 0 !important;
}
.home-banner .imgSec:after {
  background-size: 100% 100%;
  width: calc(100% - 48px);
  height: 240px;
  left: 0px;
  top: 16px;
}
.home-banner h3,
.home-banner h3 span {
  font-size: 15.5px;
}
.home-banner p {
  font-size: 13.5px;
  line-height: 26px;
}
.breadcrumbs {
  padding-bottom: 5px;
}
.filter-home-page {
  width: 95%;
  margin: 10px auto 20px;
}
.statistiques .statistiques-item {
  padding: 0 !important;
  margin-bottom: 10px;
  flex-direction: column;
    text-align: center;
}
.statistiques {
  padding: 110px 0 30px;
}
.Mobile-app {
  margin-top: 30px;
  margin-bottom: 20px;
  padding-top: 235px;
}
.Mobile-app > .container {
  padding: 0;
}
.subscribe .content-subscribe {
  margin-top: -150px;
}
.Mobile-app .Mobile-app-container {
  display: block;
}
.Mobile-app .Mobile-app-container .Mobile-app-img img {
  position: static;
  width: 100%;
}
.Mobile-app .Mobile-app-container {
  padding: 20px;
  display: flex;
    flex-direction: column-reverse;
}
.Mobile-app .Mobile-app-container .Mobile-app-img {
  width: 75%;
  padding: 20px 10px;
  height: auto;
  margin-top: -250px;
}
.Mobile-app .Mobile-app-container {
  background-size: 140% 100%;
  background-position-x: -50px;
}
.app-links, .social-links {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px;
  gap: 5px;
}
.app-links {
  flex-direction: column;
  gap: 0;
  width: 170px;
}

.footer .container .social-links a {
  width: 35px;
  margin: 0px 0px 0px;
}
.card-item .img-container {
  /*height: unset;*/
  aspect-ratio: auto;
}
.Horizontal-item .card-item .card-item-container .img-container {
  width: 120px;
}
.details-container {
  zoom: 0.9;
}
.footer .copyright {
  text-align: center;
}
.Featured-cars {
  position: relative;
  padding: 20px 0 20px;
}
.how-finance .how-finance-sections a {

}
.how-finance .how-finance-sections img {
  display: block;
}
.offers .banner-with-title .text {
    bottom: 20px;
}
.offers .banner-with-title .img-container {
  overflow: hidden;
  height: 210px;
}
.offers .banner-with-title .text h3 {
  font-size: 17px;
  font-weight: 600;
}
.title-with-btn .btn-light {
    min-width: 90px;
    position: relative;
    top: -6px;
}
.owl-dots {
  position: absolute;
  left: 50%;
  text-align: center;
  top: unset;
  bottom: -3px;
  width: 100%;
  right: unset;
  text-align: center;
}
.owl-nav {
  display: none;
}
.our-brands .logo-container {
  height: 85px;
  margin-bottom: 10px;
}
.our-Gallary {
  padding-bottom: 35px;
}
.navbar-nav {
  margin: 0;
  padding: 0;
}
.navbar .navbar-nav>li>a {
  padding: 5px 0 10px;
  line-height: 16px;
  margin: 0px 10px;
  margin-top: 5px !important;
}
.row-account a img {
  width: 22px;
}
.row-account a i{
  width: 22px;
  text-align: center;
  background-color: #e26515;
  height: 22px;
  line-height: 1.8;
  border-radius: 50%;
  font-size: 12px;
  color: #fff;
}
.row-account:last-child a {
  border-bottom: 0;
}
.row-account a{
  padding: 6px 15px !important;
  border-bottom: 1px solid #ededed;
}
.row-account:last-child a {
  border-bottom: 0;
}
.hide-mobile ,
.offers.offer-gallary{
  display: none !important;
}
.Gallary-page .new-filter {
  position: fixed;
    z-index: 9999;
    width: 100%;
    top: 0;
    height: calc(100% - 50px);
    transition: all 0.3s;
}
.Gallary-page .new-filter.open {
    transition: all 0.3s;
    overflow: scroll;
}
.Gallary-page {
  margin-top: 20px;
}
.Exhibitions-page.Gallary-page {
  margin-top: 0;
}
.Exhibitions-page.Gallary-page .Exhibitions-header {
  padding-top: 20px;
}
.body-gallary.Horizontal-item .card-item .card-item-container .img-container {
  width: 130px;
}
.breadcrumbs .title-page {
  display: block;
}
.breadcrumbs {
  margin-bottom: 20px;
}
.breadcrumbs .title-page h6 {
  margin-bottom: 15px;
}
.body-login {
  padding-top: 10px;
  padding-bottom: 0;
}
.Account-page .Account-page-container .form-part .header-form {
  padding-top: 15px;
}
.Account-page .Account-page-container .form-part {
  width: 100%;
  text-align: center;
  background-image: url(./../../assets/images/login/login-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.Account-page .Account-page-container .image-part {
  display: none;
}
.Account-page .Account-page-container .form-part .header-form h4,
.Account-page .Account-page-container .form-part .header-form h4 span,
.Account-page .Account-page-container .form-part .header-form .link-account a.active,
.Account-page .Account-page-container .form-part .header-form .link-account a {
  color:#fff;
}
.Account-page .Account-page-container .form-part form {
  max-width: 90%;
  background-color: #fff;
  padding: 24px;
  margin-bottom: 20px;
  border-radius: 5px;
}
.item-container-home-page {
  overflow: hidden;
  padding-bottom: 0;
}
.item-details,
.item-details-car {
  overflow: hidden;
}
.car-details.car-details-bg .part-section:nth-child(odd) {
  background-color: #f4f7fb;
}
.car-details.car-details-bg .part-section:nth-child(even) {
  background-color: #fff;
}
.car-details .part-section {
  width: 100%;
}
.easyzoom-container {
  height: auto;
}
.easyzoom-container img {
  height: auto;
}
.accordion-collapse .card:last-child {
  margin-bottom: 10px ;
}
.list-Exhibitions {
  margin-bottom: 15px;
}
.Exhibitions-header .Exhibitions-description {
  flex-direction: column;
  gap: 15px;
}
.Exhibitions-header .Exhibitions-description p {
  width: 100%;
}
.description-details {
  width: 100%;
  justify-content: end;
}
.description-details span {
  display: none;
}
.page-title .auto-container h1 {
  font-size: 21px;
  font-weight: 900;
}
.page-title {
  height: auto;
  width: 100%;
  display: block;
  padding-top: 30px;
  padding-bottom: 65px;
}
.contact-page-section .inner-container > .clearfix {
  flex-direction: column-reverse;
  display: flex;
}
.page-title:before {
  background-image: linear-gradient(to left, #fff ,#ffffff, transparent);
}
.page-title-contact-us {
  margin: 0;
}
.title::before {
  width: 160px;
}
.Gallary-page .title-gallary h5 {
  font-size: 13px;
  font-weight: 600;
}
.bootstrap-select .dropdown-menu {
  left: unset !important;
}
.contact-page-section .info-column h2 {
  margin-bottom: 55px;
  margin-top: 0px;
  font-size: 18px;
}
.contact-page-section .info-column .list-info li img {
  width: 23px;
}
.contact-page-section .info-column .inner-column {
  padding: 10px 25px 40px;
}
.flex-about{
  flex-direction: column;
  gap: 15px;
}
.about-vision-message .about-vision-message-section {
  padding: 40px;
}
.about-vision-message::before {
  display: none;
}
.about-vision-message .about-vision-message-section:last-child{
  background-color: #f4f7fb;
  margin-bottom: 45px;
}
.cards-about::before {
  width: 100%;
  height: 215px;
}
.page-about .About-text h4 {
  text-align: start;
  padding: 0 50px;
  font-size: 25px;
}
.page-about .About-text {
  max-height: 200px;
  overflow: hidden;
  margin-bottom: 10px;
}
.cards-about {
  padding-bottom: 0;
}
.our-Gallary.list-about .item {
  margin-bottom: 10px;
}
.Gallary-page .new-filter .select-search-container {
  padding: 10px 5px;
}
.home-banner .imgSec img {
  margin-top: 100px
}
.our-Gallary.list-item.Horizontal-item .col-xs-6 {
  width: 100%;
}
.our-Gallary.list-item.Horizontal-item .item {
  margin-bottom: 15px;
}
.Mobile-app .Mobile-app-container .Mobile-app-content a img {
  height: 25px;
}
.filterBtn.active {
  display: block;
}
.filterBtn {
  position: fixed;
  z-index: 99;
  bottom: 80px;
  transform: translate(-50%, 0);
  background-color: #fff;
  padding: 5px 15px;
  left: 50%;
  border-radius: 25px;
  box-shadow: 0 0 7px #00000059;
  font-size: 12px;
}
.filterBtn img {
  width: 20px;
}
.footer {
  padding-bottom: 55px;
}
.scroll-to-top {
  bottom: 55px;
  margin: 10px;
}
.table-container  {
  overflow: auto;
}
    .thanks-page-card {
        margin-bottom: 100px;
        width: 100%;
    }
    .price.fixed-height {
        margin-bottom: inherit;
    }
    .our-Gallary .owl-stage , .item-container-home-page .owl-stage , .item-details .owl-stage , .item-details-car .owl-stage {
        padding-right: 0 !important;
        padding-left: 60px !important;
    }
    .Featured-cars .owl-stage  {
        padding-right: 0 !important;
        padding-left: 50px !important;
    }

}

@media (max-width: 576px) {
    .offers .banner-with-title .text {
        right: 20px;
    }
}