/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
.product-quantity .qty {display: none;}

#portes {
    background: #fff;
    border-radius: 2px;
    margin-bottom: 1.5rem;
    text-align: center;
    padding: 0.5rem;
}

/* Tabela de 3 imagens */
/* For small devices (e.g. smartphones) */
.container3sc {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
}

.breakpoint3 {
  max-width: 100%;
  display: inline-block;
}
/* For medium devices (e.g. tablets) */
@media (min-width: 420px) {
.breakpoint3 {
    max-width: 50%;
  }
}
/* For large devices (e.g. desktops) */
@media (min-width: 760px) {
.breakpoint3 {
    max-width: 33%;
  }
}

/* Tabela de 2 imagens */
/* For small devices (e.g. smartphones) */
.breakpoint2 {
  max-width: 100%;
  display: inline-block;
}
/* For medium devices (e.g. tablets) */
@media (min-width: 420px) {
.breakpoint2 {
    max-width: 50%;
  }
}
/* For large devices (e.g. desktops) */
@media (min-width: 760px) {
.breakpoint2 {
    max-width: 49.7%;
  }
}

.container2sc {
    position: relative;
    width:100%;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
}
/* Tabela de 1 imagem */
/* For small devices (e.g. smartphones) */
.breakpoint1 {
  max-width: 100%;
  display: inline-block;
}

/* For medium devices (e.g. tablets) */
@media (min-width: 420px) {
.breakpoint1 {
    max-width: 100%;
  }
}
/* For large devices (e.g. desktops) */
@media (min-width: 760px) {
.breakpoint1 {
    max-width: 100%;
  }
}

.container1sc {
    position: relative;
    width:99.8%;
    max-width: 99.8%;
    margin: 0 auto;
    text-align: center;
}