/* Responsive Large */
@media screen and (min-width: 2250px) {
}
/*  */

/* Responsive */
@media screen and (max-width: 1930px) {
}

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

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

@media screen and (max-width: 1700px) {
  .distribuidor {
    top: 35%;
    left: 12%;
  }
}

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

@media screen and (max-width: 1500px) {
  .distribuidor {
    top: 35%;
    left: 14%;
  }
}

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

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

@media screen and (max-width: 1200px) {
  .distribuidor {
    top: 29%;
    left: 14%;
  }
}

@media screen and (max-width: 1100px) {
  .distribuidor {
    top: 24%;
    left: 14%;
  }
}

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

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

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

@media screen and (max-width: 800px) {
  #distribucion {
    background-position: 0% 5%;
  }
  .carrito img {
    max-width: 120px;
    height: auto;
  }
}

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

@media screen and (max-width: 700px) {
  #distribucion {
    background-position: 0% 7%;
  }
  .distribuidor {
    position: absolute;
    left: 14%;
    top: 20%;
  }

  .carrito img {
    max-width: 115px;
    height: auto;
  }
  .info-distribuidor p {
    text-align: center;
  }

  label {
    font-size: 13px;
  }
}

@media screen and (max-width: 600px) {
  #distribucion {
    background-position: 19px 0%;
  }

  .info-distribuidor {
    padding-top: 20%;
  }

  .info-distribuidor h1 {
    margin-top: 23%;
  }

  .distribuidor {
    position: absolute;
    left: 20%;
    top: 12%;
  }

  .carrito img {
    max-width: 60px;
    height: auto;
  }
}

@media screen and (max-width: 500px) {
  #distribucion {
    background-position: 19px 0%;
  }

  .info-distribuidor {
    padding-top: 20%;
  }

  .info-distribuidor h1 {
    margin-top: 23%;
  }

  .distribuidor {
    position: absolute;
    left: 18%;
    top: 8%;
  }

  .carrito img {
    max-width: 60px;
    height: auto;
  }
}

@media screen and (max-width: 400px) {
  #distribucion {
    background-position: 19px 0%;
  }

  #distribucion:before {
    background-position: 19px 0%;
  }

  .info-distribuidor {
    padding-top: 20%;
  }

  .info-distribuidor h1 {
    margin-top: 23%;
  }

  .distribuidor {
    position: absolute;
    left: 16%;
    top: 6%;
  }

  .carrito img {
    max-width: 60px;
    height: auto;
  }
}

@media screen and (max-width: 320px) {
}
/*  */