@media screen and (max-width: 400px) {

  .contenedorGris,
  .contacto {
    width: 100%;
  }

  .button {
    width: 40px;
    position: relative;
  }
}

@media screen and (max-width: 500px) {

  .contenedorGris,
  .contacto {
    width: 90%;
  }

  ul.tabs li a,
  ul.tabs li p {
    padding: 10px 10px;
  }

  #detail .textRibbon {
    top: 10px;
    font-size: 14px;
  }

  #detail .ribbon {
    left: -57px !important;
    border-width: 40px;
    width: 193px;
    top: 0;
  }
}

@media screen and (max-width: 620px) {
  .ribbon-list {
    top: -305px !important;
  }
}

@media screen and (max-width: 700px) {

  .contenedorGris,
  .contacto {
    width: 80%;
  }

  .img-container {
    height: auto;
  }
}

@media screen and (max-width:768px) {
  .form {
    padding: 0% 0%;
  }

  .formulario {
    margin-bottom: 3%;
  }

  .botonMensaje {
    margin-top: 3%;
    margin-bottom: 5%;
  }

  .featured {
    height: 300px;
  }

  /* .img-containerFeatured { height: 300px; } */
  .nameFeatured {
    font-size: 25px;
  }

  /* .yearFeatured {
        font-size: 14px;
        padding: 8px 13px;
    } */
  /* .textFeatured { font-size: 14px; } */
  /* .priceFeatured { font-size: 20px; } */
  /* .lastPriceFeatured { font-size:  14px; } */
  .camara {
    width: 18px;
    height: 18px
  }

  .ribbon {
    left: -59px !important;
    border: 40px solid transparent;
    border-bottom: 40px solid var(--filtrobg);
    padding: 0px 22px;
    width: 193px;
  }

  .textRibbon {
    top: 10px;
    font-size: 14px;
  }

  .ribbon-list {
    top: -3px
  }

  .fotosDestacado {
    bottom: 43%;
    right: 3%;
    padding: 8px 15px;
    font-weight: 600;
    font-size: 15px;
  }

  .botonFicha {
    width: 100%;
    margin-left: 0px;
  }

  #bmyv .grid-cells {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  #multimedia .switch-multimedia {
    width: 100%;
  }

  .advance-filter-group .filter-content {
    margin-left: 0;
  }
}