/* Map Slider*/

.reserchDiv .banner-slider {    
   display: flex;
   gap: 24px;
   background: #F0F0F0;
   margin-left: 13%;
   justify-content: space-between;
   border-radius: 16px;
  }

 .slider-banner-image img {  width: 100% !important;}
 .reserchDiv .mapRht { width: 50%; text-align: left;     height: 100%; }

 .reserchDiv .mapLft {
  width: 50%;
  height: 230px;
  overflow: hidden;
  padding: 0;
  border-radius: 10px;
}
 
  .reserchDiv .mapLft img { height: 100%; width: 100%; object-fit: cover;  }
  .reserchDiv .mapRht h3 { font-size: 16px; color: #6E6F69; text-transform: uppercase; font-weight: 600; margin-bottom: 15px; }
  .reserchDiv .mapRht p { font-size: 16px; color: #6E6F69; }
  .reserchDiv .mapRht a { font-size: 14px; color: #FF8B45; }

  .reserchDiv .thumbnail-image span {    
   border: 1px solid #ccc;
   box-shadow: 2px 0 0 0 #ccc;
   padding: 10px;
   border-radius: 10px;
   margin-bottom: 10px;
   background: #fff;
   width: 100%;
 } 

 .vehicle-detail-banner {     
   overflow: hidden;
   height: 560px;
 }

 .slider-nav .slick-slide { height: 300px !important; } 
 .banner-slider {
   display: flex;
   gap: 24px;
 }
 .slider-nav { width: 30% !important; }
 .slider-for { width: 70% !important; }
 .slick-list  { width: 100% !important; }
 .slick-track { width: 100% !important; }
 .slick-initialized .slick-slide { width: 100% !important; }
 .slider-banner-image { 
   width: 100% !important;
   text-align: right;
   float: right;
   display: flex !important;
   justify-content: end;
 }
 .slider-for .slick-track { width: 100% !important; }
 .slider-for .slick-slide {
 
 }
 
 
 .slider-for .slick-slide.slick-current.slick-active {     } 
 
 .reserchDiv .slick-prev {  
   background: url(../images/slide-aro1.png) no-repeat !important;
   width: 75px;
   height: 66px;
   position: absolute;
   left: 42%;
   top: 13px;
  }
 
 .reserchDiv .slick-next {
   background: url(../images/slide-aro2.png) no-repeat !important;
   width: 75px;
   height: 66px;
   position: absolute;
   left: 41%;
   top: 46%;
 } 
 
 .reserchDiv h2 {
  padding-left: 13%;
  margin-bottom: 25px !important;
}

.reserchDiv { padding:40px 0; }

  
 /*USE CSS for Slider*/
 .new {
   background: red;
   width: 100%;
   height: 700px;
 }
 .vehicle-detail-banner .car-slider-desc {
 
 }
 .banner-slider .slider.slider-for {
  width: 60% !important;
 }
 
 .banner-slider .slider.slider-for, .banner-slider .slider.slider-nav {

 }
 
 .banner-slider .slider.slider-nav {
  overflow: hidden;
  padding: 40px 0 30px 0;
  margin-left: -15%;
  width: 50% !important;
  display: inline-block;
 }
 
 .slider-banner-image {
 
 }
 
 .slider-nav .slick-slide.thumbnail-image .thumbImg {
   max-width: 178px;
   height: 110px;
   margin: 0 auto;
   border: 1px solid #ebebeb;
 }
 
 .slider-banner-image img {
  width: 680px !important;
  height: 100%;
}
  .slider-nav .slick-list {
    height: 100% !important;
    margin-top: 20px;
}

 .slick-vertical .slick-slide:active, .slick-vertical .slick-slide:focus, .slick-arrow:hover, .slick-arrow:focus {
   border: 0;
   outline: 0;
 }
 .slider-nav .slick-slide.slick-current.thumbnail-image .thumbImg {
   border: 2px solid #196db6;
 }
 .slider-nav .slick-slide.slick-current span {
  border: 1px solid #FF8B45;
  margin-top: 1px;
 }

 .slider-nav .slick-slide {
   text-align: center;
   height: auto !important;
 }
 .slider-nav .slick-slide span {
   display: block;
 
 }
 .slick-arrow {
   width: 100%;
   background-color: transparent;
   border: 0;
   background-position: center;
   background-repeat: no-repeat;
   font-size: 0;
   height: 18px;
   position: absolute;
   left: 0;
   right: 0;
   z-index: 99;
 }
 /*End USE CSS for Slider*/ 
 
 @media screen and (max-width: 991px) {
   .banner-slider .slider.slider-for, .banner-slider .slider.slider-nav {
     max-width: 100%;
     float: none;
  } 
   
  .mapmblDiv { background:#fff !important; } 
  
  .reserchDiv {
    margin-bottom: 40px; 
  } 
  
  .reserchDiv { overflow: hidden; } 

   .banner-slider .slider.slider-for { 
     padding-right: 0; 
  } 
   .banner-slider .slider.slider-nav {
     height: auto;
  }
   .slider-banner-image {
     height: 500px;
  }
   .slider.slider-nav.thumb-image {
     padding: 10px 30px 0;
  }
   .slider-nav .slick-slide span {
     padding: 5px 0;
  }
   .vehicle-detail-banner .car-slider-desc {
     max-width: 340px;
  }
   .bid-tag {
     padding: 10px 0 15px;
  }
   .slider.slider-nav.thumb-image {
     white-space: nowrap;
  }
   .thumbnail-image.slick-slide {
     padding: 0px 5px;
     min-width: 75px;
     display: inline-block;
     float: none;
  }
 }
 @media screen and (max-width: 767px) {
   .slider-banner-image {
     height: 400px;
  }
   .slider.slider-nav.thumb-image {
     padding: 0px 20px 0;
     margin: 10px 0px 0;
  }
   .slider-nav .slick-slide.thumbnail-image .thumbImg {
     max-width: 140px;
     height: 80px;
  }
   .slick-prev.slick-arrow {
     background-position: center 10px;
  }
   .slick-next.slick-arrow {
     background-position: center 10px, center;
  }
   .slider-nav .slick-slide span {
     font-size: 12px;
     white-space: normal;
  }

  .reserchDiv h2 {
    margin-bottom: 0 !important;
    margin-top: 25px !important;
 }

 .scrollable-wrapper {
  transform: translateY(0px);
}



 }
 @media screen and (max-width: 580px) {
   .slider-banner-image {
     height: 340px;
  }
 }
 @media screen and (max-width: 480px) {
   .slider-banner-image {
     height: 280px;
  }
 }
 
 
 @media screen and (max-width : 991px) {
 
 .banner-slider .slider.slider-for,
 .banner-slider .slider.slider-nav {
     max-width: 100%;
     float: none;
 }
 .banner-slider .slider.slider-for {
   padding-right: 0;
 }
 .banner-slider .slider.slider-nav {
   height: auto;
 }
 .slider-banner-image {
     height: 500px;
 } 
 .slider.slider-nav.thumb-image {
       padding: 10px 30px 0;
 }
 .slider-nav .slick-slide span {
   padding: 5px 0;
 }
 .slick-arrow {
   padding: 0;
     width: 30px;
     height: 30px;
     top: 50%;
     bottom: 0;
     -webkit-transform: translateY(-50%) rotate(-90deg);
     -moz-transform: translateY(-50%) rotate(-90deg);
     -ms-transform: translateY(-50%) rotate(-90deg);
     transform: translateY(-50%) rotate(-90deg);
 }
 .slick-prev {
     left: 0;
     right: unset;
 }
 .slick-next {
     left: unset;
     right: 0;
      background-color: transparent;
 }
 .vehicle-detail-banner .car-slider-desc {
     max-width: 340px;
 }
 .bid-tag {
     padding: 10px 0 15px;
 }
 .slider.slider-nav.thumb-image {
    white-space: nowrap;
 }
 .thumbnail-image.slick-slide {
   padding: 0px 5px;
   min-width: 75px;
   display: inline-block;
   float: none;
 }
 }
 
 @media screen and (max-width : 767px) {
 .slider-banner-image {
     height: 400px;
 }
 .slider.slider-nav.thumb-image {
     padding: 0px 20px 0;
     margin: 10px 0px 0;
 }
 .slider-nav .slick-slide.thumbnail-image .thumbImg {
   max-width: 140px;
   height: 80px;
 }
 .slick-prev.slick-arrow {
     background-position: center 10px;
 }
 .slick-next.slick-arrow {
     background-position: center 10px, center;
 }
 .slider-nav .slick-slide span {
     font-size: 12px;
     white-space: normal;
 }
 }
 
 @media screen and (max-width: 580px) {
 .slider-banner-image {
     height:340px;
 }
 }
 
 @media screen and (max-width : 480px) {
 .slider-banner-image {
     height:280px;
 }
 }