@media (max-width:768px){

  body{
    font-size:14px;
  }

  .grid{
    grid-template-columns:1fr;
  }

  .swiper img{
    height:300px;
  }

  .search-box{
    width:95%;
    top:60%;
    padding:15px;
  }

  .navbar{
    flex-direction:column;
    gap:10px;
    padding:15px;
  }

  .logo{
    position:static;
    transform:none;
    margin-bottom:10px;
  }

  .navbar div:last-child{
    position:static;
    text-align:center;
  }

  .navbar a{
    display:block;
    margin:5px 0;
  }

  .vehiculos{
    grid-template-columns:1fr;
    padding:20px;
  }

  .footer{
    flex-direction:column;
    padding:20px;
  }

  .footer-left,
  .footer-right{
    width:100%;
  }

  .footer-right iframe{
    height:200px;
  }

  .icon-img{
    width:20px;
    height:20px;
  }
}