.gauto-cars-area .btn-dark{
  background: #000;
  border-color:#000;
  width: 100%;
  border-radius: 0;
  color:#fff;
}
.gauto-cars-area .btn-dark:hover{
  background: transparent;
  border-color:#000;
  color: #000;
}
.car-detail-features .card p{
    border-bottom:1px solid #e5e5e5;
}
.phone-contact-btn{
    color: #000;
    background: transparent;
    border-width: 2px;
    border-style: solid;
    border-color: #000;
    position: relative;
    margin: 1em 0;
    display: inline-block;
    padding: 8px 15px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    width:100%;
}
.phone-contact-btn:hover{
    color: #fff;
    background: #000;
}
.cars-contact-btn{
    color: #fff;
    background-color:#000;
    border-width: 2px;
    border-style: solid;
    border-color: #000;
    position: relative;
    margin-top:1em;
    display: inline-block;
    padding: 8px 15px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    width:100%;
}
.cars-contact-btn:hover{
    cursor: pointer;
    color: #000;
    background-color:transparent;
}
.cars-share-btn{
    color: #fff;
    background-color:#ff0305;
    border-width: 2px;
    border-style: solid;
    border-color: #ff0305;
    position: relative;
    display: inline-block;
    padding: 8px 15px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    width:100%;
}
.cars-share-btn:hover{
    color: #ff0305;
    background-color:transparent;
}
.vehicle-contact-frm .btn-danger{
  width: 100%;
  border-radius: 0;
  color:#fff;
  background: #ff0305;
  border-color:#ff0305;
}
.detail-contact-btn .modal-footer .btn-dark{
  color:#fff;
  background: #000;
  border-color: #000;
}
.login-btn .badge-danger{
    font-size: 14px;
    margin-left: 10px;
}
.login-btn .badge-success{
    font-size: 14px;
    margin-left: 10px;
}
.green-line{
    width: 18%;border-style: solid;color: #008000;border-width: 2px;margin:5px;border-top:0;
}
.white-line{
    width: 18%;border-style: solid;color: #ffffff;border-width: 2px;margin:5px;border-top:0;
}
.red-line{
    width: 18%;border-style: solid;color: #ff0000;border-width: 2px;margin:5px;border-top:0;
}
.gauto-main-header-area .logo-text{
    text-transform: uppercase;
    font-family: "Lora", serif;
    font-size: 3.5rem;
}
.gauto-main-slide{
    height: 640px;
    margin-top:150px;
}
.dropdown-menu.show {
    background: #000;
    left:75px !important;
}
.contact-links .dropdown:hover{
    cursor:pointer;
}
/*-------website social button---------*/
.social {
    position: fixed;
    right: 0;
    top: 290px;
    z-index: 100;
}
.social ul {
    list-style: none;
}
.social ul li a {
    display: inline-block;
    width: 50px;
    color: #fff;
    background: #000;
    padding: 10px 15px;
    text-decoration: none;
    transition: all 0.5s ease;
}
.social ul li .icon-whatsapp {
    background: #25D366;
    font-size: 24px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
.social ul li a:hover {
    padding: 10px 40px;
    background: #000;
    color: #fff;
    }
/*----------------*/
/***home-cars-slider start***/
.gauto-cars-area .owl-carousel .owl-nav button.owl-prev,
.gauto-cars-area .owl-carousel .owl-nav button.owl-prev,
.gauto-cars-area .owl-carousel button.owl-dot.owl-nav {
  position: absolute;
  left: 0px;
  top: 30%;
  background-color: #212529 !important;
  display: block;
  padding: 0 .2em !important;
  font-size: 3em;
  margin: 0;
  cursor: pointer;
  color: #fff;
  transform: translate(-50%, -50%);
}

.gauto-cars-area .owl-carousel .owl-nav button.owl-next,
.gauto-cars-area .owl-carousel .owl-nav button.owl-next,
.gauto-cars-area .owl-carousel button.owl-dot.owl-nav {
    position: absolute;
    right: -50px;
    top: 30%;
    background-color: #212529 !important;
    display: block ;
    padding: 0 .2em !important;
    font-size: 3em ;
    margin: 0;
    cursor: pointer;
    color: #fff;
    transform: translate(-50%, -50%);
}
/***home-cars-slider end***/

.search-car-area{
    padding-top: 50px;
}
.search-car-area .nice-select{
    width: 100%;
    border-radius: 0;
    height: 46px;
    line-height: 44px;
}
.search-car-area .nice-select .list{
    width: 100%;
}
.search-car-area .find-car-btn{
    margin-top: 34px;
}

.site-logo img{
  width: 40%;
}
.gauto-cars-area .container-fluid{
  padding-left: 60px;
  padding-right: 60px;
}
.gauto-cars-area .card{
  border:none;
  margin-bottom:20px;
}
.gauto-cars-area .card img{
  width:100%;
  /*height: 300px;*/
  height:auto;
}
.gauto-cars-area .card h5{
  color:#000;
  margin-top: 10px;
  font-size:1.5em;
  font-weight: 500;
  margin-bottom: 10px;
}
.gauto-cars-area .card h5 a{
    color:#000;
}
.gauto-cars-area .card p{
  font-size: 15px;
  line-height: 1.5rem !important;
  font-weight: 400;
  color:#555;
  margin-bottom: 10px;
}
.gauto-cars-area .card span{
  margin: 0;
  color: #000;
  font-weight: 500;
  font-size: 18px;
}
.gauto-cars-area .card .features{
  color: #000;
  font-size: 13px;
  letter-spacing: 0;
  font-weight: 500;
  font-weight: 500;
}
.gauto-promo-area p{
  color:#fff;
  font-size: 15px;
}
.gauto-main-header-area .social-links ul li a i{
  font-size:17px;
  color:#fff;
  margin-left: 10px;
}
.gauto-main-header-area .social-links ul li,
.gauto-main-header-area .contact-links ul li a
{
  color:#fff;
}
.gauto-main-header-area .social-links,
.gauto-main-header-area .contact-links
{
  padding:20px 0;
}
/*.gauto-main-header-area .contact-links ul{
  display: flex;
}*/
.gauto-main-header-area .contact-links ul li{
  margin-right: 10px;
}
.read-btn{
  color:#000;
  border-color:#000;
}
.read-btn:hover{
  background-color: #000;
  border-color:#000;
}
.flag{
  width: 25px;
}
.mainmenu ul li ul li a{
  text-align: left;
  background: #000;
  color: #fff;
}
@media screen and (max-width:991px){
     /*.gauto-main-header-area .contact-links ul{
        display: block;
    }*/
    .gauto-main-header-area .social-links,
      .gauto-main-header-area .contact-links
    {
        padding:5px 0;
    }
    .site-logo img{
        width: 100%;
    }
    .gauto-main-header-area .logo-text{
        font-size: 2.5rem;
    }
    .gauto-mainmenu-area{
        top:70px;
    }
    .gauto-main-slide{
        margin-top:100px;
    }
    .gauto-responsive-menu .fa-angle-down{
        display:none;
    }
}
@media screen and (max-width:930px){
    .gauto-main-header-area .logo-text{
        font-size: 2rem;
    }
}
@media screen and (max-width:768px){
    .search-car-area .find-car-btn{
        margin-top: 10px;
    }

    .gauto-main-header-area .left-area,
    .gauto-main-header-area .right-area{
        text-align:center !important;
    }
    .gauto-mainmenu-area{
        top:130px;
    }
    .dropdown-menu.show {
        left:0px !important;
    }
}

@media screen and (max-width:576px){
  /*.gauto-main-header-area .social-links,
  .gauto-main-header-area .contact-links
  {
    display: none;
  }*/

  .gauto-cars-area .card img{
    height: 200px;
  }
  .gauto-cars-area .owl-carousel .owl-nav button.owl-prev,
  .gauto-cars-area .owl-carousel .owl-nav button.owl-prev,
  .gauto-cars-area .owl-carousel button.owl-dot.owl-nav {
    top: 20%;
    font-size:2.5em;
  }

  .gauto-cars-area .owl-carousel .owl-nav button.owl-next,
  .gauto-cars-area .owl-carousel .owl-nav button.owl-next,
  .gauto-cars-area .owl-carousel button.owl-dot.owl-nav {
      top: 20%;
      font-size:2.5em;
      right: -40px;
  }
}
/****quantity input****/
.quantity {
  display: inline-flex;
  border: 2px solid #000;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin-top: 15px;
}

.quantity button {
  background-color: #000;
  color: #fff;
  border: none;
  cursor: pointer;
  font-size: 20px;
  width: 30px;
  height: auto;
  text-align: center;
  transition: background-color 0.2s;
}

.quantity button:hover {
  background-color: #2980b9;
}

.input-box {
  width: 100%;
  text-align: center;
  border: none;
  padding: 4px 10px;
  font-size: 16px;
  outline: none;
}

/* Hide the number input spin buttons */
.input-box::-webkit-inner-spin-button,
.input-box::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input-box[type="number"] {
  -moz-appearance: textfield;
}

/** car detail ***/
.car-image{
  height: 750px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position:relative;
}
.car-image .car-image-title{
  position:absolute;bottom:50px;
}
.car-image .car-image-title h1{
  color:#fff;
  padding-bottom: 10px;
}
.car-image .car-image-title h3{
  color:#fff;
}
.car-image img{
  width: 100%;
}
.card-specification{
  width:100%;background-color:#F9F9F9;padding:20px;
}
.car-detail-images{
  padding-bottom:70px;
}
.car-detail-images a .media{
  width:100%;
}
/**** car detail 2 ***/
.img_box img{
  width:100%;
  max-width: 100%;
  height: 500px;
}
.slider_container{
  margin-top: 150px;
}
.slider_container .swiper-button-next,
.slider_container .swiper-button-prev{
  color:#fff;
}

.card-fetaured{
  padding:20px;border:none;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.card-fetaured .col-lg-4{
  border-right:1px solid #9e9e9e;
}
.card-featured .refresh-link{
  float:right;
}
.card-fetaured .increment{
  margin-right:10px;
}
.card-fetaured .set-btn{
  width:100%;
}
.car-detail-features .card-service{
  width:100%;padding:20px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.car-detail-features .card-detail{
  height: 300px;border:none;width:100%;padding:20px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

@media screen and (min-width:1600px){
  .img_box img{
    height: 620px;
  }
}
@media screen and (min-width:1800px){
  .img_box img{
    height: 650px;
  }
}
@media screen and (max-width:1200px){
  .img_box img{
    height: 410px;
  }
  .car-image{
    height: 650px;
  }
}
@media screen and (max-width:1100px){
  .car-image{
    height: 600px;
  }
}
@media screen and (max-width:991px){
  .slider_container{
    margin-top: 100px;
  }
  .img_box img{
    height: 320px;
  }
  .car-image{
    height: 500px;
  }
  .gauto-cars-area .card img{
      height:auto;
  }
}
@media screen and (max-width:768px){
  .img_box img{
    height: 500px;
  }
  .card-fetaured .col-lg-4{
    border:none;
  }
  .car-image{
    height: 350px;
    margin-top: 90px;
  }
  
}
@media screen and (max-width:576px){
  .img_box img{
    height: 400px;
  }
  .car-image {
    height: 280px;
    margin-top: 140px;
  }
  .car-image .car-image-title{
    bottom:20px;
  }
  .car-image .car-image-title h1{
    font-size:30px;
  }

}
@media screen and (max-width:414px){
  .img_box img{
    height: 300px;
  }
  .slider_container{
    margin-top: 140px;
  }
}
@media screen and (max-width:376px){
  .car-image {
    height: 220px;
    margin-top: 180px;
  }
}
.bid-tag{
    position: absolute !important;
    margin: 10px !important;
    font-size:15px !important;
    color: #fff !important;
    right: 0 !important;
  }