/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
    .author-picture p {
      font-size: 12px;
    }
    logo {
      height: 64px;
    }
    h2 {
      font-size: 1.3rem;
    }
    .advancesection-design {
      border: none;
      background: none;
      a {
        text-decoration: none;
        padding: 5px 9px;
        background-image: linear-gradient(to right, #0bbae5, #6ab32e);
        color: #fff;
        border-radius: 5px;
        font-size: 0.8rem;
      }
      .pxl-breadcrumb {
        padding-left: 1rem;
      }
  
      .car-info {
        text-align: center;
      }
    }
    .stickybar {
      position: fixed;
      width: 380px;
      /* margin-top: 15px;
           */
      background-color: #fff;
      left: 0px;
      transform: none;
      margin-left: 18px;
    }
    .mb-view {
      margin-left: 10px;
      margin-right: 10px;
    }
    .news-card {
      display: block;
    }
    .card-1 {
      width: 100%;
      .news-products-image img {
        width: 100%;
        height: auto;
      }
    }
    .card-2 {
      width: 100%;
      .short-news img {
        width: 100%;
        height: auto;
      }
    }
    .social-media-links ul {
      display: block;
      li {
        margin-top: 45px;
      }
    }
    .hero-info {
      margin-bottom: 10px;
    }
    .new-info {
      max-height: 350px !important;
    }
    .short-news-info {
      margin: 10px 14px 20px 2px;
      h5 {
        font-size: 0.95rem;
      }
    }
    .quick-stations {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
    }
  
       .banner-mview {
          display:none;
      }
      
      
      .newssmcards img{
          border-radius:20px 20px 0px 20px;
      } 
      
      .mail-section button{
  padding:10px 10px;
      }
  
      .footer-card{
  margin-top:0px;
      }
  
  
  .charging-image{
  width:331px;
  height:263px;
  }

  .m-feature-tabs{
    padding:2px 8px;
    }
    
    .mob-key-specifications{
padding:10px;
box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; 
}

    .mtable-style{
white-space:nowrap;
    }
    .bar-main{
padding:0px;
    }
    .inner-video-tiles{
margin-right:0px;
    }

    .mobile-padd{
      margin-bottom:2.5rem;
    }

    .singledrwawerEv{
margin-bottom:20px;
    }

}


@media (max-width: 768px) {
    .car-item {
        min-width: 100%;
    }

    .xy-category-tabs {
        justify-content: center;
    }

    .xy-category-tabs button {
        font-size: 12px;
        padding: 6px 10px;
    }

    .xy-thumbnail-carousel img {
        width: 70px;
        height: 50px;
    }

    .liststations.scrollable {
        max-height: unset;
        overflow: unset;
        padding: 0px;
        margin-top: 20px;
      }
      .other-section-blogs .other-blog-picture {
        margin-bottom: 10px;
      }

      .desktop-view{
        display:none;
    }  
   .mobile-view{
    display:block;   
       
   }
      
   .desktop-view-latest-updates{
  display:none !important;
   }
  
   .mobile-latest-updates{
    display:block !important;
    
    }
  
    .newssmcards img{
      min-height:250px;
      max-height:280px;
  
    }

    .comparetable img.vehicle-image{
        width: 150px;
      }
      .comparetable{    
        display: block;
      }
    .comparetable td {
        width: 200px !important;
        min-width: 200px !important;
    }
    .addvehiclecompare {
        padding: 10px;
    }
    .addvehiclecompare i {
        font-size: 20px;
    }
      .newscard {
        margin: 5px 0px; /* Adjust margin for smaller screens */
      }
    
      .newssmcards .col-md-4 {
        padding: 0px 13px; /* Reduce padding for smaller screens */
      }
    
      .newssmcards {
        h5 {
          padding: 0px 12px;
          text-align:start;
        }
    
        p {
          padding: 0px 15px;
          display: flex;
          justify-content: space-between;
          margin-top:10px;
        }
      }
      img.recent_blogs_fimage {
        width: 346px;
        height: 146px;
      }
    /*22/jan/25*/
    
    .tiles-image{
    height:219px !important;
    }

/* single-ev */
.product-ratingreviews h1{
font-size:22px;
}


.features-list{
-webkit-columns:auto;
}


.buttons-container {
  flex: 0 0 100px
}

.scroll-container{
height:500px;
}

.scroll-content-container{
height:490px;
}


.key-specifications .cons{
margin-top:20px;
}
}



@media (max-width:1000px) {
    #charging_stationcardone{
       display:none;
   }
   }

  @media (max-width: 991px) {
    .breadcrumdesign h1 {
      font-size: 20px;
      margin: 0px;
  }
  .breadcrumdesign .breadlinks {
      font-size: 15px;
  }
    .toggleSearchBtns.desktop{
      display: none;
    }
    .toggleSearchBtns.mobile{
      display: block;
    }
    ul.navbar-nav {
      align-items: center;
      position: absolute;
      background: #fff;
      z-index:999999;
      left: 0;
      right: 0;
      padding: 20px;
      border-bottom: solid 1px;
    }
    a.nav-link.navBtn {
      margin-bottom: 10px;
    }
  }