.vehicle-list .container{ position: relative; }
.vehicle-desc li:before{content: '';background: #727C8E;width: 8px;height: 8px;position: absolute;top: 3px;right: 10px;border-radius: 100%;}
.vehicle-desc li:last-child:before{display: none;}
.fuel-type input[type=checkbox]+label:before{display: none;}
.fuel-type input[type=checkbox]+label{ left:-18px; }
.fuel-type input[type=checkbox]:checked + label{ color: #EB1C2C; }
.vehicle-type input[type="checkbox"]:checked + label img{ filter:invert(0) sepia(20%) saturate(1935%) hue-rotate(305deg) brightness(80%) contrast(137%); }
.filtered-char-block{background-color: #17181C;    margin-top: 0px;
  margin-right: -15px;
  margin-left: -15px;}
.selected-title-div{ display: flex; justify-content: space-between;    padding: 10px;
  margin: 0;
  background: #000;}
.selected-txt{ font: 700 18px/20px 'Archivo';letter-spacing: -0.72px;color: #FFFFFF; }
.selected-title-div a{ font: 400 14px/19px 'Nunito';letter-spacing: 0;color: #FFFFFF;  }
.filter-block{background: #23252A;}
.filter-head-type{ font: 700 14px/19px 'Nunito';letter-spacing: 0;color: #FFFFFF;text-transform: uppercase; }
.filter-common{ border-bottom: 1px solid #FFFFFF; padding: 12px 10px 15px }
.filter-tag-div{ display: flex; margin: 10px 0 0; flex-wrap: wrap; }
.filter-tag{font: 400 12px/16px 'Nunito';letter-spacing: 0;color: #000000; display: flex; justify-content: space-between;margin: 0 5px 5px 0; background: #E0E0E0; padding: 5px 10px; border-radius: 5px;align-items: center;}
.filter-tag a{ margin: 2px 0 0 5px;  }
.filter-block .filter-common:last-child{border-bottom: none;}

.pagination{display: flex;justify-content: center;margin:15px 0;}
.pagination a{display: flex;justify-content: center;align-items: center;width: 30px;height: 30px;border:#21A1B1 solid 1px;border-radius: 4px;font: 600 16px/22px 'Nunito';letter-spacing: 0;
color: #21A1B1;opacity: 1;margin: 0 5px;}
.pagination a:hover,.pagination a:hover svg,.pagination .active,.pagination .active svg{background: #21A1B1;color: white;fill:white;}

/*ad-section*/
.ad-section, .top-ad-section {text-align: center;}
.add-center {display: inline-block;}
.grid-right .ad-section {margin-bottom: 20px}
/*ad-section*/


/*most-popular*/
.most-pop-wrap {background: #0B0C0E;padding: 15px;margin-bottom: 23px;}
.most-pop-wrap .copyt {font-size: 14px;color: #DDDDDD;font-weight: 400;line-height: 1.22;margin-bottom: 8px;opacity: 1;}
.most-pop-wrap li {padding-bottom: 15px;border-bottom: 1px solid #7C7C7C;opacity: 0.8;margin-bottom: 15px;}
.most-pop-wrap li:last-child {padding-bottom: 15px;border-bottom: 0 solid #ddd;opacity: 0.8;margin-bottom: 15px;}
/*most-popular*/


.compare-div-block{ background: #fff; border-radius: 20px 20px 0 0; padding: 30px 20px; max-width: 70%; margin: 0 auto;-webkit-box-shadow: inset 0px -14px 18px -1px rgba(0,0,0,0.53); 
  box-shadow: inset 0px -14px 18px -1px rgba(0,0,0,0.53);position: absolute;bottom: 0;left:0;right:0; }
  .comp-title-div{ display: flex; justify-content: space-between;  }
  .compare-block-grid{ display: flex; margin: 20px 0 0; }
  .compare-cell{ width: 33%; }
  .compare-title{ font: 700 25px/25px 'Archivo';letter-spacing: -1.25px;color: rgba(0, 0, 0, 1);}
  .compare-details{ display: flex; align-items: center; }
  .compare-details img{ border-radius: 5px; min-width:140px; }
  .compare-details a{font: 700 18px/18px 'Nunito';letter-spacing: 0;color: rgba(0, 0, 0, 1);margin: 0 10px 0 0;}
  .delete-div a{ font: 400 12px/17px 'Nunito';letter-spacing: 0;color: rgba(255, 51, 51, 1); display: flex; align-items: center; }
  .delete-div{ margin: 10px 0 0; }
  .delete-div svg{ margin: 0 0 0 5px; }
  .compare-button{margin: 15px 0; text-align: center; }
  .pop-compare-btn{ font: 900 16px/22px 'Nunito';letter-spacing: 0;color: rgba(255, 255, 255, 1); display: inline-block;background: rgba(33, 161, 177, 1);text-transform: uppercase; padding: 10px 35px; border-radius: 7px; }


@media screen and (max-width: 800px){
  .compare-top{position: initial; margin: 15px 0;}
.vehicle-desc li{padding-right: 20px;margin: 5px;}
.pagination a{width: 27px; height: 27px;}
.vehicle-desc li:before{ right: 5px; }
.vehicle-details img{ width: 140px; }
.vehicle-desc{flex-wrap: wrap;}
.compare-div-block{max-width: 100%;}
.compare-block-grid{flex-wrap: wrap; justify-content: space-between;}
.compare-cell{ width: 45%;margin: 10px 0;}
.compare-cell img{ max-width: 100%; min-width: 120px; }
.compare-details{flex-direction: column;}
}


@media screen and (max-width: 480px){
  .vehicle-details{padding: 0;}
  .vehicle-details img{ width: 100%; }
  .vehicle-details a {
   
    flex-wrap: wrap;
    justify-content: center;
  }
  .vehicle-info .vehicle-name {
  
    text-align: center;
  }
  .vehicle-desc{flex-wrap: wrap; justify-content: center;}
  }