.banner-container {
  position: relative;
  height: 18.75rem; }
  .banner-container .full-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%; }
/*  .banner-container .banner-wrapper {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: 1.875rem;
    padding-left: 0.9375rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }*/
    .banner-container .banner-wrapper .title {
      color: #ffffff;
      letter-spacing: 0.5rem;
      font-weight: 500;
      font-size: 1.75rem; }
    .banner-container .banner-wrapper .description {
      margin-top: 0.875rem;
      width: 10.625rem;
      color: #ffffff;
      letter-spacing: 0.09375rem;
      line-height: 1.5; }

.main .breadcrumb-container {
  margin: 3rem auto 0;
  color: #000000;
  letter-spacing: 0.0625rem;
  font-family: Nobel; }
  .main .breadcrumb-container .breadcrumb-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.5rem; }
    .main .breadcrumb-container .breadcrumb-list li a {
      color: #000000; }
.main .cars-container {
    margin-top: 2.75rem;
    margin-bottom: 6.5625rem;
}
    .main .cars-container .cars-list {
        display: flex;
        flex-wrap: wrap;
        /*margin: 2.5rem ;*/
        align-content: space-between;
        /*justify-content: space-between;*/
    }
        .main .cars-container .cars-list .cars-item {
            /*position: relative;*/
            /* width: 33.125em;*/
            margin-bottom: max(6.7vw, 25px);
            width: 100%;
        }
      .main .cars-container .cars-list .cars-item a {
        position: relative;
        display: block;
        width: 100%; }
      .main .cars-container .cars-list .cars-item .img-owl-carousel {
        position: relative;
        margin-bottom: 0;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        .main .cars-container .cars-list .cars-item .img-owl-carousel .img-item {
            overflow: hidden;
            position: relative;
/*            width: 21.5625rem;
            height: 14.4375rem;*/
        }
          .main .cars-container .cars-list .cars-item .img-owl-carousel .img-item:before {
            content: "";
            display: block;
            padding-bottom: calc(100% / (3/2)); }
          .main .cars-container .cars-list .cars-item .img-owl-carousel .img-item img {
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            transform: scale(1.15);
            -webkit-transition: -webkit-transform 0.28s ease-out;
            transition: -webkit-transform 0.28s ease-out;
            transition: transform 0.28s ease-out;
            transition: transform 0.28s ease-out, -webkit-transform 0.28s ease-out;
            -o-object-fit: cover;
            object-fit: cover; }
          .main .cars-container .cars-list .cars-item .img-owl-carousel .img-item .img-none {
            width: 100%;
            height: 100%;
            border: 0.0625rem solid #C0C0C0;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            align-items: center;
            color: #c0c0c0;
            font-size: 1.2rem; }
        .main .cars-container .cars-list .cars-item .img-owl-carousel .nav-next {
          position: absolute;
          top: 0;
          bottom: 0;
          z-index: 1;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          padding: 0;
          width: 2rem;
          background-color: rgba(255, 255, 255, 0.8);
          opacity: 0;
          -webkit-transition: opacity 0.28s ease-out;
          transition: opacity 0.28s ease-out;
          -webkit-transform: none;
          transform: none;
          right: 0; }
          .main .cars-container .cars-list .cars-item .img-owl-carousel .nav-next .next-slide {
            width: 2rem;
            height: 2rem;
            background-image: url("../icon/arrow-right-dark-icon.png");
            background-size: 2rem 2rem;
            background-repeat: no-repeat; }
        .main .cars-container .cars-list .cars-item .img-owl-carousel .nav-prev {
          position: absolute;
          top: 0;
          bottom: 0;
          z-index: 1;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          padding: 0;
          width: 2rem;
          background-color: rgba(255, 255, 255, 0.8);
          opacity: 0;
          -webkit-transition: opacity 0.28s ease-out;
          transition: opacity 0.28s ease-out;
          -webkit-transform: none;
          transform: none;
          left: 0; }
          .main .cars-container .cars-list .cars-item .img-owl-carousel .nav-prev .prev-slide {
            width: 2rem;
            height: 2rem;
            background-image: url("../icon/arrow-left-dark-icon.png");
            background-size: 2rem 2rem;
            background-repeat: no-repeat; }
        .main .cars-container .cars-list .cars-item .img-owl-carousel .slick-dots {
          right: 0;
          bottom: 0;
          left: 0;
          width: 100%;
          text-align: center;
          -webkit-transform: none;
          transform: none; }
          .main .cars-container .cars-list .cars-item .img-owl-carousel .slick-dots li {
            width: auto; }
            .main .cars-container .cars-list .cars-item .img-owl-carousel .slick-dots li .dot {
              display: inline-block;
              width: 0.375rem;
              height: 0.3125rem;
              background-color: #c9caca; }
          .main .cars-container .cars-list .cars-item .img-owl-carousel .slick-dots .slick-active .dot {
            width: 1.25rem;
            background-color: #ffffff; }
        .main .cars-container .cars-list .cars-item .img-owl-carousel:hover .img-item img {
          -webkit-transform: scale(1.2);
          transform: scale(1.2); }
        .main .cars-container .cars-list .cars-item .img-owl-carousel:hover .nav-next {
          opacity: 1; }
        .main .cars-container .cars-list .cars-item .img-owl-carousel:hover .nav-prev {
          opacity: 1; }
      .main .cars-container .cars-list .cars-item .info-wrapper .info-text {
        text-indent: 0.0625rem;
        letter-spacing: 0.0625rem;
        font-weight: 400;
        font-size: 1.375rem;
        font-family: Nobel; }
      .main .cars-container .cars-list .cars-item .info-wrapper .info-text.price {
        font-size: 2.25rem; }
      .main .cars-container .cars-list .cars-item .info-wrapper .info-sm-text {
        margin-left: 0.3125rem;
        text-indent: 0.0875rem;
        letter-spacing: 0.0875rem;
        font-weight: 600;
        font-size: 0.75rem; }
      .main .cars-container .cars-list .cars-item .info-wrapper .info-md-text {
        margin-left: 0.3125rem;
        text-indent: 0.0875rem;
        letter-spacing: 0.0875rem;
        font-weight: 500;
        font-size: 1rem; }
      .main .cars-container .cars-list .cars-item .info-wrapper .info-sub-text {
        display: list-item;
        color: #848484;
        list-style-position: inside;
        list-style-type: square;
        letter-spacing: 0.03125rem;
        font-weight: 400;
        font-size: 0.875rem; }
      .main .cars-container .cars-list .cars-item .info-wrapper .info-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 1.25rem; }
        .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-name {
            margin-left: 0;
            text-indent: 0.09375rem;
            letter-spacing: 0.09375rem;
            font-size: 2rem;
            line-height: 1.3rem;
            font-family: Nobel;
        }
        .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 1.125rem;
            align-items: center;
        }
            .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .favorite-btn {
                position: relative;
                width: 1.875rem;
                height: 1.875rem;
            }
            /*.main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .favorite-btn div.sprite-love-dark-icon:hover {
              transform: scale(0.375, 0.375);
              transform-origin: -0.3125rem -0.3125rem;
              transition: .5s; }*/
            .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .favorite-btn img:hover {
                transform: scale(1.2,1.2);
                transition: .5s;}
                .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .favorite-btn .tooltip {
                    position: absolute;
                    margin: 0rem;
                    top: 2.25rem;
                    left: -1rem;
                    width: 3.6875rem;
                    z-index: 1;
                    visibility: hidden;
                }
              .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .favorite-btn .tooltip .tooltip-arrow {
                position: absolute;
                display: block;
                width: 0.8rem;
                height: 0.4rem; }
                .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .favorite-btn .tooltip .tooltip-arrow::before {
                    border-width: 0.4rem 0.4rem 0;
                    position: absolute;
                    content: "";
                    border-color: transparent;
                    border-style: solid;
                    border-top-color: #000;
                    position: absolute;
                    left: 1.53rem;
                    top: -0.3125rem;
                    transform: rotate(-180deg);
                }
            .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .favorite-btn .tooltip-inner {
              display: block;
              padding: 0.3rem;
              width: 100%;
              background-color: #000000;
              color: #fff;
              font-size: 0.6rem; }

            .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .compare-btn {
                background-image: url("../icon/compare-dark-icon.png");
                background-position: center;
                background-size: 2rem 2rem;
                background-repeat: no-repeat;
                position: relative;
                width: 2.4rem;
                height: 2.4rem;
            }
            /*.main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .compare-btn div.sprite-compare-dark-icon:hover {
              transform: scale(0.375, 0.375);
              transform-origin: -0.3125rem -0.3125rem;
              transition: .5s; }*/
                .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .compare-btn:hover {
                    background-size: 2.4rem 2.4rem;
                    transition: background .2s linear;
                }
                .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .compare-btn.is-clicked:hover {
                    background-size: 2.4rem 2.4rem;
                    transition: background .0s linear;
                }
     
                .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .compare-btn.disabled:hover {
                    background-size: 2rem 2rem;
                    transition: background .0s linear;
                }
            .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .compare-btn .tooltip {
              position: absolute;
              margin: 0rem;
              top:  2.5rem;
              left: -1rem;
              width: 3.6875rem;
              z-index: 1;
              visibility: hidden; }
                .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .compare-btn .tooltip .tooltip-arrow {
                    position: absolute;
                    display: block;
                    width: 0.8rem;
                    height: 0.4rem;
                    transform: translateY(0.2rem);
                }
                .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .compare-btn .tooltip .tooltip-arrow::before {
                    border-width: 0.4rem 0.4rem 0;
                    position: absolute;
                    content: "";
                    border-color: transparent;
                    border-style: solid;
                    border-top-color: #000;
                    position: absolute;
                    left: 1.53rem;
                    top: -0.3125rem;
                    transform: rotate(-180deg);
                }
                .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .compare-btn .tooltip-inner {
                    display: block;
                    padding: 0.3rem;
                    width: 100%;
                    background-color: #000000;
                    color: #fff;
                    font-size: 0.6rem;
                    transform: translateY(0.2rem);
                }

          .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .compare-btn.is-clicked {
            background-image: url("../icon/compare-active-icon.png");
            background-position: center;
            background-size: 2.4rem 2.4rem;
            background-repeat: no-repeat; }
            .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .compare-btn.is-clicked img {
                visibility: hidden;
                transition: 0s;}
          .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .compare-btn.disabled {
            background-image: url("../icon/compare-disable-icon.png");
            background-position: center;
            background-size: 2rem 2rem;
            background-repeat: no-repeat; }
            .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .compare-btn.disabled img {
              visibility: hidden; }
            .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .favorite-btn.is-clicked {
                background-image: url("../icon/love-fill-icon.png");
                background-position: center;
                background-size: 2rem 2rem;
                background-repeat: no-repeat;
            }
            .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .favorite-btn.is-clicked img {
                visibility: hidden;
                transition: 0s;}
        .main .cars-container .cars-list .cars-item .info-wrapper .info-row.info-y {
            margin-top: 0.8125rem;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
            height: 1.625rem;
        }
        .main .cars-container .cars-list .cars-item .info-wrapper .info-row.info-y .price {
          line-height: 1.125rem;
          align-self: end; }
        .main .cars-container .cars-list .cars-item .border-line {
            margin-top: 0.9375rem;
            height: 0.125rem;
            background-color: #000000;
            margin-bottom: 0.125rem;
        }
.main .empty-wrapper {
  padding: 0 0.9375rem; }
  .main .empty-wrapper .empty-img {
    margin: 5rem auto 2.8125rem;
    width: 11.25rem;
    height: 9.375rem; }
  .main .empty-wrapper .desc {
    width: 17.625rem;
    text-align: center;
    letter-spacing: 0.25rem;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.6;
    margin:0 auto;
  }
  .main .empty-wrapper .empty-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 5.75rem;
    margin-right: auto;
    margin-bottom: 12.5rem;
    margin-left: auto;
    width: 14.5rem;
    height: 4.6875rem;
    background-color: #000000;
    color: #ffffff;
    letter-spacing: 0.3125rem;
    font-size: 1.125rem; }

@media screen and (min-width: 577px) {
  .banner-container .banner-wrapper {
    padding-left: 1.5625rem; }
    .banner-container .banner-wrapper .description {
      width: 14.375rem; }
    .main .cars-container {
        margin-bottom: 10.3125rem;
    }
    .main .cars-container .cars-list {
/*        position: relative;
        width: 100%;
        display: -ms-grid;
        display: grid;
        margin-top: 2.5em;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        -webkit-column-gap: 2.25em;
        column-gap: 1.75rem;
        row-gap: 4.625rem;*/
        margin: 0 -2vw;
    }
        .main .cars-container .cars-list .cars-item {
            /*width: 21.5625rem;*/
            margin-bottom: 0;
            width: 50%;
            padding: 0 2vw min(max(10vw, 70px), 80px) 2vw;
        }
      .main .cars-container .cars-list .cars-item a {
        position: relative;
        display: block;
        width: 100%; }
        .main .cars-container .cars-list .cars-item .img-owl-carousel .img-item {
     /*       width: 21.5625rem;
            height: 14.3125rem;*/
        }
  .main .empty-wrapper {
    padding: 0; }
    .main .empty-wrapper .empty-img {
      margin: 3.75rem auto 1.875rem;
      /*width: 15rem;*/
      height: 12.5rem; }
    .main .empty-wrapper .desc {
        width: 26.3125rem; 
        margin-right: auto;
        margin-left: auto;
        /*max-width: 26.25rem;*/
    }
    .main .empty-wrapper .empty-btn {
      margin-top: 5.125rem; } }

@media screen and (min-width: 1025px) {
  .banner-container {
    height: 25rem; }
  /*  .banner-container .banner-wrapper {
      right: 0;
      left: 0;
      margin-right: auto;
      margin-left: auto;
      max-width: 81.25rem;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }*/
      .banner-container .banner-wrapper .title {
        font-size: 2.625rem; }
      .banner-container .banner-wrapper .description {
        width: 26.875rem;
        font-size: 1.125rem; }

    .main .cars-container {
        margin-top: 3.75rem;
        margin-bottom: 21.6875rem;
    }
    .main .cars-container .cars-list {
        /*position: relative;*/
        /*width: 100%;*/
        /*-ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        -webkit-column-gap: 4.9375em;*/
        /*column-gap: 4.9375em;*/
        /*column-gap: 5.1875rem;
        row-gap: 3.75em;*/
    }
        .main .cars-container .cars-list .cars-item {
            /* width: 22.25em;*/
            /*width: 23.75rem;*/
            width: calc(100% / 3);
            display: flex;
            justify-content: space-between;
        }
        .main .cars-container .cars-list .cars-item a {
          position: relative;
          display: block;
          width: 100%; }
        .main .cars-container .cars-list .cars-item .img-owl-carousel .img-item {
          /*width: 22.25em;
          height: 14.875em;*/ 
          /*width: 23.75rem !important;*/
          /*height: 15.8125rem;*/
        }
            .main .cars-container .cars-list .cars-item .info-wrapper .info-text.price {
                font-size: 2.875rem;
                letter-spacing: 0.14375rem;
            }
            .main .cars-container .cars-list .cars-item .info-wrapper .info-row {
                margin-top: 1.625rem;
            }
                .main .cars-container .cars-list .cars-item .info-wrapper .info-row.info-m {
                    margin-top: 1.8125rem;
                }
                .main .cars-container .cars-list .cars-item .info-wrapper .info-row.info-y {
                    margin-top: 1.125rem;
                }
                .main .cars-container .cars-list .cars-item .info-wrapper .info-row.info-a {
                    margin-top: 1.5625rem;
                }
            .main .cars-container .cars-list .cars-item .info-wrapper .info-sm-text {
                font-size: 0.75rem;
                letter-spacing: 0.0625rem;
                font-weight:400;
            }
                .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-name {
                    font-size: 2.5rem;
                    letter-spacing: 0.125rem;
                    line-height: 1.5rem;
                }
            .main .cars-container .cars-list .cars-item .border-line {
                margin-top: 0.9375rem;
            }
}
@media screen and (min-width: 1025px) {
  .main .cars-container {
    margin-right: auto;
    margin-left: auto; }
  .main .empty-wrapper {
    margin-top: 12.5rem; }
    .main .empty-wrapper .desc {
        width:auto;
      margin-top: 1.875rem;
      max-width: initial; }
    .main .empty-wrapper .empty-btn {
      margin-top: 9.375rem;
      margin-bottom: 18.75rem; } }
@media screen and (min-width: 1025px) {
    .main .empty-wrapper .empty-btn {
        width: 18.25rem;
        height: 5.9375rem;
    }
}
.main {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  /*width: 91.92708333333333%;*/ 
}

@media screen and (min-width: 577px) {
  .main {
    /*width: 93.5546875%;*/ 

  } 

}
@media screen and (min-width: 1025px) {
    .main {
        /*width: 81.625rem;*/
    }
}
/*@media screen and (min-width: 1025px) {
  .main {
    width: 93.75%; } }
@media screen and (min-width: 1281px) {
  .main {
    width: 76.5625%; } }
@media screen and (min-width: 1600px) {
  .main {
    width: 1225px; } }*/
.banner-container {
  position: relative;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center !important;
  align-items: center !important; }
  .banner-container .banner-wrapper {
    position: absolute;
    /*width: 91.92708333333333%;*/
    padding-left: 0;
    padding-right: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto; }
    .banner-container .banner-wrapper .title {
      padding-top: 1.4em; }

@media screen and (min-width: 577px) {
    .banner-container .banner-wrapper {
        /*width: calc(93.5546875% + var(--scrollbar-width));*/
    } }
@media screen and (min-width: 1025px) {
    .banner-container .banner-wrapper {
        /*width: 81.625rem;*/ 

    }

    .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .favorite-btn.is-clicked {
        background-size: 2.25rem 2.25rem;
    }
    .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .favorite-btn:hover .tooltip {
        visibility: visible;
    }

    .main .cars-container .cars-list .cars-item .info-wrapper .info-row .info-btn-group .compare-btn:hover .tooltip {
        visibility: visible;
    }

}
/*@media screen and (min-width: 1025px) {
  .banner-container .banner-wrapper {
    width: 93.75%; } }
@media screen and (min-width: 1281px) {
  .banner-container .banner-wrapper {
    width: 76.5625%; } }
@media screen and (min-width: 1600px) {
  .banner-container .banner-wrapper {
    width: 1225px; } }*/
/*@media (max-width: 420px) {
  .tooltip {
    top: 3.125rem !important; }

  .tooltip-arrow {
    top: 2px !important; } }*/
.cars-list .cars-item .label-item {
    position: absolute;
  /*  right: 0;
    top: 0;*/
    width: 100%;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
    z-index: 1;
}
    .cars-list .cars-item .label-item span {
        position: relative;
        padding: 0.5rem 1rem;
        background-color: #000000;
        color: #ffffff;
        letter-spacing: 0.03125rem;
        font-size: 0.75rem;
        margin-left: 0.25rem;
        font-weight: 300;
        margin-bottom: -24px;
    }