.drive-products-grid {
  display: flex;
  flex: 1 0 100%;
  flex-flow: row wrap;
  align-items: baseline;
  justify-content: space-between;
  margin:0;
  padding:0;
}

.drive-products-grid li {
  list-style:none;
  width:45%;
}

/* Override code-in-action styles */

.drive-in-action-frame-android {
  min-height:630px;
  width:100%
}

.drive-in-action-frame-ios {
  min-height:490px;
  width:100%
}

#code-in-action {
  min-width:360px;
}

#code-in-action #code-zippy {
  border: 1px solid #ddd;
  width: calc((100% - 20px) - 360px);
}

#code-in-action.ios-code-in-action {
  height: 645px;
}

.devsite-landing-demo-code {
  float: left;
  width: calc((100% - 20px)*2/3);
}

.devsite-landing-demo-code pre {
  margin-top:0;
}

.devsite-landing-demo-image {
  float: right;
  margin: 0 0 0 40px;
  width: calc((100% - 80px)*1/3);
  max-width:424px;
}

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

  .drive-products-grid {
    flex-flow: column;
  }
  .drive-products-grid li {
    width:100%;
  }

  #code-in-action #code-zippy {
    border: 1px solid #ddd;
    width: calc(100% - 10px);
  }

  #code-in-action #phone {
    display:none;
  }

  .devsite-landing-demo-code,
  .devsite-landing-demo-image {
    float: none;
    margin: 0 0 32px;
    width: 100%;
  }

}