#topTextBlock button#compare_car{
      color: #fff !important;
      background-color: #ff5a5f;
      border-color: #ff5a5f;
      font-family: 'itc-avant-garde-gothic-pro';
      font-size: 14px;
      font-weight: bold;
      display: inline-block;
      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;
  }

   .clear-filter-div-newcars{
       margin-top:8px;
       margin-left:6.5px;
       margin-bottom:15px;
  }

  @media screen and (min-width:1279px){
    #sortByBlock #sort{
       width:249px!important;
    }
  }


     @media screen and (max-width:349px){
        .usedCarsSearchSidebar .stylesFilterOptions .simpleLabel {
            position: relative!important;
            display: inline-block!important;
            width:49.3%!important;
            text-align: -webkit-center!important;
        }
        .carSpecificationItem{
            width:100%!important;
            flex:0 0 100%!important;
            display:inline-block!important;
        }

        #sortByBlock #sort{
          width: 178px!important;
          margin-left:0px!important;
        }

        .sortBox1 .selectIcon:before{
           left: 150px!important;
        }
    }

     @media screen and (min-width:350px) and (max-width:399px){
        #sortByBlock #sort{
          width:200px!important;
          margin-left:18px!important;
        }

        .sortBox1 .selectIcon:before{
           left:188px!important;
        }
    }



   @media screen and (min-width:400px) (max-width:450px){
        #sortByBlock #sort{
           margin-left:58px!important;
           width:210px!important;
        }

        .sortBox1 .selectIcon:before{
            left:240px!important;
          }
       }

    @media screen  (min-width:601px) and (max-width:767px){
        #sortByBlock #sort{
           width:210px!important;
        }

        .sortBox1 .selectIcon:before{
            left:152px!important;
        }
    }

        @media screen (min-width:500px) and (max-width:600px){
        #sortByBlock #sort{
          width:210px!important;
          margin-left:185px!important;
        }

        .sortBox1 .selectIcon:before{
           left:365px!important;
        }
    }


.compareIconAction .add_compare{
   color:#9d9d9d!important;
   font-size:16px;
   vertical-align: middle;
}

#listAndTileButtons{
   vertical-align:middle;
   display:inline-block;
}

div#coll-city .chosen-container:nth-child(2) {
 margin-bottom: 20px;

}

div#coll-make .chosen-container:nth-child(2) {
 margin-bottom: 20px;
}

div#headingOne {
    height:37px!important;
}

.usedCarsSearchSidebar .panel-group .panel .panel-title{line-height: 2.08 !important;}
div#coll-city p {
    margin-bottom: -20px !important;
}
div#coll-make .chosen-container:nth-child(2) {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}
.saveSearchControl{padding-left:11.5px !important;}





.usedCarsSearchResultsListing .pagination>.active>a{
    padding: 8.5px 18px!important;
}

input.form-control.headerSearchBox {
    border: none;
}

.modelsPanel .panel-title a{
   width:100%!important;
   display: block!important;
}

.listView .carSpecifications .svgIcon {
    position: absolute !important;
    display: inline-block !important;
    bottom: -8px ;
    object-fit: contain !important;
    opacity: 1 !important;
}

.carSpecifications span {
    margin-right: 3px !important;
    font-family: 'basic-sans' !important;
    font-size:14px !important;
    color: #000000 !important;
    font-weight: 600 !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: 1.4!important;
    letter-spacing: 0.5px !important;
    text-align: left !important;
}

.cylindersFilterOptions .checkbox.checkbox-danger:nth-child(5), .cylindersFilterOptions .checkbox.checkbox-danger:nth-child(6), .cylindersFilterOptions .checkbox.checkbox-danger:nth-child(7) {
    padding-left: 16px !important;
}

.filter-setting #advancedOptions{
    padding:12px 28px!important;
}

@media screen and (max-width:409px){
     #ucMainSearchSideBar .checkbox{
     padding-left: 34px!important;
     display: inline-block!important;
     width:100%!important;
     margin-bottom: 10px!important;
  }

  div#coll-4 .checkbox.checkbox-danger:nth-child(2) {
    padding-left:85px !important;
}
}

@media screen and (max-width:349px){
  .usedCarsSearchSidebar .stylesFilterOptions .simpleLabel {
    position: relative!important;
    display: inline-block!important;
    width:49.3%!important;
    text-align: -webkit-center!important;
  }

  div#coll-4 .checkbox.checkbox-danger:nth-child(2) {
    padding-left:65px !important;
}

   .carSpecificationItem{
      width:100%!important;
      flex:0 0 100%!important;
      display:inline-block!important;
   }

}



@media screen and (max-width:767px){
    span.values {
    padding-left:5px;
}
 /*  .filter-setting .row{
    display:b!important;
  } */

  .cylindersFilterOptions{
     display:block!important;
  }

  .doorsFilterOptions{
    display:block!important;
  }

  .stylesFilterOptions .col-md-12{
     width:100%!important;
  }


  .seller_type-row .col-md-12{
      width:100%!important;
  }



  #topTextBlock {
    margin-bottom: 10px;
}

.pagination>li {
    display: inherit;
}

.carTitle {
    color: #004369 !important;
    font-size:16px!important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-family: 'itc-avant-garde-gothic-pro';
    font-weight: bold;
    margin-top: 0px !important;
}

.listView .infoTwo {
    display: table-row;
    margin: 10px 0px;
}

  .filter-setting .row .col-md-6{
      width:50%!important;
  }

  .carDetails .col-md-9{
      padding-right: 0px!important;
  }

  #ucMainSearchSideBar .checkbox label{
     display:block!important;
  }

  .customFont1 .row:nth-child(2){
    margin: 0px!important;
  }

  .usedCarsSearchSidebar .stylesFilterOptions .simpleLabel {
     position: relative!important;
     display: inline-block!important;
     width:32.6%!important;
     text-align: -webkit-center!important;
   }

  .usedCarsSearchModule{
      margin-left:0px!important;
      margin-right:0px!important;
   }

  .usedCarsSearchModule .usedCarsSearchSidebar{
     width: 100%!important;
     padding-left:15px!important;
     padding-right:15px!important;
  }

  .usedCarsSearchModule .usedCarsSearchResultsListing{
      width:100%!important;
      padding-left:15px!important;
      padding-right:15px!important;
   }

   .usedCarsSearchResultsListing .title{
      margin-top:15px!important;
      margin-bottom:29px!important;
      line-height: 1.20 !important;
   }

   #ucMainSearchSideBar .checkbox {
     padding-left: 34px!important;
     display: inline-block!important;
     /* width:49%!important; */
     margin-bottom: 10px!important;
   }

  .usedCarsSearchSidebar .btn-block{
     margin-bottom:10px!important;
  }

  #advancedOptionss span{
    line-height:26px!important;
  }

  #advancedOptions {
    color: #fff!important;
    background-color: #7f8fa4!important;
    border-color: #7f8fa4!important;
    margin-left: -15px!important;
    margin-right:-15px!important;
    border-radius: 0px!important;
    box-shadow: unset !important;
    margin-top:10px!important;
    width:-webkit-fill-available!important;
    text-align: left!important;
    font-family: 'itc-avant-garde-gothic-pro'!important;
    font-size: 16px!important;
    font-weight: bold!important;
    height: 46px!important;
   }

   #topTagsBar{
     margin-top:35px!important;
   }

   #topTagsBar .col-md-3{
      margin-top:4px!important;
   }

   #topTagsBar .row div{
       width:100%!important;
       text-align:center!important;
       padding-right:33px!important;
   }

   #topTextBlock{
      width:100%!important;
   }

   #listAndTileButtons {
    width: max-content!important;
    margin-left: 15px!important;
    display: inline-flex!important;
    margin-right: 10px!important;
   }

   #sortByBlock {
    margin-right: 15px!important;
    width: auto!important;
    display: inline-flex!important;
    float: right!important;
  }

   #sortByBlock #sort {
    font-size: 14px !important;
    line-height: 1!important;
    padding: 6px 6px !important;
    height: 40px;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.13)!important;
    border: 0px !important;
    font-family: 'basic-sans'!important;
    color: #2c2c2c !important;
  }

  .sortBox1 .selectIcon:before {
    top: 5px !important;
    padding-left:7px!important;
  }

  .listView .usedCarImage{
    margin-bottom:25px!important;
    padding-left:15px!important;
  }

  .listView .featured-image-bottom-right{
     bottom: 9px!important;
     right: 25px!important;
  }

  .listView .usedCarImage .packageName{
     left:25px!important;
  }

   /*#results .row{
      margin-bottom:15px;
   }*/

   #gridList{
     margin-top:20px!important;
   }

   .listView .usedCarImage img{
      width:100%!important;
      height:100%!important;
   }

   .listView .carTitle{
      height:25px!important;
   }

   .carSpecificationItem{
      width:100%!important;
      flex:0 0 100%!important;
      display:inline-block!important;
   }

   .locationSection .location{
       line-height:3px!important;
       margin-bottom:18px!important;
       margin-top:10px!important;
    }

    .listView .usedCarBadges .list-items li{
        margin-bottom:8px!important;
    }

    .listView .rightSidePriceBlock{
       height:170px!important;
    }

    #emailSearchCriteria {
      text-align: center!important;
      display: flex!important;
      margin: 10px 10px!important;
    }

    .smartWayToSellCar{
       width:100%!important;
    }

    .sellCarText div:nth-child(2){
       text-align:center!important;
    }

    .sellCarText .text{
       text-align:center!important;
    }

    .smartWayToSellCar .sellYourCarButton{
       margin-top:0px!important;
       float:none!important;
    }

    .listView .infoTwo{
       text-align:center!important;
    }

    .usedCarBadges{
       margin-bottom:15px!important;
    }

  .listView .carSpecifications .kilometersInformation{
      padding-left:30px!important;
  }

  .listView .carSpecifications .specificationFirstCol:before{
     display:none!important;
  }

  .listView .priceInformation{
     padding: 14px 24px 6px!important!important;
  }

  .listView .rightSidePriceBlock .report{
    width:max-content!important;
  }

  .smartWayToSellCar .sellCarText{
     height:155px!important;
  }

  .smartWayToSellCar .heading h1{
     font-size:28px!important;
  }

  .smartWayToSellCar .text p{
     margin-top:10px!important;
  }


   .smartWayToSellCar{
      margin: 25px auto 0px!important;
   }


}


@media screen and (min-width:768px) and (max-width:899px){

  .usedCarsSearchModule{
      margin-left:0px!important;
      margin-right:0px!important;
   }

   body{
      margin-top:0px!important;
   }

   .logo {
      top: -3px!important;
   }


  .usedCarsSearchModule .usedCarsSearchSidebar{
     width: 100%!important;
     padding-left:15px!important;
     padding-right:15px!important;
  }

  .usedCarsSearchModule .usedCarsSearchResultsListing{
      width:100%!important;
      padding-left:15px!important;
      padding-right:15px!important;
   }

   .listView .carSpecifications .svgIcon{
   position: absolute !important;

    bottom: 20px !important;
    }

    span.svgIcon:nth-child(1) {
    top: 1px !important;
}

.filter-setting .row.ones {
    display: flex;
}
   .ones .col-md-6.col-md-6.col-lg-6 {
    width: 50%;
}


   /*#coll-make{
      display:none;
   }*/

   #ucMainSearchSideBar .checkbox {
    padding-left: 34px!important;
    display: inline-block!important;
    width:33%!important;
    margin-bottom: 10px!important;
  }

  .usedCarsSearchSidebar .btn-block{
     margin-bottom:10px!important;
  }

  #advancedOptions {
    color: #fff!important;
    background-color: #7f8fa4!important;
    border-color: #7f8fa4!important;
    margin-left: -15px!important;
    margin-right:-15px!important;
    border-radius: 0px!important;
    box-shadow: unset !important;
    margin-top:10px!important;
    width:-webkit-fill-available!important;
    text-align: left!important;
    font-family: 'itc-avant-garde-gothic-pro'!important;
    font-size: 16px!important;
    font-weight: bold!important;
    height: 46px!important;
   }

   #topTagsBar .row div{
       width:50%!important;
       text-align:right!important;
       padding-right:33px!important;
   }

   #topTextBlock{
      width:50%!important;
   }

   #sortByBlock #sort {
    font-size: 14px !important;
    line-height: 1!important;
    width:201px !important;
    padding: 6px 6px !important;
    height: 40px!important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.13)!important;
    border: 0px !important;
    font-family: 'basic-sans'!important;
    color: #2c2c2c !important!important;
  }

  .sortBox1 .selectIcon:before {
    top:5px !important;
    right:7px!important;
    padding-left:7px!important;
   }

   .listView .featured-image-bottom-right{
      right:25px!important;
   }

   /*#results .row{
      margin-bottom:15px;
   }*/


   #gridList{
     margin-top:20px!important;
   }

   /* #gridList .productListing{
      width:40%!important;
   }  */
   .filter-setting .row.ones {
    display: flex;
}
   .ones .col-md-6.col-md-6.col-lg-6 {
    width: 50%;
}

   .listView .usedCarImage{
      padding-left:10px!important;
      padding-right: 0px!important;
   }

   .listView .usedCarImage img{
      width: 100%!important;
      /* object-fit: cover!important; */
   }

   .listView .locationSection{
      padding-left:8px!important;
   }

   .listView .usedCarBadges{
      padding-left:8px!important;
   }

   .listView .carTitle{
      height:16px!important;
   }

   .carSpecificationItem{
      width:50%!important;
      flex:0 0 100%!important;
   }

  .listView .carSpecifications .kilometersInformation{
      padding-left:30px!important;
  }

  .listView .carSpecifications .specificationFirstCol:before{
     display:none!important;
  }

  .listView .priceInformation{
     padding: 14px 24px 6px!important;
  }

  .listView .rightSidePriceBlock .report{
    width:max-content!important;
  }

  .smartWayToSellCar .sellCarText{
     height:180px!important;
  }

   .smartWayToSellCar{
      margin: 25px auto 0px!important;
   }

}


@media screen and (min-width:900px){
  .row.doorsFilterOptions .checkbox:nth-child(n+3){
     padding-left:15px!important;
  }
}


@media screen and (min-width:900px) and (max-width:1240px){

    .no-padding{
       padding:0px 15px!important;
    }

    #emailSearchCriteria {
      text-align: center!important;
      justify-content: center!important;
      width: 100%!important;
      margin-bottom: 20px;
      margin-top: 20px;
     }

     .pagination{
        text-align: center!important;
       justify-content:center!important;
     }

    .smartWayToSellCar .sellCarText{
       height:210px!important;
    }

    #topTagsBar{
      margin-top:18px!important;
    }

    .col-md-6.col-md-6.col-lg-6 {
    width: 50% !important;
}

.usedCarsSearchResultsListing {
    padding-left: 5px !important;
}

.usedCarsSearchSidebar {
    width: 325px !important ;
}

.infoTwo .priceInformation:nth-child(n+1) {

    padding: 14px 15px 6px !important;
}

/* .usedCarsSearchModule {
    display: flex !important;
} */

#ucMainSearchSideBar .checkbox {
    padding-left: 34px;
    width: max-content!important;
    display: inline-block!important;
    margin-bottom:8px!important;
}

.filter-setting .row.ones {
    display: flex;
}
   .ones .col-md-6.col-md-6.col-lg-6 {
    width: 50%;
}

.listView .carSpecifications .svgIcon{
   position: absolute !important;

    bottom: 20px !important;
    }

    span.svgIcon:nth-child(1) {
    top: 1px !important;
}

    #topTextBlock{
       width:53%!important;
    }

    #topTagsBar .row .col-md-9{
       width:30%!important;
    }

     #topTagsBar .row .col-md-3{
       width:67%!important;
       text-align:right!important;
    }

    #listAndTileButtons {
     width: max-content!important;
     margin-left: 15px!important;
     display: inline-flex!important;
     margin-right: 10px!important;
   }

   #sortByBlock #sort{
      width:186px!important;
   }

   .sortBox1 .selectIcon:before{
      top: 4px !important;
      padding-left: 7px!important;
      right: 1px!important;
    }

    .listView .carTitle{
       height:16px!important;
    }

    .carDetails .col-md-9 .row .col-md-7{
       padding:0px!important;
    }

    .listView .carSpecifications .kilometersInformation{
       padding-left:28px!important;
    }

    .listView .carSpecifications .text{
       padding-left:28px!important;
    }

    .listView .carSpecifications .specificationFirstCol:before {
      content: ""!important;
      display: inline-block!important;
      right: 0!important;
      width: 0!important;
      height: 87%!important;
      position: absolute!important;
      border: 1px solid #eeeeee!important;
      top:1px!important;
      right:9%!important;
     }

     .listView .infoTwo{
       text-align:center!important;
     }

     .listView .rightSidePriceBlock{
        padding: 0px 4px!important;
     }

     .listView .priceInformation {
       padding: 14px 18px 6px !important;
    }

    .listView .rightSidePriceBlock .report {
      position: absolute!important;
      top: 33px!important;
      background: #fff!important;
      font-size: 11px!important;
      width: 85%!important;
      right: 3px!important;
      font-family: 'basic-sans'!important;
      color: #9d9d9d!important;
      text-decoration: underline!important;
     }

     .listView .usedCarImage{
      padding-left:10px!important;
      padding-right:10px!important;
   }

   .listView .usedCarImage img{
      width: 100%!important;
      /* object-fit: cover!important; */
    }

   .listView .locationSection{
      padding-left:8px!important;
    }

   .listView .usedCarBadges{
      padding-left:8px!important;
    }

}
@media(max-width: 767px){.doorsFilterOptions .checkbox.checkbox-danger:nth-child(2), .doorsFilterOptions .checkbox.checkbox-danger:nth-child(4){
    padding-left: 34px !important;
}
}

.form-control{
   height:37px;
}




/* compared div css */
.compare_main_div{
    display:block;
    position:fixed;
    bottom:0px;
    right:242px;
    z-index:9;
}
.div111{
    position:relative;
    min-width:750px;
    height:auto;
    left:0px;
    text-align:right;
}
.compare_main_div .div111 button.btn.btn-info.comparedd{
    background:#333;
    border:1px solid #333;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px ;
    padding:3px 35px;
}
#compareTray{
    position: fixed;
    bottom: 0px;
    right: 25%;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    height:290px;
    left: auto;
    right: 232px;
    transition:bottom .2s cubic-bezier(.785,.135,.15,.86);
}
.compare-tray .compare-tray__btn-container:first-child {
    position: relative;
    width: 50%;
    height: 40px;
    bottom: 0;
}
.compare-tray .compare-tray__btn-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.compare-tray .compare-tray__content{
    display: flex;
    height: 100%;
    width: 100%;
}
.compare-tray .compare-tray__content--compare-state {
    height: 100%;
    width: 100%;
}
.compare-tray .compare-tray__content__empty-cards{
    padding-top: 142px;
    height: 156px;
    left: 24px;
    max-width: none;
    padding-top: 0;
    top: 24px;
}
.compare-tray .compare-tray__toggle-btn {
    padding-left: 35px;
    padding-right: 35px;
    color: #fff;
    width: auto;
    background-color: #333;
    border-radius: 8px 8px 0 0;
    border: none;
    margin: unset;
    transition: none;
    height: 36px;
    display: flex;
    padding-top: 7px;
    justify-content: center;
    font-family: inherit;
}
.compare-tray .compare-tray__toggle-btn__icon {
    height: 20px;
    margin-right: 8px;
    width: 20px;
}
.cui-icon{
    display: inline;
}
.compare-tray .compare-tray__toggle-btn__num-selected {
    margin-left: 8px;
    margin-right: 4px;
}
.compare-tray .compare-tray__panel {
    background-color: #333;
    /* width:700px; */
    min-height:300px;
}
.compare-tray .compare-tray__content__empty-cards .compare-card--empty {
    background-color: transparent;
    border: 2px dashed #BFBFBF;
    box-shadow: none;
    margin-left: 0;
    margin-right: 24px;
    width: 156px;
    float: left;
    height: 194px;
    margin-bottom: 24px;
    position: relative;
}
.compare-tray .compare-tray__content__cards, .compare-tray .compare-tray__content__empty-cards {
    height: 156px;
    left: 24px;
    max-width: none;
    padding-top: 0;
    top:90px;
    flex-wrap: wrap;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 100%;
}
.compare-tray .compare-card {
    margin-left: 0;
    width:162px;
    box-shadow: none;
    margin-right: 16px;
    background-color: #fff;
    float: left;
    height: 194px;
    margin-bottom: 24px;
    position: relative;
}
.compare-tray .compare-card__close-btn{
    background-color: #fff;
    border: 1px solid #333;
    border-radius: 100%;
    cursor: pointer;
    fill: #333;
    height: 24px;
    padding-top: 2px;
    position: absolute;
    right: -6px;
    top: -6px;
    text-align: center;
    user-select: none;
    width: 24px;
}
.compare-tray .compare-card__container .image-container {
    display: block;
    height: 104px;
    max-width: 100%;
}
.compare-tray .compare-card__container .image-container__image{
    width:100%;
}
.compare-tray .compare-card__container .copy-container {
    padding: 16px 8px;
    max-width: 100%
}
.compare-tray .compare-card__title {
    color: #333;
    font-size: 14px;
    line-height: 1.3em;
    text-align: left;
}
.compare-tray .compare-tray__btn-container--last-container {
    height: 30%;
    align-items: center;
    width: 100%;
    max-width: none;
    background-color: #333;
    color: #fff;
    z-index: 1;
    justify-content: flex-start;
    margin-top: 18px;
}
.compare-tray .compare-tray__btn-compare-state {
    background-color: #A400B4;
    appearance: none;
    border-radius: 2px;
    background: #AED622;
    transition: .5s ease;
    border: 1px solid #93A533;
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    margin: 0;
    padding: 11px 15px;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
}
.compare-tray .cui-button {
    border-radius: 30px;
}
.compare-tray .compare-card__close-btn__icon{
    display: block;
    position: relative;
}
.compare-tray .compare-card__close-btn__icon i{
    font-size:18px;
}
#compare_tray_p .compare-tray__content--initial-state{
    display:grid;
    color:#ffffff;
    font-size:18px;
    text-align: center;
    position: relative;
    top:65px;
}
#compare_tray_p .compare-tray__content--initial-state span .fa.fa-car{
    font-size:50px;
}
#compare-tray .compare-card__close-btn__icon{
    color:#000000;
}
#compare_tray_p .compare-tray__content--initial-state .compare-tray__btn-initial-state {
    background-color: #ff5a5f;
    border-radius: 30px;
    border: 0;
    width:156px;
    margin: 0 auto;
    padding: 1.1rem 3.5rem;
    font-family: inherit;
}