#col2 {
  width: 50%;
  float: left;
  padding: 10px;
}

#left {
  float: left;
  padding: 10px;
  margin: 10px;
  max-width: 350px;
}

#right {
  float: right;
  padding: 10px;
  margin: 10px;
  max-width: 350px;
}
.pg-content-col2 {
  float: left;
  width: 50%;
}
.clr {
  clear: both;
}

/* ---------------- media -------------- */
@media (max-width: 767px) {
  .left,
  .right {
    float: none !important;
  }

  #col2 {
    width: 100%;
  }

  #left,
  #right,
  .pg-content-col2 {
    float: none;
    width: 100%;
  }
}