/* Row Class to display columns as one third-two third widths: row-left-one-third */
#ig-page-view > div.row-left-one-third .ig-column.ig-grid-p {
  width: 33%;
}

#ig-page-view > div.row-left-one-third .ig-column.ig-grid-r {
  width: 66%;
}

#ig-page-view > div.row-left-one-third.ig-row-3 .ig-row-pad {
  padding-right: 0 !important;
}

@media (max-width: 498px) {
  #ig-page-view > div.row-left-one-third .ig-column.ig-grid-p,
  #ig-page-view > div.row-left-one-third .ig-column.ig-grid-r {
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  #ig-page-view > div.row-left-one-third .ig-column.ig-grid-p,
  #ig-page-view > div.row-left-one-third .ig-column.ig-grid-r {
    width: 100% !important;
  }
}

/* Row Class to display columns at a ratio of Two Thirds-One Third: row-right-one-third */
#ig-page-view > div.row-right-one-third .ig-column.ig-grid-p {
  width: 66%;
}

#ig-page-view > div.row-right-one-third .ig-column.ig-grid-r {
  width: 33%;
}

#ig-page-view > div.row-right-one-third.ig-row-3 .ig-row-pad {
  padding-right: 0 !important;
}

@media (max-width: 498px) {
  #ig-page-view > div.row-right-one-third .ig-column.ig-grid-p,
  #ig-page-view > div.row-right-one-third .ig-column.ig-grid-r {
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  #ig-page-view > div.row-right-one-third .ig-column.ig-grid-p,
  #ig-page-view > div.row-right-one-third .ig-column.ig-grid-r {
    width: 100% !important;
  }
}

/* Semi-Transparent Widget Class */
.ig-cpt.semi-transparent {
  background: #FFFFFF !important;
  opacity: 0.7 !important;
  padding: 10px 20px;
  margin-top: 20px !important;
}

.ig-cpt.semi-transparent * {
  color: #000;
}

.ig-cpt.semi-transparent .js-viewresults {
  margin-top: 0;
  color: #000 !important;
}