.hovgris{

}
.hovgris:hover{
  background: #e9e8e8;
}

.fechan{
  width: 30%;
  display: inline;
}

.ribbon.sale {
  top: 50px;
}
.ribbon.new {
  top: 50px;
}
.ribbon.gift {
  top: 100px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.ocultarpec{
  display: none;
}
.ocultarrespon{
  display: ;
}
.textope{
  font-size: 14px;
}
.paypalscreen{
  max-width: 20%;
}
.pagosse{
  max-width: 60%;
}
.textoelip{
  max-width: auto;
  overflow: ;
  text-overflow: ;
  white-space: ;
}
.flexpequeno{
  display: flex;
}
@media (max-width: 800px) {
  .flexpequeno{
    display: block;
  }
  .ocultarrespon{
    display: none!important;
  }
  .textope{
    font-size: smaller;
  }
  .ocultarpec{
    display: block;
  }
  .paypalscreen{
    max-width: 40%;
  }
  .pagosse{
    max-width: 100%;
  }
  .textoelip{
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap!important;
  }
}

@media screen and (max-width: 800px){
  .table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td {
    white-space: inherit;
}