@media (min-width: 768px) {
  .colorbox.xl > * {
    margin-left: -15%;
    margin-right: -15%;
    padding-right: 15%;
    padding-left: 15%;
  }
  .colorbox.lg > * {
    margin-left: -10%;
    margin-right: -10%;
    padding-right: 10%;
    padding-left: 10%;
  }
  .colorbox.md > * {
    margin-left: -5%;
    margin-right: -5%;
    padding-right: 5%;
    padding-left: 5%;
  }
}