.node.custom-product-teaser {
  display: block; max-width: 80%; width: 100%; margin: 0 auto 30px;
}
.node.custom-product-teaser img {
  max-width: 100%; height: auto; border: 1px solid #e2e2e2;
}
.node.custom-product-teaser h2.title {
  font-size: 0.9em; min-height: 2.6em;
}
.node.custom-product-teaser h2.title a {
  display: block; text-align: center; padding: 0 10px;
}

@media only screen and (min-width: 480px) {
  .node.custom-product-teaser {
    max-width: 45%;
  }
  .node.custom-product-teaser:nth-child(odd) {
    clear: both; float: left;
  }
  .node.custom-product-teaser:nth-child(even) {
    float: right;
  }
}

@media only screen and (min-width:700px) {
  .node.custom-product-teaser:nth-child(odd) {
    clear: none; float: left; /* need to block the former rule -- unset it */
  }
  .node.custom-product-teaser:nth-child(even) {
    float: left; /* need to block the former rule -- unset it */
  }
  .node.custom-product-teaser {
    display: inline-block; max-width: 30%; margin: 0 4.5% 30px 0; vertical-align: top;
  }
  .node.custom-product-teaser:nth-child(3n+3) {
    margin-right: 0;
  }
}

@media only screen and (min-width:770px) {
  .node.custom-product-teaser h2.title {
    font-size: 1.1em; min-height: 2.6em;
  }
}


@media only screen and (min-width:981px){
}

@media only screen and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1) {
}

@media only screen and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
}

@media only screen and (orientation:landscape) and (-webkit-min-device-pixel-ratio:3) {
}