/* @import url("https://fonts.googleapis.com/css?family=Roboto"); */

@import url("https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto+Slab|Roboto:300,400,500,700,900");



:root {

  --grey: #DFDFDF;

  --white: #ffff;

  --main-color: #2296D2;

  --black: #000000;

  --text-color: #707578;

  --main-width: 1380px;

  --border-gird: #D6D6D6;

  --swiper-navigation-size: 30px;

  --bs-font-sans-serif: "Roboto", sans-serif;
}



* {

  padding: 0;

  margin: 0;

  text-decoration: none;

  list-style: none;

  box-sizing: border-box;

}



html {

  scroll-behavior: inherit !important;

}



body {

  font-family: "Roboto", sans-serif;
}


.container-fluid {

  --bs-gutter-x: 0rem;

}



/* style header */

header .head-top {

  height: 30px;

  background-color: #DFDFDF;


}

header .head-top ul {

  width: var(--main-width);

  margin: 0 auto;

  height: 30px;

  display: flex;

  justify-content: end;

  align-items: center;

  list-style: none;

  margin-bottom: 0rem;

}

header .navbar-button {
  display: none;
}


header .head-top ul li {

  font-size: 13px;

  padding: 5px 15px;

  border-left: 1px solid var(--white);

  border-right: 1px solid var(--white);

}

header nav ul li a:hover,
header nav ul li .phone_menu:hover {

  color: var(--white);

}



header .head-top .icon {

  width: 20px;

  margin-right: 5px;

}



header .head-top .icon-arrow {

  width: 10px;

  margin-left: 10px;

}









header nav {

  background-color: var(--black);

  width: 100%;

  a {
    text-decoration: none !important;
  }

}



header nav .header {

  width: 98%;

  margin: 0 auto;

  display: flex;

  align-items: center;

  position: relative;

  .phone {
    display: none;
  }

}



header nav ul {

  display: flex;

  margin: 0rem;

  padding: 0rem;

}



header nav ul li {

  padding: 25px 20px;

  position: relative;

  cursor: pointer;

}



p {

  margin-bottom: 0rem;

}



header nav ul li a,
header nav ul li .phone_menu {

  color: var(--white);

  font-size: 17px;

  text-transform: capitalize;

  text-decoration: none;

}



header nav .dropdown_menu {

  width: 150%;

  display: none;

  position: absolute;

  z-index: 1000;

  left: 0;

  top: 100%;

  background-color: var(--black);

  animation: prepare .5s ease-in;

}

header nav .currency .dropdown_menu {

  width: 100%;

}
header nav .currency{

 padding-top:  10px;
 padding-bottom:  10px;
 padding-right:  5px;
 padding-left:  5px;

}


header nav .dropdown_menu ul {

  width: 100%;

  display: block;

}

header nav .dropdown_menu ul li {

  padding: 10px;

  border-bottom: 1px solid #6c6c6c;

  text-align: center;


}



header nav ul li:hover .dropdown_menu {

  display: block;

}



/* header nav ul li:hover, */

header nav ul li.active {

  background-color: var(--main-color);


}



header .header .log img {

  height: 50px;

}


.main-nav{
  width: 100%;
    display: flex;
    justify-content: space-between;
  }


header .header .log {

  display: block;

  text-align: center;

  font-size: 11px;

  outline: none;

  color: #d8d8d8;

  letter-spacing: 0.2px;

  margin-right: 2%;

  font-weight: 600;

}



.sub-slide {

  height: 100%;

  display: flex;

  flex-direction: wrap;

  align-items: center;

  justify-content: center;

}



.slider {

  width: 100%;

  height: 450px;

}



.home .mySwiper {

  height: 100%;

}



.home .slide-one {

  background-image: url(https://ru-japan.com/assets/interface_new/images/slider/new_slider/slider_01.png);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

}



.home .slide-two {

  background-image: url(https://ru-japan.com/assets/interface_new/images/slider/new_slider/slider_02.png);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

}


 
.home .slide-three {

  background-image: url(https://ru-japan.com/assets/interface_new/images/slider/new_slider/slide_3.png);

  background-size: cover;

  background-position: center;

} 



.car-list {
  width: var(--main-width);
  margin: 0 auto;
  margin-top: 50px;
}

.car-list .title h3 {
  color: #0c0d0e;
  font-size: 24px;
  font-weight: 600;
}

.car-list .car-body {
  margin-top: 10px;
}

.car-list a {
  text-decoration: none;
  color: var(--black);
}

.car-list .car-body .wrap-grid {
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  column-gap: .5rem;
}

.car-list .car-body .wrap-grid .img-car {
  height: unset;
  min-height: 100px;
  max-height: 100px;
  display: flex;
}

.car-list .gird-items .car-info {
  border: .5px solid var(--border-gird);
  padding: 10px;
  border-radius: 0 0 10px 10px;
}

.car-list .wrap-grid .gird-items .img-car img {
  position: relative;
  width: 100%;
  object-fit: cover;
  border-radius: 5px 5px 0 0;
}

.car-list .gird-items .top-info h5 {
  font-size: 11px;
  font-weight: 500;
  text-transform: capitalize;
}

.car-list .gird-items .sub-info {
  color: var(--text-color);
  letter-spacing: 0.5px;
  font-size: 10px;
  font-weight: 500;
}

.car-list .gird-items .sub-info .icon img {
  margin-right: 5px;
  width: 12px;
}

.car-list .gird-items .sub-info .icon {
  display: flex;
  align-items: center;
  margin: 3px 0;
}

.car-list .gird-items .sub-info img {
  margin-right: 0.2rem;
  width: 1.3rem;
}

.car-list .gird-items .tags {
  display: flex;
  justify-content: space-between;
  align-items: end;
}

.car-list .gird-items .car-info .img-flag {
  display: flex;
  align-items: center;
  color: var(--text-color);
  letter-spacing: 0.5px;
  font-size: 12px;
  font-weight: 600;
}

.car-list .gird-items .car-info .img-flag img {
  width: 34px;
  height: 22px;
  border: 1px solid var(--border-gird);
  margin-right: 5px;
}

.car-list .gird-items .car-info .price-tag {
  font-size: 14px;
  font-weight: 600;
}

.car-list .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.car-list .title .see-more {
  display: flex;
  align-items: end;

  a {
    color: var(--main-color);
    letter-spacing: 0.5px;
    font-weight: 600;
    font-size: 14px;
  }
}

.car-list .title .see-more img {
  width: 20px;
  margin-left: 5px;
}

/* Animate  */

.car-list .gird-items:nth-child(1) {
  animation-duration: 0.5s;
  animation-delay: 2s;
  visibility: visible;
  animation-name: fadeInUp;
}

.car-list .gird-items:nth-child(2) {
  animation-duration: 0.75s;
  animation-delay: 2s;
  visibility: visible;
  animation-name: fadeInUp;
}

.car-list .gird-items:nth-child(3) {
  visibility: visible;
  animation-delay: 2s;
  animation-name: fadeInUp;
  animation-duration: 1s;
}

.car-list .gird-items:nth-child(4) {
  visibility: visible;
  animation-delay: 2s;
  animation-name: fadeInUp;
  animation-duration: 1.25s;
}

.car-list .gird-items:nth-child(5) {
  visibility: visible;
  animation-delay: 2s;
  animation-name: fadeInUp;
  animation-duration: 1.5s;
}

.car-list .gird-items:nth-child(6) {
  visibility: visible;
  animation-delay: 2s;
  animation-name: fadeInUp;
  animation-duration: 1.75s;
}

.car-list .gird-items:nth-child(7) {
  visibility: visible;
  animation-delay: 2s;
  animation-name: fadeInUp;
  animation-duration: 2s;
}

.car-list .gird-items:nth-child(8) {
  visibility: visible;
  animation-delay: 2s;
  animation-name: fadeInUp;
  animation-duration: 2.25s;
}

.car-list .gird-items:nth-child(9) {
  visibility: visible;
  animation-delay: 2s;
  animation-name: fadeInUp;
  animation-duration: 2.5s;
}





/* Car arrivals  */



.arrivals .gird-items:nth-child(1) {

  animation-delay: 0s !important;

}

.arrivals .gird-items:nth-child(2) {

  animation-delay: 0s !important;

}


.arrivals .gird-items:nth-child(3) {
  animation-delay: 0s !important;
}

.arrivals .gird-items:nth-child(4) {
  animation-delay: 0s !important;
}

.arrivals .gird-items:nth-child(5) {
  animation-delay: 0s !important;
}

.arrivals .gird-items:nth-child(6) {
  animation-delay: 0s !important;
}



/* Search Make && Search country */

.search-make,

.search-coutry,

.youtuble-feature {

  width: var(--main-width);

  margin: 0 auto;

  margin-top: 50px;

}



.search-make .title h3,

.search-coutry .title h3,

.main-trending .title h3,

.youtuble-feature .title h3 {

  color: #0c0d0e;

  font-size: 24px;

  font-weight: 600;

}



.search-make .title,

.search-coutry .title,

.youtuble-feature .title {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-bottom: 10px;

  font-weight: 500;

}



.search-make .title .see-more {

  display: flex;

  align-items: end;



  a {
    font-size: 14px;
    color: var(--main-color) !important;
    letter-spacing: 0.5px;
    font-weight: 600;
  }

}

.search-coutry .title .see-more {

  display: flex;

  align-items: end;
  font-size: 14px;
  color: var(--main-color);
  letter-spacing: 0.5px;
  font-weight: 600;

}



.search-make .title .see-more img,

.search-coutry .title .see-more img {

  width: 20px;

  margin-left: 5px;

}



.search-make .wrap-grid,

.search-coutry .wrap-grid {

  width: 100%;

  max-width: 100%;

  margin: 0 auto;

  display: grid;

  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;

  column-gap: 2rem;

  row-gap: 2rem;

}



.search-make .gird-items,

.search-coutry .gird-items {

  display: flex;

  align-items: center;

}



/* .search-make {

  animation-timeline: view();

  animation: fadeIn;

  animation-duration: 10s;

} */



.search-make .gird-items .title,

.search-coutry .gird-items .title {

  font-size: 16px;

  text-transform: capitalize;

  padding-right: 5px;

  padding-left: 5px;

  margin-bottom: 0rem;

}



.search-make .gird-items img {
  width: 60px;
  object-fit: contain;
  height: 28px;

}



.search-coutry .gird-items img {

  width: 50px;
  object-fit: cover;
  height: 30px;
  border: 0.5px solid #f4f4f4;

}





.search-make .txt-count,

.search-coutry .txt-count {

  font-size: 12px;

  color: var(--text-color);

}



/* Search By Locations */

.main-trending {

  width: var(--main-width);

  margin: 0 auto;

  margin-top: 50px;

}



.main-trending .title {

  display: flex;

  align-items: end;

}



.main-trending .title .seller {

  margin-left: 4%;

}



.main-trending .title .seller span {

  color: var(--text-color);



}



.body-trending {

  margin-top: 20px;

  display: flex;

}



.main-trending .trending-left,

.main-trending .trending {

  width: 55%;

}



.main-trending .trending-right {

  width: 45%;

  margin-left: 8%;

  visibility: visible;

  animation-duration: 1.5s;

  animation-name: fadeInRight;

  .seller {
    display: none;
  }

}



.main-trending .wrap-grid {

  width: 100%;

  margin: 0 auto;

  display: grid;

  grid-template-columns: 1fr 1fr 1fr;

  column-gap: 0.5rem;

  row-gap: 0.5rem;

}



.main-trending .wrap-grid .gird-items {

  border: 1px solid var(--border-gird);

  border-radius: 10px;

  padding: 10px;

}



.main-trending .gird-items .title img {

  width: 15px;

  height: 15px;

}



.main-trending .gird-items .title h5 {

  width: 170px;

  font-size: 16px;

  font-weight: 600;

  color: #0c0d0e;

}



.main-trending .gird-items .title {

  display: flex;

  justify-content: space-between;

  align-items: end;

}



.main-trending .gird-items .car-img img {

  width: 140px;

}



.main-trending .trending-right .trending-items {

  width: 100%;

  display: flex;

  justify-content: space-between;

  padding: 8px 0;

  border-bottom: 1px solid var(--border-gird);

}


.main-trending .trending-right .trending-items .price {
  color: red;
}



.main-trending .gird-items .car-img {

  float: right;

}



.grade {

  display: flex;

  align-items: center;

  font-size: 14px;
  margin-right: 10px;
}



.main-trending .trending-items .grade img {

  width: 15px;

  height: 15px;

  margin-left: 2px;
}



.main-trending .trending-items .car-img {

  width: 90px;

  margin: 0 10px;


}



.main-trending .car-info .car-title h5 {

  font-size: 16px;

  font-weight: 500;

}



.main-trending .car-info .car-title span {

  font-size: 13px;

  color: var(--text-color);

}



.main-trending .car-info {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.main-trending .price {

  font-size: 14px;

  font-weight: 600;

}



/* Testimonal */

.main-testmomail {

  background-color: #EFEFEF;

  height: auto;

  margin-top: 2rem;

}



.testmomail {

  width: var(--main-width);

  margin: 0 auto;

  display: flex;

  align-items: center;

  padding: 30px 0;

}



.main-testmomail .head-testi {

  width: 25%;

  background-color: #EFEFEF;

  height: 100%;

  .see-more {
    display: none;
  }

}



.main-testmomail .head-testi .btn-review {

  color: #fff;

  font-size: 18px;

  line-height: 20px;

  padding: 15px 20px;

  min-width: 160px;

  border-radius: 12px;

  font-weight: 500;

  background-color: var(--main-color);

}



.main-testmomail .head-testi .btn-review img {

  width: 30px;
  top: 10px;
  position: relative;

}



.main-testmomail .head-testi h3 {

  font-size: 40px;

  color: var(--black);

  font-weight: bold;

}



.main-testmomail .head-testi .description {

  font-size: 18px;

  color: var(--text-color);

  margin: 15px 0;

}



.grid-testerminal .gird-tester .img-car {

  width: 100%;

  height: auto;
  border: 1px solid var(--border-gird);
  overflow: hidden;
  border-radius: 15px 15px 0 0;
}



.grid-testerminal .gird-tester .img-car img {

  width: 100%;
  object-fit: contain;
  height: 200px;
  overflow: hidden;
  border-bottom: none;
}



.grid-testerminal .flag {
  display: flex;
  align-items: center;

  img {
    width: 40px;
    margin-right: 5px;
    object-fit: fill;
  }
}





.grid-testerminal .gird-tester .body h5 {

  margin: 10px 0;

  font-size: 17px;

  color: var(--black);

  font-weight: 500;

}



.grid-testerminal {

  width: 75%;

}





.grid-testerminal .gird-tester .body {

  border: 1px solid var(--border-gird);

  border-radius: 0 0 15px 15px;

  background-color: var(--white);

  padding: 10px;

}



.swiper-button-next,

.swiper-button-prev {
  --swiper-navigation-size: 30px;
  color: rgb(255, 255, 255);

  padding: 25px;

  background-color: #2297d2aa;

  border-radius: 50px;

}



.swiper-button-next:hover,

.swiper-button-prev:hover {

  background-color: #5cc9ff;

}



/* Youble  */



.youtuble-feature .title .see-more {
  display: flex;
  align-items: center;
}

.youtuble-feature .title .see-more img {

  width: 20px;

  margin-left: 5px;

}



.youtuble-feature .title .see-more .logo {

  width: 40px;

  margin-left: 5px;

}



.youtuble-feature .mainVideoBox {

  height: 540px;

  display: flex;

  gap: 20px;

  margin-top: 30px;

}



.youtuble-feature .mainVideoBox ul {

  width: 300px;

  height: inherit;

  overflow-y: auto;

}



.youtuble-feature ul .playlist {

  position: relative;

  display: inline-block;

  cursor: pointer;

  padding: 20px 20px 10px;

    color: #000;

    text-transform: capitalize;


}



.youtuble-feature ul {

  padding-left: 0rem;

}





.youtuble-feature ul .playlist .video-img {

  width: 100%;

  height: auto;

}



.youtuble-feature ul .playlist .list {

  position: relative;

}



.youtuble-feature ul .playlist .list .logo {

  position: absolute;

  top: 25%;

  width: 100%;

  text-align: center;

  font-size: 18px;

}



.youtuble-feature ul li {

  background-color: #EFEFEF;

  border-bottom: 2px solid var(--text-color);

  width: 98%;

}



.youtuble-feature ul li.active {

  border-top: 2px solid var(--main-color);

  border-bottom: 2px solid var(--main-color);

}



.youtuble-feature ul li h6 {

  font-size: 15px;

  font-weight: 500;

  text-align: center;

  margin: 10px 0;

}



.youtuble-feature ::-webkit-scrollbar {

  width: 12px;

  margin-left: 5px;

}



/* Track */

.youtuble-feature ::-webkit-scrollbar-track {

  background: #f1f1f1;

}



/* Handle */

.youtuble-feature ::-webkit-scrollbar-thumb {

  background: var(--main-color);

}



/* Handle on hover */

.youtuble-feature ::-webkit-scrollbar-thumb:hover {

  background: var(--main-color);

}



/* Why Choose US  */



.why-choose {

  width: var(--main-width);

  margin: 0 auto;

  margin-top: 50px;

  display: flex;

  align-items: center;

  gap: 100px;

}

.why-choose .main-img {

  width: 30%;

}


.why-choose .why-choose-left {

  width: 50%;

  height: 100%;

  /* visibility: visible; 

  animation-name: fadeInLeft; 

  animation-duration: 1.5s; */

}



.why-choose .why-choose-left .btn-review {

  color: #fff;

  font-size: 18px;

  line-height: 20px;

  padding: 15px 20px;

  min-width: 160px;

  border-radius: 12px;

  background-color: var(--main-color);

  font-weight: 500
}



.why-choose .why-choose-left .btn-review img {

  width: 30px;
  position: relative;
  top: 10px;

}



.why-choose .why-choose-left h3 {

  font-size: 40px;

  color: var(--black);

  font-weight: 900;

}



.why-choose .why-choose-left .description {

  font-size: 18px;

  color: var(--text-color);

  margin: 15px 0;

}



.why-choose-right {

  width: 70%;

  visibility: visible;

  animation-name: fadeInRight;

  animation-duration: 1.5s;

}



.why-choose .why-choose-list a {

  display: flex;

  justify-content: space-evenly;

  align-items: center;

  border-top: 1px solid var(--grey);

  border-bottom: 1px solid var(--grey);

  padding: 20px 0;

  color: black;

}





.why-choose .description {

  margin-left: 30px;

}



.why-choose .txt-desc {

  font-size: 15px;

  color: var(--text-color);

}



.why-choose .head {

  display: flex;

  justify-content: space-between;

  align-items: start;

  margin-bottom: 2%;

}



.why-choose .head h5 {

  font-size: 20px;

  font-weight: 600;

}



.why-choose .head img {

  width: 20px;

}



/* How To Buy */

.main-how-to-buy {

  background-color: #EFEFEF;

}



.how_to_buy {

  width: var(--main-width);

  margin: 0 auto;

  margin-top: 50px;

  padding: 20px 0;

  display: flex;

  align-items: center;

  gap: 100px;

}

.how_to_buy .mian-left {
  width: 30%;
}

.how_to_buy .mian-left img {
  width: 100%;
  height: 100%;

}



.how_to_buy .mian-right h5 {

  font-size: 40px;

  font-weight: 900;

  margin-bottom: 50px;

}



.how_to_buy .mian-right {

  width: 50%;

  float: right;

  margin-top: 30px;

}



.how_to_buy .mian-right ul {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  row-gap: 50px;

}



.how_to_buy .mian-right li h5 {

  font-size: 26px;

  line-height: 32px;

  margin-bottom: 20px;

  font-weight: 500;

}



.how_to_buy .mian-right li:nth-child(1),

.how_to_buy .mian-right li:nth-child(2) {

  visibility: visible;

  animation-duration: 1s;

  animation-name: fadeInDown;

}



.how_to_buy .mian-right li:nth-child(3),

.how_to_buy .mian-right li:nth-child(4) {

  visibility: visible;

  animation-duration: 1s;

  animation-name: fadeInUp;

}





.how_to_buy .mian-right li p {

  padding-right: 100px;

  color: #707578;

  font-size: 18px;

}



/* find Vechicles */



.find-vechicle {

  width: var(--main-width);

  margin: 0 auto;

  margin-top: 50px;
  margin-bottom: 50px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.find-vechicle .find-left h3 {

  font-size: 40px;

  font-weight: 900;

  margin-bottom: 20px;

}



.find-vechicle .find-left .description {

  font-size: 18px;

  color: var(--text-color);

  margin: 15px 0;

}



.find-vechicle .find-left .btn-view-more {

  width: 250px;

  line-height: 25px;

  padding: 10px 40px;

  min-width: 160px;

  border-radius: 8px;

  background-color: var(--main-color);

  margin-top: 50px;

  text-align: center;

}

.find-vechicle .find-right img {

  width: 80%;
}

.find-vechicle .find-left .btn-view-more a,

.find-vechicle .find-left .btn-view-more span {

  color: #fff;

  font-size: 18px;

  padding-right: 0px;

  font-weight: 600;

}



/* footer  */

.sub-footer {

  width: 100%;

  background: #DCDCDC;

  padding-top: 1rem;

  /*  margin-top: 50px;*/



}



.sub-footer a {

  text-decoration: none;

  color: black;

}

.sub-footer a:hover {

  color: #2296D2;

  transform: translateX(-5px);

  transition: 0.4 ease;

}


.footer .sub-footer .main-footer {

  width: var(--main-width);

  margin: 0 auto;

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 1rem;

}



.sub-footer .footer-col-1 .footer-info {

  display: flex;

  flex-direction: column;

}



.sub-footer .footer-col-1 .footer-info span {

  display: flex;

  align-items: center;

  color: var(--black);

  font-size: 16px;

  margin-bottom: 10px;

}



.footer-col-1 .footer-info img {

  width: 25px;

  margin-right: 0.5rem;

}



.footer-bottom {

  background-color: var(--main-color);

}

.footer-bottom .sub-bottom-ft a:hover {
  color: white;
}



.sub-bottom-ft {

  width: var(--main-width);

  margin: 0 auto;

  display: flex;

  justify-content: space-between;

}



.sub-bottom-ft a {

  color: var(--black);

  font-size: 16px;

  padding: 0.3% 0;

}



.footer-col-1 .footer-row {

  display: flex;

  flex-direction: row;

}



.footer-col-1 .logo {

  margin-bottom: 1rem;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.footer-col-1 .sub-logo {

  margin-bottom: 1rem;

  display: flex;

  align-items: center;

  justify-content: start;

}



.footer-col-1 .sub-logo img {

  width: 12%;

  margin-right: 4%;

}



.footer-col-1 .sub-logo .title {

  font-size: 16px;

  font-weight: 600;

  color: var(--black);

}



.footer-col-1 .sub-logo .sub-title1 {

  font-size: 16px;

  font-weight: 600;

  color: #16AFFF;

}



.footer-col-1 .logo .ft-com-name {

  text-align: center;

  color: var(--black);

  margin: 0;

}



.footer-col-1 .ft-com-name .title {

  font-size: 16px;

  font-weight: 600;

}



.footer-col-1 .ft-com-name .sub-title {

  font-size: 16px;

}



.footer-col-2 {

  display: flex;

  flex-direction: column;

}



.footer-col-2 h3 {

  text-align: center;

  color: var(--black);

  font-size: 16px;

  margin-bottom: 0px;

}



.footer-col-2 i {

  color: #2296D2;

  margin-right: 0.1rem;

}



.footer-col-2 span {

  padding: 0.1rem 0;

}



.footer-col-2 span a {

  color: var(--black);

  font-size: 16px;

}



.footer-col-2 span:hover {

  color: #fff;

  transform: translateX(-5px);

  transition: 0.4 ease;

}



.footer-col-2 span:hover i {

  color: #fff;

}





.footer-col-logo .other-logo {

  display: flex;

  justify-content: space-between;

}



.footer-col-logo .jum-logo {

  width: 75%;

  text-align: center;

}



.footer-col-logo .jum-logo h3 {

  font-size: 16px;

  font-weight: 500;

  color: var(--black);

}


.footer-col-logo .other-logo .jum-logo a h3:hover {

  color: #2296D2;

}



.ft-head {

  display: flex;

  justify-content: start;

  margin-bottom: 5%;

}



.ft-head i {

  content: "";

}

#eucookielaw {
  background-color: rgb(18, 27, 57);
  overflow: auto;
  top: 0;
  left: 0;
  overflow: hidden;

}

.cookie {
  width: var(--main-width);
  margin: 0 auto;
  display: flex;
  height: 70px;
  align-items: center;
}

.text-cookie {
  width: 50%;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px
}

.btn-process {
  width: 50%;
  text-align: end;
}


.ft-head i:after {

  content: "";

  border-bottom: 5px solid #2296D2;

  width: 50%;

  display: block;

  margin: 0 auto;

  border-radius: 10px;

}



.footer-col-2 a {

  display: flex;

  align-items: center;

  color: var(--black);

  padding-top: 5%;

}



.footer-col-2 a img {

  width: 22%;

  margin-right: 5%;

}



.hide-subsequent-rows {

  grid-template-rows: 1fr;

  grid-auto-rows: 0;

  padding-bottom: 0;

  column-gap: 0rem;

  overflow: hidden;

}

.hide-subsequent-rows_search {

  grid-template-rows: 1fr;

  grid-auto-rows: 1;

  padding-bottom: 0;

  column-gap: 0;

  overflow: hidden;

}



.youtuble-feature .VideopalyArea {
  width: 85%;
  aspect-ratio: 16 / 9;
  position: relative;
}

.youtuble-feature iframe {
  width: 100%;
  height: 100%;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
}

.send {
  width: 50%;
  padding: 7px 0;
  background-color: #126fb7 !important;
  border-radius: 5px 5px 5px 5px;
  border: 2px solid #126fb7 !important;
  color: #fff !important;
  box-shadow: -2px 4px 1px #000;
  margin-left: 1%;
}

.contain_header {
        display: flex;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        flex-direction: column;
        justify-content: center;
        max-width: 100%;
        padding: 1.25em;
        border-radius: 0.3125em;
        background-color: rgba(0, 0, 0, .4);
        font-family: inherit;
        z-index: 2000;
        font-size: 1rem;
        box-sizing: border-box;
    }
    .container_popup_wrap {
        display: flex;
        position: relative;
        top: 10%;
        right: 0;
        bottom: 0;
        left: 0;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 20px;
        background-color: transparent;
        z-index: 1060;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }
    .container_popup_box {
        display: none;
        position: relative;
        flex-direction: column;
        justify-content: center;
        width: 100%;
    /*  height: 32em;*/
        max-width: 100%;
        padding: 1.25em;
        border-radius: 0.3125em;
        background-color: #FFFAFA;
        font-family: inherit;
        font-size: 1rem;
        box-sizing: border-box;
    }
    .popup_content .popup_header {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: -22px;
    }
    .close_popup {
        width: 35px;
        height: 35px;
        position: relative;
        left: 51.3%;
        bottom: 25px;
        border-radius: 50%;
        border: none;
        background: red;
        color: white;
        font-size: 21px;
        font-weight: bold;
        justify-content: center;
    }
    .img_popup {
        width: 100%;
        height: 30em;
    }
    .img_popup img {
        width: 100%;
        height: 100%;
    }

@media(min-width:1800px) {
  .slider{
    height: 580px;
  }
}

/* reponse */

@media(max-width:1400px) {

  header .head-top ul {

    width: auto;

    transition: ease-out 2s;

  }



  header nav {

    background-color: var(--black);

    width: 100%;

  }



  header nav .header {

    width: auto;

    transition: ease-out 2s;

  }



  header nav ul li {

    padding: 20px 15px;

  }



  header nav ul li a,
  header nav ul li .phone_menu {

    font-size: 15px;

  }



  /* slider  */

  .slider {

    height: 380px;

  }



  /* Car list  */

  .car-list {

    width: auto;

    margin-top: 30px;

    margin-left: 1rem;

    margin-right: 1rem;

  }



  .car-list .title h3 {

    font-size: 20px;

  }



  .car-list .car-body {

    margin-top: 10px;

  }



  .car-list .car-body .wrap-grid {

    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;

    column-gap: .5rem;

  }



  .car-list .gird-items .top-info h5 {

    font-size: 10px;

  }





  .car-list .gird-items .sub-info {

    font-size: 10px;

  }



  .car-list .gird-items .sub-info .icon img {

    margin-right: 5px;

    width: 11px;

  }



  .car-list .gird-items .car-info .img-flag img {

    width: 26px;

    height: 18px;

  }



  .car-list .gird-items .car-info .price-tag {

    font-size: 12px;

  }



  /* Search Make and Country  */



  .search-make,

  .search-coutry,

  .youtuble-feature {

    width: auto;

    margin-top: 30px;

    margin-left: 1rem;

    margin-right: 1rem;

  }

  .search-make .title h3,

  .search-coutry .title h3,

  .main-trending .title h3,

  .youtuble-feature .title h3 {

    font-size: 22px;

  }



  .search-make .title .see-more img,

  .search-coutry .title .see-more img {

    width: 20px;

    margin-left: 5px;

  }



  .search-make .wrap-grid,

  .search-coutry .wrap-grid {

    width: 100%;

    margin: 0 auto;

    display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;

    column-gap: 4rem;

    row-gap: 1.5rem;

  }




  .search-make .gird-items img,

  .search-coutry .gird-items img {

    width: 40px;

  }





  .search-make .gird-items .title,

  .search-coutry .gird-items .title {

    font-size: 14px;

    padding-right: 2px;

    padding-left: 2px;

  }



  .search-make .txt-count,

  .search-coutry .txt-count {

    font-size: 10px;

    color: var(--text-color);

  }



  /* Trending Categories  */

  .main-trending {

    width: auto;

    margin-top: 30px;

    margin-left: 1rem;

    margin-right: 1rem;

  }





  .main-trending .trending-left,

  .main-trending .trending {

    width: 55%;

  }



  .main-trending .trending-right {

    width: 45%;

    margin-left: 8%;

    visibility: visible;

    animation-name: fadeInRight;

    animation-duration: 1.5s;

    animation-delay: 1s;

  }



  .main-trending .wrap-grid .gird-items {

    border-radius: 8px;

    padding: 8px;

  }



  .main-trending .gird-items .title img {

    width: 12px;

    height: 12px;

  }



  .main-trending .gird-items .title h5 {

    width: 170px;

    font-size: 14px;

  }



  .main-trending .car-info .car-title h5 {

    font-size: 14px;

  }



  .main-trending .car-info .car-title span {

    font-size: 12px;

  }



  .testmomail {

    width: auto;

    padding: 20px 1rem;

  }



  .main-testmomail .head-testi {

    width: 25%;

    background-color: #EFEFEF;

    height: 100%;

  }



  .main-testmomail .head-testi .btn-review {

    font-size: 16px;

    line-height: 20px;

    padding: 10px;

    min-width: 160px;

  }



  .main-testmomail .head-testi h3 {

    font-size: 30px;

  }



  .main-testmomail .head-testi .description {

    font-size: 14.5px;

  }



  .grid-testerminal {

    width: 75%;

  }



  .grid-testerminal .gird-tester .img-car img {

    height: 180px;
    border-radius: 10px 10px 0 0;

  }



  .grid-testerminal .flag img {

    width: 35px;

  }



  .grid-testerminal .gird-tester .body h5 {

    font-size: 14.5px;

  }

  .youtuble-feature {

    object-fit: fill;

  }

  /* Youtuble  */

  .youtuble-feature .title .see-more span img {

    width: 40px;

    margin-left: 5px;

  }


  .youtuble-feature .mainVideoBox {

    gap: 10px;

  }





  /* .VideopalyArea iframe {

    width: 1100px !important;

    height: 450px !important;

  } */



  /* .youtuble-feature .mainVideoBox {

    height: 450px;

    display: flex;

    gap: 10px;

    margin-top: 30px;

  } */



  .youtuble-feature .mainVideoBox ul {

    width: 15%;

  }



  .youtuble-feature ul .playlist {

    padding: 15px 15px 5px;

  }





  .youtuble-feature ul .playlist .list .logo {

    font-size: 16px;

  }



  .youtuble-feature ul li {

    background-color: #EFEFEF;

    border-bottom: 2px solid var(--text-color);

    width: 98%;

  }



  .youtuble-feature ul li h6 {

    font-size: 13px;

  }





  /* Why Choose Us  */



  .why-choose {

    width: auto;

    margin-top: 30px;

    gap: 30px;

    margin-left: 1rem;

    margin-right: 1rem;

  }



  .why-choose .why-choose-left .btn-review {

    color: #fff;

    font-size: 16px;

    line-height: 18px;

    padding: 10px;

    min-width: 160px;

  }



  .why-choose .why-choose-left .btn-review img {

    width: 25px;

  }



  .why-choose .why-choose-left h3 {

    font-size: 30px;

  }



  .why-choose .why-choose-left .description {

    font-size: 16px;

  }



  .why-choose-right {

    width: 80%;

  }



  .why-choose .why-choose-list a {

    display: flex;

    justify-content: space-evenly;

    align-items: center;

    border-top: 1px solid var(--grey);

    border-bottom: 1px solid var(--grey);

    padding: 10px 0;

    color: black;

  }

  .why-choose .why-choose-list a .main-img {
    width: 100%;
    height: 175px;
  }

  .why-choose .why-choose-list a .main-img .img_list {
    width: 100%;

    height: 100%;

    object-fit: fill;
  }



  .why-choose .description {

    margin-left: 20px;

  }



  .why-choose .txt-desc {

    font-size: 14px;

    color: var(--text-color);

  }



  .why-choose .head h5 {

    font-size: 16px;

  }



  .why-choose .main-img {

    width: 25%;

  }



  /* How to buy  */

  .how_to_buy {

    width: auto;

    margin-top: 30px;

    margin-left: 1rem;

    margin-right: 1rem;

    gap: 50px;

  }

  .how_to_buy .mian-right h5 {

    font-size: 30px;

    margin-bottom: 30px;

  }



  .how_to_buy .mian-right {

    width: 60%;

    float: right;

  }



  .how_to_buy .mian-right ul {

    row-gap: 20px;

  }



  .how_to_buy .mian-right li h5 {

    font-size: 22px;

    line-height: 32px;

    margin-bottom: 20px;

    font-weight: 500;

  }



  .how_to_buy .mian-right li p {

    padding-right: 100px;

    font-size: 16px;

  }



  /* Find Viechicle  */



  .find-vechicle {

    width: auto;

    margin-top: 30px;

    margin-left: 1rem;

    margin-right: 1rem;

  }



  .find-vechicle .find-left h3 {

    font-size: 30px;

  }



  .find-vechicle .find-left .description {

    font-size: 16px;

  }



  .find-vechicle .find-left .btn-view-more {

    font-size: 16px;

    padding: 10px 40px;

    margin-top: 40px;

    font-weight: 500;

  }





  /* footer  */



  .footer .sub-footer .main-footer {

    width: auto;

    margin: 0;

    padding: 0 1rem;

  }



  .sub-footer .footer-col-1 .footer-info span,

  .footer-col-2 span a,

  .footer-col-2 h3,

  .footer-col-1 .ft-com-name .sub-title,

  .footer-col-1 .ft-com-name .title,

  .footer-col-1 .sub-logo .sub-title1,

  .footer-col-1 .sub-logo .title,

  .footer-col-logo .jum-logo h3 {

    font-size: 14px;

  }



  .sub-bottom-ft {

    width: auto;
    padding: 0 1rem;

  }



  .sub-bottom-ft a {

    font-size: 14px;

  }

      .img_popup {
        height: 25em;
    }
}

@media(max-width:1280px) {
    .car-list .car-body .wrap-grid {

    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;

    column-gap: .5rem;

  }
  .slider {
    height: 340px;
  }

  .youtuble-feature .mainVideoBox {

    height: 450px;

    margin-top: 20px;

  }

  .main-trending .trending-right {

    width: 48%;

    margin-left: 3%;

  }

  .main-trending .title .seller {

    margin-left: 0%;

  }

  .why-choose .why-choose-list a .main-img .img_list {
    width: 270px !important;
  }

  .why-choose .why-choose-list a .main-img {
    width: 100%;
    height: 150px !important;
  }


}




.hide-tranding-rows {
  grid-template-rows: 1fr 1fr 1fr;

  grid-auto-rows: 0;

  padding-bottom: 0;

  column-gap: 0rem;

  overflow: hidden;

}

@media(max-width:1200px) {
  .main-trending .title .seller {

    margin-left: 2%;

  }
}


@media(max-width:1180px) {

  header .header .log img{
    width: 90%;
  }

  .car-list .gird-items .top-info h5 {

    font-size: 11px;

  }
      .car-list .car-body .wrap-grid {

    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr ;

    column-gap: .5rem;

  }


  .grid-testerminal .gird-tester .img-car img {
    height: 120px;
  }



  .grid-testerminal .flag img {

    width: 30px;

  }


  .main-trending .gird-items .title img {

    width: 12px;

    height: 12px;

  }

  .main-trending .title .seller {

    margin-left: 0%;

  }



  .main-trending .gird-items .title h5 {

    width: 100px;

    font-size: 12px;

  }



  .main-trending .car-info .car-title h5 {

    font-size: 12px;

  }



  .main-trending .car-info .car-title span {

    font-size: 12px;

  }



  .main-trending .gird-items .car-img img {

    width: 100px;

  }

  .why-choose .why-choose-list a .main-img .img_list {
    width: 200px !important;
  }

  .why-choose .why-choose-list a .main-img {
    width: 100%;
    height: 120px !important;
  }
}

@media(max-width:1090px) {


  header nav ul li a,
  header nav ul li .phone_menu {

    color: var(--white);

    font-size: 13.5px;

    text-transform: capitalize;

    text-decoration: none;

  }

  .search-make .wrap-grid,

  .search-coutry .wrap-grid {

    column-gap: 3rem;

    row-gap: 1rem;

  }

}


/* reponse */

@media(max-width:1010px) {
  
  .slider {
    height: 290px;
  }

  .container_popup_wrap {
    width: 100%;
    top: 0%;
    display: block;
    margin: 0 auto;
}

.container_popup_box{
  padding: .5rem;
  padding-top: 0rem;
}

  .img_popup {
        height: 22em;
    }

  /* cookie  */
  .cookie {
    width: auto;
    padding: 0 1rem;
    height: 70px;

    .text-cookie {
      width: 79%;
    }
  }

  /* header  */
  .head-top {
    display: none;
  }

  header nav .header {
    .computer {
      display: none;
    }

    .phone {
      display: block;
    }

  }


  .car-list .car-body .wrap-grid {
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    column-gap: .5rem;
  }

  nav {
    padding: 0 1rem;

    .header {
      width: 100%;
      display: flex;
      justify-content: space-between;
      height: 70px;

      .log {
        position: absolute;
        top: 2rem;
        left: 50%;
        transform: translate(-50%, -50%);
      }

      img {
        height: 50px;
      }

    }

    .navbar-btn {
      width: 5rem;
      padding: 0.5rem;
      margin: 0.3rem;
      border-radius: 3rem;
      border: 0.1rem solid #fff;
      font-size: 12px;
      cursor: pointer;
    }

    .navbar-button {
      display: flex;
      justify-content: center;

      .item {
        display: flex;
        justify-content: center;

        a {
          text-align: center;
          font-size: 10px;
          color: #ededed;
          letter-spacing: 1px;
          font-weight: 300;

          img {
            width: 30px;
            height: 30px;
          }
        }
      }
    }

    .navbar-btn:nth-child(1) {
      background-color: transparent;
      color: #fff;
    }

    .navbar-btn:nth-child(2) {
      background-color: #fff;
      color: #262626;
    }
  }

  .header {
    width: 100%;
  }

  .menu {
    height: 2rem;
    border-radius: 3rem;
    color: wheat;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    z-index: 10000;

    /* transition: transform 0.6s cubic-bezier(1, 0, 0, 1); */
    /* transition: ease-in-out 0.4s ; */
    .menu-icon {
      height: 1.5rem;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .line {
      width: 2rem;
      height: 0.1rem;
      background-color: #fff;
      transform-origin: left;
    }



    .menu span {
      font-size: 1.8rem;
      color: #fff;
    }


  }

  .change .menu {
    /* width: 2.5rem;
    padding: 8px; */
    transform: translateX(9.2rem);
    position: absolute;
    border-radius: 0;
    top: 0rem;
    left: 4.8rem;
    background-color: #eee;
    transition: ease-in-out 0.15s;
  }

  header nav .dropdown_menu {

    width: 80%;
    left: 15rem;
    top: 0;

  }

  .change .line-1 {
    transform: rotate(45deg);
    background-color: #444;
  }

  .change .line-2 {
    opacity: 0;
    visibility: hidden;
  }

  .change .line-3 {
    transform: rotate(-45deg);
    background-color: #444;
  }

  .change .menu span {
    color: #ffffff;
  }

  header nav .change {
    justify-content: end;
  }

  .flex-item a,
  .flex-item .phone_menu {
    display: flex;
    justify-content: space-between;

    img {
      transform: rotate(270deg);
    }
  }

  
  .nav-nav,
  .nav-dropdown-personal,
  .nav-dropdown-business {
    /* display: none; */
    position: absolute;
    top: 0px;
    left: -16rem;
    width: 15rem;
    height: 58vh;
    background-color: black;
    flex-direction: column;
    z-index: 200;
    transition: left 0.15s cubic-bezier(1, 0, 0, 1);
  }

  header nav ul li {
    padding: 15px;
  }

  .change .nav-nav {
    left: -1rem;
  }
    .change .nav-nav1 {
    display: none !important;
  }

  header nav .dropdown_menu ul li {
    padding: 15px;
  }

  /* End Header Menu  */

  /* car list  */
  .car-list .title h3,
  .search-make .title h3,
  .search-coutry .title h3,
  .main-trending .title h3,
  .youtuble-feature .title h3 {
    font-size: 18px;
  }

  .car-list .title .see-more {
    a {
      color: var(--main-color);
      font-size: 12px;
    }

    img {
      width: 15px;
    }
  }


  .search-make .title .see-more a,
  .search-coutry .title .see-more,
  .search-make .title .see-more {
    font-size: 12px;
  }

  .search-make .title .see-more .car-list .car-body .wrap-grid .img-car {
    min-height: 100px;
  }

  .car-list .gird-items .car-info {
    padding: 5px;
  }

  /* search make  */
  .search-make .wrap-grid,
  .search-coutry .wrap-grid {

    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;

    column-gap: 2rem;

    row-gap: 1rem;
  }

  .search-make .gird-items .title,
  .search-coutry .gird-items .title {
    font-size: 12px;
  }

  .search-make .gird-items img,
  .search-coutry .gird-items img {
    width: 40px;
  }

  /* testimonail  */
  .grid-testerminal .gird-tester .body h5 {
    font-size: 13px;
    text-transform: capitalize;
  }

  .grid-testerminal .flag {
    font-size: 12px;

    img {
      width: 20px;
    }
  }

  .main-testmomail .head-testi {
    h3 {
      font-size: 25px;
    }

    .btn-review,
    .description {
      font-size: 12px;
    }

    img {

      width: 20px;

    }

    .gird-tester .img-car img {
      height: 100px;
    }
  }

  .main-testmomail .head-testi .btn-review img {
    width: 20px;
    top: 5px;
  }

  .swiper-button-next,

  .swiper-button-prev {
    --swiper-navigation-size: 20px;
    padding: 20px;
    border-radius: 30px;

  }

  /* End test  */

  /* Youtube Video  */

  .youtuble-feature {
    .title {
      margin-bottom: 0px;
    }

    .mainVideoBox {
      margin-top: 0px;
      height: 380px;
    }

    .VideopalyArea {
      width: 80%;
    }

    .mainVideoBox ul {
      width: 19%;
    }

    ul li h6 {
      font-size: 12px;
      margin-top: 2px;
    }
  }

  /* End youtube  */

  /* why choose  us  */
  .why-choose .why-choose-left {
    h3 {
      font-size: 25px;
    }

    .description,
    .btn-review {
      font-size: 12px;
    }
  }

  .why-choose .head h5 {
    font-size: 14px;
  }

  .why-choose .txt-desc {
    font-size: 12px;
  }

  /* End why choose us  */

  /* How to buy  */
  .how_to_buy .mian-right {
    h5 {
      font-size: 25px;
    }

    li h5 {
      font-size: 14px;
      margin-bottom: 0px
    }

    li p {
      font-size: 12px;
    }
  }

  /* Trending  */
  .main-trending .title .seller span,
  .main-trending .price {
    font-size: 12px;
  }

  .main-trending .title .seller {

    margin-left: 3%;

  }




  .car-list,

  .search-make,

  .search-coutry,

  .main-trending,

  .youtuble-feature,

  .why-choose,

  .find-vechicle {

    margin: 0 auto;

    padding: 1rem;

  }



  .sub-bottom-ft {

    padding: 0 1rem;



  }



  .main-trending .wrap-grid {

    grid-template-columns: 1fr 1fr;

  }



  .main-trending .trending-left,

  .main-trending .trending {

    width: 40%;

  }



  .main-trending .gird-items .title img {

    width: 12px;

    height: 12px;

  }

  .why-choose .why-choose-list a .main-img .img_list {
    width: 180px !important;
  }

  .why-choose .why-choose-list a .main-img {
    height: 100px !important;
  }

  .why-choose .description {
    margin-left: .5rem;
  }



  .main-trending .gird-items .title h5 {

    width: 100px;

    font-size: 12px;

  }



  .main-trending .car-info .car-title h5 {

    font-size: 12px;

  }



  .main-trending .car-info .car-title span {

    font-size: 12px;

  }



  .main-trending .trending-left,

  .main-trending .trending {

    width: 42%;

  }



  .main-trending .trending-right {

    width: 50%;

  }

  .find-vechicle .find-left h3 {
    font-size: 25px;
  }

  .find-vechicle .find-left .description {
    font-size: 12px;
  }

  .find-vechicle .find-left .btn-view-more a,
  .find-vechicle .find-left .btn-view-more span {
    font-size: 12px;
  }

  .find-vechicle .find-left .btn-view-more {
    width: 200px;
    padding: 10px;
    line-height: 20px;
  }

  /* Footer  */
  .footer-col-1 .logo {
    margin-bottom: .5rem;

    a {
      width: 50%;

      img {
        width: 100%;
      }
    }

  }

  .sub-footer .footer-col-1 .footer-info span,
  .footer-col-2 span a,
  .footer-col-2 h3,
  .footer-col-1 .ft-com-name .sub-title,
  .footer-col-1 .ft-com-name .title,
  .footer-col-1 .sub-logo .sub-title1,
  .footer-col-1 .sub-logo .title,
  .footer-col-logo .jum-logo h3,
  .footer-col-logo .jum-logo h3:hover {
    font-size: 12px;
  }

  .footer-col-logo .jum-logo {
    margin-left: .5rem;
  }

  .footer-col-1 .sub-logo {
    margin-bottom: .5rem;
  }

  .footer-info span,
  .sub-footer .footer-col-1 .footer-info span {
    margin-bottom: 5px;
  }

}

@media (max-width:950px) {
  .slider {
    height: 270px;
  }

  header .header .log img {
    height: 40px;
  }

  header .log p {
    font-size: 10px;
  }

  nav {
    padding: 0 .8rem;

    .header {
      height: 60px;

      .log {
        position: absolute;
        top: 2rem;
      }

    }

    .navbar-button {
      .item {
        a {
          text-align: center;
          font-size: 10px;
          color: #ededed;
          letter-spacing: 1px;
          font-weight: 300;

          img {
            width: 30px;
            height: 30px;
          }
        }
      }
    }

    .navbar-btn:nth-child(1) {
      background-color: transparent;
      color: #fff;
    }

    .navbar-btn:nth-child(2) {
      background-color: #fff;
      color: #262626;
    }
  }

  .header {
    width: 100%;
  }

  .menu {
    height: 1.8rem;
    border-radius: 3rem;

    .menu-icon {
      height: 1.3rem;
    }

    .line {
      width: 1.8rem;
    }
  }

  .change .menu {
    width: 1.8rem;
    padding: 5px;
  }

  header nav ul li {
    padding: 12px;
    
  }


  header nav .dropdown_menu ul li {
    padding: 12px;
  }

  /* End Header Menu  */

  /* seach  */
  .search-make .wrap-grid,
  .search-coutry .wrap-grid {

    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;

    column-gap: 1rem;

    row-gap: .8rem;
  }

  .footer-col-logo .other-logo {
    display: block;

    .jum-logo {
      width: 100px;

      img {
        width: 70px !important;
        padding: 0px !important;
      }

      h3 {
        font-size: 10px;
      }
    }
  }


  .footer-col-2 a img {

    width: 18%;

    margin-right: 0%;

  }

  .youtuble-feature ul .playlist .list .logo img {
    width: 30%;
  }



}

@media (max-width:880px) {
  .car-list .gird-items .top-info h5{
    font-size: 10px;
  }
  .car-list .gird-items .sub-info{
    font-size: 9px;
  }
  .slider {
    height: 250px;
  }
   .img_popup {
        height: 20em;
    }
  .car-list .car-body .wrap-grid .img-car {
    min-height: 80px;
  }

  .car-list .car-body .wrap-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .search-make .wrap-grid,
  .search-coutry .wrap-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 1rem;
  }

  .main-trending .wrap-grid {

    grid-template-columns: 1fr 1fr 1fr;

  }

  .hide-tranding-rows {

    grid-template-rows: 1fr 1fr;

  }

  .body-trending {
    display: block;
  }

  .main-trending .trending-left,
  .main-trending .trending {
    width: 100%;
  }

  .main-trending .title .seller {
    display: none;
  }

  .main-trending .trending-right {
    width: 100%;
    margin-left: 0%;

    .seller {
      display: block;
      margin-top: 1rem;
    }
  }

  .why-choose .why-choose-list a .main-img .img_list {
    width: 150px !important;
  }

  .why-choose .why-choose-list a .main-img {
    height: 90px !important;
  }
}

@media (max-width:780px) {
  .slider {
      height: 240px;
  }
  /* cookie  */
  .cookie {
    padding: 0 1rem;

    .text-cookie {
      strong {
        font-size: 13px !important;
      }

      p {
        font-size: 12.5px;
      }
    }

    .btn-danger {
      padding: 4px 10px;
      font-size: 13px;
    }
  }

  .how_to_buy .mian-right {
    h5 {
      font-size: 20PX;
      margin-bottom: 10px;
    }
  }

  .how_to_buy .mian-right ul {
    font-size: 10px;
  }

  .main-testmomail .head-testi {
    h3 {
      font-size: 20px;
    }

    a {
      display: flex;
      align-items: center;
      padding: 5px;
    }

    .btn-review img {
      top: 0;
      width: 15px;
    }
  }

  .main-testmomail .head-testi .btn-review {
    width: 90%;
    min-width: 80px;
  }

  .body-trending {
    display: block;
  }

  .main-trending .wrap-grid {

    grid-template-columns: 1fr 1fr 1fr;

  }

  .main-trending .trending-left,
  .main-trending .trending {
    width: 100%;
  }

  .how_to_buy .mian-right li p {
    padding-right: 30px;
  }

}
@media (max-width:720px) {
 .slider{
  height: 210px;
 }
   .car-list .car-body .wrap-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-column: 0.5rem;
    grid-row: .5rem;
  }
  .car-list .gird-items .top-info h5{
    font-size: 9px;
  }
}
@media (max-width:680px) {
 .slider{
  height: 190px;
 }

}
@media (max-width:600px) {
    .close_popup {
      width: 25px;
        height: 25px;
        bottom: 20px;
        font-size: 18px;
    }
     .slider{
  height: 180px;
 }
   .contain_header{
    padding: 0;
   }
     .img_popup {
        height: 18em;
    }
  /* cookie  */
  .cookie {
    .text-cookie {
      width: 70%;

      strong {
        font-size: 12px !important;
      }

      p {
        font-size: 11px;
      }
    }

    .btn-danger {
      padding: 4px 10px;
      font-size: 12px;
    }
  }

  /* car list  */
  .car-list .car-body .wrap-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column: 1rem;
    grid-row: 1rem;
  }

  .hide-subsequent-rows {
    grid-template-rows: 1fr;

    grid-auto-rows: auto;
    row-gap: .5rem;
  }

  /* seacher car  */
  .search-make .wrap-grid,
  .search-coutry .wrap-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .search-make .wrap-grid,
  .search-coutry .wrap-grid {
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 1rem;
  }

  /* Youtube Video  */

  .youtuble-feature {
    .title {
      margin-bottom: 0px;
    }

    .mainVideoBox {
      margin-top: 0px;
      height: 250px;
    }

    .VideopalyArea {
      width: 75%;
    }

    .mainVideoBox ul {
      width: 24%;
    }

    ul li h6 {
      font-size: 10px;
      margin-top: 2px;
    }
  }

  /* Testimonail  */
  .testmomail {
    display: block;
  }

  .grid-testerminal {
    width: 100%;
    margin-top: .8rem;
  }

  .main-testmomail {
    margin-top: 1rem;

    .head-testi {
      width: 100%;
      display: flex;
      justify-content: space-between;

      .description,
      .btn-review {
        display: none;
      }

      .see-more {
        display: flex;
        align-items: center;

        a {
          color: var(--main-color);
          letter-spacing: 0.5px;
          font-weight: 600;
          font-size: 11px;
        }
      }
    }

    .grid-testerminal .flag {
      font-size: 12px;

      img {
        width: 30px;
      }
    }
  }

  /* Why Choose Us  */

  .why-choose {
    display: block;
    margin-bottom: 1rem;

    .why-choose-left {
      width: 100%;

      .description,
      .btn-review {
        display: none;
      }

      h3 {
        font-size: 20px;
      }

    }

    .why-choose-right {
      width: 100%;
    }

  }

  .why-choose .why-choose-list a .main-img {
    width: 60% !important;
    height: 100px !important;
  }

  .why-choose .description {
    margin-left: .5rem;
  }

  /* How to busy  */
  .how_to_buy {
    margin-top: 1rem;
    gap: 0px;

    .mian-left {
      display: none;
    }

    .mian-right {
      width: 100%;
      margin-top: 0rem;
    }

  }

  /* find car  */
  .find-vechicle .find-left h3 {
    font-size: 20px;
  }

  .find-vechicle .find-left .btn-view-more {
    width: 80px;
    padding: 10px;
    line-height: 15px;
  }

  /* footer  */
  .footer-col-1 .footer-info img {
    width: 20px;
  }

  .sub-footer .footer-col-1 .footer-info span,
  .footer-col-2 span a,
  .footer-col-2 h3,
  .footer-col-1 .ft-com-name .sub-title,
  .footer-col-1 .ft-com-name .title,
  .footer-col-1 .sub-logo .sub-title1,
  .footer-col-1 .sub-logo .title,
  .footer-col-logo .jum-logo h3,
  .footer-col-logo .jum-logo h3:hover {
    font-size: 11px;
  }

  .sub-bottom-ft a {
    font-size: 11px;
  }


}

@media (max-width:600px) {


  /* car list  */
  .car-list .car-body .wrap-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr ;
    grid-column: 1rem;
  }

  /* seacher car  */
  .search-make .wrap-grid,
  .search-coutry .wrap-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .search-make .wrap-grid,
  .search-coutry .wrap-grid {
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 1rem;
  }

  /* Youtube Video  */

  .youtuble-feature {
    .title {
      margin-bottom: 0px;
    }

    .mainVideoBox {
      margin-top: 0px;
      height: 250px;
    }

    .VideopalyArea {
      width: 75%;
    }

    .mainVideoBox ul {
      width: 24%;
    }

    ul li h6 {
      font-size: 10px;
      margin-top: 2px;
    }
  }

  /* Testimonail  */
  .testmomail {
    display: block;
  }

  .grid-testerminal {
    width: 100%;
    margin-top: .8rem;
  }

  .main-testmomail {
    margin-top: 1rem;

    .head-testi {
      width: 100%;
      display: flex;
      justify-content: space-between;

      .description,
      .btn-review {
        display: none;
      }

      .see-more {
        display: flex;
        align-items: center;

        a {
          color: var(--main-color);
          letter-spacing: 0.5px;
          font-weight: 600;
          font-size: 11px;
        }
      }
    }

    .grid-testerminal .flag {
      font-size: 12px;

      img {
        width: 30px;
      }
    }
  }

  /* Why Choose Us  */

  .why-choose {
    display: block;
    margin-bottom: 1rem;

    .why-choose-left {
      width: 100%;

      .description,
      .btn-review {
        display: none;
      }

      h3 {
        font-size: 20px;
      }

    }

    .why-choose-right {
      width: 100%;
    }

  }

  /* How to busy  */
  .how_to_buy {
    margin-top: 1rem;
    gap: 0px;

    .mian-left {
      display: none;
    }

    .mian-right {
      width: 100%;
      margin-top: 0rem;
    }

  }

  /* find car  */
  .find-vechicle .find-left h3 {
    font-size: 20px;
  }

  .find-vechicle .find-left .btn-view-more {
    width: 80px;
    padding: 10px;
    line-height: 15px;
  }

  /* footer  */
  .footer-col-1 .footer-info img {
    width: 18px;
  }

  .sub-footer .footer-col-1 .footer-info span,
  .footer-col-2 span a,
  .footer-col-2 h3,
  .footer-col-1 .ft-com-name .sub-title,
  .footer-col-1 .ft-com-name .title,
  .footer-col-1 .sub-logo .sub-title1,
  .footer-col-1 .sub-logo .title,
  .footer-col-logo .jum-logo h3,
  .footer-col-logo .jum-logo h3:hover {
    font-size: 10px;
  }

  .sub-bottom-ft a {
    font-size: 10px;
  }

  .nav-nav {
    left: -13rem;
    width: 12rem;
    height: 50vh;
  }

  header nav ul li a,
  header nav ul li .phone_menu {
    font-size: 12px;
  }

  header nav .dropdown_menu {
    left: 12rem;
  }

  .change .menu {
    left: 1.7rem;
    position: absolute;

  }


}

@media (max-width:500px) {
      .slider{
  height: 150px;
 }
     .img_popup {
        height: 15em;
    }
    nav, .car-list, .search-make, .search-coutry, .main-trending, .youtuble-feature, .why-choose, .find-vechicle,
        .blogs,.dealer-stock,.all-vechicle,.car-detail,.car-dealer-detail,.how_to_buy_au,.contact_us,.search_car,.testimonial,.com_pro{
        padding-left:  .5rem !important;
        padding-right:  .5rem !important;
    }
  .cookie {
    padding: 0 .5rem;

    .text-cookie {
      width: 70%;

      strong {
        font-size: 11px !important;
      }

      p {
        font-size: 10px;
      }
    }

    .btn-danger {
      padding: 4px 8px;
      font-size: 11px;
    }
  }

  /* find make and country  */
  .search-make .gird-items .title,
  .search-coutry .gird-items .title {
    font-size: 11px;
  }

  .search-make .gird-items img,
  .search-coutry .gird-items img {
    width: 30px;
  }

  /* trending  */
  .main-trending .wrap-grid {
    grid-template-columns: 1fr 1fr;

  }

  /* testimonail  */
  .main-testmomail {
    & .head-testi {
      h3 {
        font-size: 18px;
      }

      & .see-more {
        a {
          font-size: 10px;
        }
      }

      img {
        width: 15px;
      }
    }

    .grid-testerminal .gird-tester .body {
      padding: 5px;
    }
  }

  /* Youtube  */
  .youtuble-feature {
    .mainVideoBox {
      height: 200px;
    }

    .VideopalyArea {
      width: 65.1%;
    }

    .mainVideoBox ul {
      width: 34%;
    }
  }

  /* Blogs  */
  .why-choose {
    & .why-choose-left {
      h3 {
        font-size: 18px;
      }
    }
  }

  /* How to buy  */
  .how_to_buy .mian-right {
    h5 {
      font-size: 18PX;
      margin-bottom: 5px;
    }
  }

  .how_to_buy .mian-right li p {
    padding-right: 10px;
    font-size: 12px;
  }

  .footer-col-logo .other-logo {
    display: block;

    .jum-logo {
      width: 90px;

      img {
        width: 50px !important;
        padding: 0px !important;
      }

      h3 {
        font-size: 10px;
      }
    }
  }

  .footer-col-1 .footer-info img {
    width: 11px;
  }

  .pagination {
    margin: .5rem !important;
    margin-bottom: 10px !important;
  }

  .pagination>li>a,
  .pagination>li>span {
    padding: 5px 14px !important;
    font-size: 11px !important;

  }

  .footer-col-1 .footer-info img {
    margin-right: 0.1rem;
  }

  .footer .sub-footer .main-footer {
    padding: 0 .2rem;
  }

  .cookie {
    .text-cookie {
      p {
        font-size: 11px !important;
      }
    }
  }

  .sub-bottom-ft {
    padding: 0 .2rem;

    a {
      font-size: 9px;
    }
  }

}

@media (max-width:400px) {
       .slider{
  height: 120px;
 }
   .img_popup {
        height: 13em;
    }
  nav {
    & .navbar-button {
      & .item {
        & a {
          img {
            width: 25px;
            height: 25px;
          }
        }
      }
    }

    header .log p {
      font-size: 9px;
    }
  }

  .cookie {
    height: 70px;

    .text-cookie {
      p {
        font-size: 9px !important;
      }
    }
  }

  .search-make .wrap-grid,
  .search-coutry .wrap-grid {
    column-gap: .2rem;
  }

  .search-make .gird-items .title,
  .search-coutry .gird-items .title {
    font-size: 10px;
  }

  .search-make .txt-count,
  .search-coutry .txt-count {
    font-size: 9px;
  }

  .footer-col-1 .logo .ft-com-name {
    line-height: 1;
  }

  .footer-col-1 .logo {
    a {
      width: 41%;
    }
  }

  .footer-col-logo .other-logo {
    & .jum-logo {
      img {
        width: 30px !important;
        padding: 0px !important;
      }
    }

    .jum-logo {
      width: 80px;
    }

    & .jum-logo {
      h3 {
        font-size: 9px;
      }
    }
  }

  .sub-footer .footer-col-1 .footer-info span,
  .footer-col-2 span a {
    font-size: 9px;
  }

}






/* loader  */

.selection-loader {

  width: 100%;

  height: 100%;

  position: fixed;

  left: 0;

  top: 0;

  display: flex;

  justify-content: center;

  align-items: center;

  min-height: 100vh;

  background: rgba(0, 0, 0, 0.357);

  z-index: 1000;

}



.loader-hidden {

  display: none;

}



.selection-loader .center {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);



}



.selection-loader .ring {

  width: 90px;

  height: 90px;

  border-radius: 50%;

  box-shadow: 0 5px 0 #2296D2;

  background: transparent;

  animation: animate 1.2s linear infinite;

}



.selection-loader .text {

  width: 90px;

  height: 90px;

  border-radius: 50%;

  color: #2296D2;

  position: absolute;

  left: 0;

  top: 0;

  text-align: center;

  display: flex;

  align-items: center;

  justify-content: center;

  line-height: 100px;

  /* background: black; */



}



.selection-loader .text img {

  width: 80px;

  height: 40px;

}



@keyframes animate {

  0% {

    transform: rotate(0deg);

  }



  100% {

    transform: rotate(360deg);

  }

}