@media (max-width: 600px) {
  #navbarMain {
    padding: 10px;
  }

  body > header {
    min-height: 60px;
  }
  header .navbar-brand img {
    max-width: 100px;
    margin-left: 20px;
  }

  .donde {
    width: 100%;
    height: 100vh;
    max-height: 1020px;
  }

  .page .content h1,
  .tax-product_cat h1 {
    font-size: 1.2rem;
  }

  .menu-cats a .over {
    display: flex;
    opacity: 1;
  }

  .single-product .site-main .product .container {
    display: flex;
    flex-direction: column-reverse;
  }

  .single-product
    .site-main
    .product
    .container
    .woocommerce-product-gallery--with-images {
    width: 100%;
  }

  .single-product .site-main .product .container .summary {
    width: 100%;
  }

  .single-product .summary .detalle:nth-child(3) .dato {
    border-bottom: none;
  }

  #formasdepago .card img {
    width: 100%;
  }

  .woocommerce-page div.product .caracteristicas > div > div {
    padding: 1rem 2rem;
    text-align: center;
    border-left: none;
    border-right: none;
  }

  footer .logobox {
    text-align: center;
  }

  footer .telefono {
    margin-top: 30%;
    margin-left: 20%;
  }

  #servicios {
    background-size: 128px;
  }

  footer .nf-form-cont {
    padding: 10px 5px 0;
  }

  .navbar-brand {
    width: 78%;
  }

  .navbar-brand img {
    width: 100%;
  }

  #lineas .box .over {
    display: flex;
    opacity: 1;
    position: initial;
    padding: 0.5rem;
    background-color: #5050505e;
  }

  #lineas .box .over a {
    margin-bottom: 0.5rem;
  }
}

@media (min-width: 601px) and (max-width: 991px) {
  .single-product .site-main .product .container {
    display: flex;
    flex-direction: column-reverse;
  }

  .menu-cats a .over {
    display: flex;
    opacity: 1;
  }
  
  .single-product
    .site-main
    .product
    .container
    .woocommerce-product-gallery--with-images {
    width: 100%;
  }

  .single-product .site-main .product .container .summary {
    width: 100%;
  }

  .card {
    border: none !important;
  }

  .woocommerce-page div.product .caracteristicas > div > div {
    padding: 1rem 2rem;
  }
  
  #lineas .box {
    min-height: 145px;
  }
  

  #lineas .box h3 {
    font-size: 1rem;
  }

  #lineas .box h2 {
    font-size: 1.2rem;
  }
}

@media (min-width: 992px) and (max-width: 1175px) {

  header ul li.menu-item {
      margin-left: 0.2rem;
      margin-right: 0.2rem;
    }

  .woocommerce-page div.product .caracteristicas > div > div {
    padding: 1rem 2rem;
  }
}