@media only screen and (max-device-width: 1400px){
  .compate-recent-bg .col-lg-3{
    width: 25%;
  }
}
@media only screen and (max-device-width: 1200px){
  .specs-featureBox {
    width: 23.7%;
  }
  .motors-verticle-car{
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid var(--border-color);
    object-fit: contain;
  }
}
@media only screen and (max-device-width: 992px){
.header-home-main.index::before {
    display: none;
}
  .specs-featureBox {
    width: 32.5%;
  }
  .navbar-ui-wrapper{
    display: none;
    position: fixed;
    top: 0;
    left: -90%;
    width: 90%;
    height: 100vh;
    background-color: white;
    transform: translateX(0%);
    transition: transform 0.3s ease-in-out;
    transition: width 2s;
    z-index: 1000;
    overflow: auto;
    border-radius: 0px 22px 22px 0px;
    padding: 14px 6px 20px 20px;
  }
  .navbar-ui-wrapper.active{
    display: block;
    transform: translateX(100%);  
  }
  .navbar-motersDesign .navbar-toggler{
    background: var(--primary-color);
    height: 38px;
    width: 38px;
    border: none;
    border-radius: 100%;
    color: var(--white-color);
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .navbar-ui .close-toggle{
    background: var(--primary-color);
    height: 38px;
    width: 38px;
    border: none;
    border-radius: 100%;
    color: var(--white-color);
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mobile-logo-category .categorys-dropdown {
    position: unset !important;
  }
  .category-dropdown-menu {
    width: 92%;
    left: 0;
    right: 0;
    margin: auto;
    top: 68px;
  }
  .category-dropdown-menu .menu-subcategory-main {
    border-top: 1px solid var(--border-color1);
  }
  .navbar-motersDesign .navbar-ui li a {
    font-size: 14px;
    display: block;
    padding: 8px 12px;
    border-radius: 6px;
    margin-bottom: 2px;
  }
  .navbar-motersDesign .navbar-ui li a:hover, .navbar-motersDesign .navbar-ui li.active a {
    background: #00436417;
  }
  .title-about-text h3{
    position: unset;
    transform: unset;
  }
  .bg-vectorline{
    background: var(--white-color);
  }
  .single-quelity-box.even{
    margin-top: 0px;
  }
  .compate-recent-bg .col-lg-3{
    width: 33.33%;
  }
}
@media only screen and (max-device-width: 768px){
  .home-product-image { 
    height: 300px;
    border-radius: 30px;
  }
  .specs-featureBox {
    width: 49%;
  }
  .motors-card-topbar .motors-img-vb{
    height: 215px;
  }
  .motors-car-contents .btn-viewMotors {
    padding: 9px 22px;
  }
  .contactMaps-motors .contact-frams{
    height: 320px;
  }
  .breadcrum-header {
    padding: 38px 0px;
  }
  .compate-recent-bg .col-lg-3{
    width: 50%;
  }
    .navbar-motersDesign .brand-logo{
      width: 144px;
    }
}
@media only screen and (max-device-width: 570px){
  .btn-common-btn { 
      padding: 9px 20px; 
      font-size: 12px; 
    }
  .specs-featureBox {
    width: 48%;
  }
  .budgetsCar-tabs .nav .nav-item .nav-link {
    padding: 7px 0px;
    font-size: 13px;
  }
  .service-side-carBg{
    height: 340px;
    border-radius: 14px;
  }
  .ourcar-slider .single-smcar-design{
    padding: 10px;
  }
  .inner-carsSearchBg{
    padding: 20px 12px 5px;
  }
  .certified-brand-flex .brand-certified{
    height: 94px;
  }
  .ui-footer-links li a{
    margin-top: 5px;
  }
  .leftIcons-ftrs .fts-icons{
    height: 52px;
    width: 52px;
  }
  .motors-sideChats{
    border: none;
  }
  .reviews-carcontents .overflow-sub,
  .reviews-carcontents .overflow-title{
    text-overflow: unset;
    overflow: unset;
    display: block;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    height: auto;
  }
  .single-bigBlogsdiv .blogs-bigimg{
    height: 320px;
  }
  .blogs-bigimg-sm{
    height: 138px;
  }
  .right-contactdetails{
    padding: 20px;
  }
  .box-comprehnsive-text {
    padding: 36px 16px 240px;
    border-radius: 16px;
  }
  .idustry-label-slider {
    margin-top: -220px;
  }
  .idustry-label-slider .slick-list{
    padding: 0;
  }
  .contact-details-bg {
    padding: 10px 14px;
  }
  .invento-blogs-gried {
    padding: 38px 10px 50px;
  }
  .single_product-swp .product-compate-img{
    height: 350px;
  } 
  .single_product-swp .btn-linkFood{
    /* top: 0; */
  }
  /* market page slick*/
  .market-product-main-slider::after { 
    width: 87px;
    height: 87px;
  }
  .market-product-main-slider img { 
    height: 319px; 
    padding: 101px 12px 46px 51px;
}
.slick-slidermarket-container .slick-item-img-div.slick-slide.slick-current.slick-active img {
  transform: scale(1.1);
}
  .market-product-sub-slider img { 
    margin: 11px 4px; 
  }
}