/* Less CSS Document */
/* Will be auto compiled to CSS file on save */
/* Less CSS Document */
/* Will be auto compiled to CSS file on save */
@media (max-width: 500px) {
  body {
    padding-top: 80px;
  }
  .navbar-nav {
    text-align: center;
  }
  .categoria .left {
    text-align: left!important;
    margin-right: 15px;
    margin-left: 15px;
  }
  .categoria .right h3 {
    margin-right: 15px;
    margin-left: 15px;
  }
  .categoria .right ul {
    margin-right: 15px;
    margin-left: 15px;
  }
  .item-producto-pedido .panel .col-xs-6 {
    display: block;
    width: 100%;
  }
  .item-producto-pedido .panel .col-xs-6.content {
    padding-left: 30px;
    padding-right: 30px;
  }
  footer .foot {
    text-align: center;
  }
  footer .foot ul {
    text-align: center;
  }
  footer .foot .pull-left,
  footer .foot .pull-right {
    float: none!important;
  }
}
@media (max-width: 767px) {
  body {
    padding-top: 80px;
  }
  body .modalmsje-whatsapp {
    width: 80%;
    height: auto;
  }
  body .navbar.primary.navbar-default .navbar-nav > li > a {
    font-weight: 600;
    color: #333681;
  }
  body .navbar.primary.navbar-default .navbar-toggle.carro {
    border-color: #fff;
  }
  body .jumbotron.home {
    padding: 50px;
  }
  body .jumbotron h2 {
    font-size: 22px;
  }
  body .jumbotron h2 small {
    font-size: 16px;
  }
  body .categoria .right h5 {
    margin-right: 15px;
    margin-left: 15px;
  }
  body .categoria .right .content h5 {
    margin-right: 0;
    margin-left: 0;
  }
  body .categoria .left {
    text-align: left!important;
    margin-right: 15px;
    margin-left: 15px;
  }
  #productos-container {
    margin-top: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .categoria .right h5 {
    margin-right: 15px;
    margin-left: 15px;
  }
  .categoria .right .content h5 {
    margin-right: 0;
    margin-left: 0;
  }
  .categoria .left {
    text-align: left!important;
    margin-right: 15px;
    margin-left: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1060px) {
  .categoria .right h5 {
    margin-right: 15px;
    margin-left: 15px;
  }
  .categoria .right .content h5 {
    margin-right: 0;
    margin-left: 0;
  }
  .categoria .left {
    text-align: left!important;
    margin-right: 15px;
    margin-left: 15px;
  }
}