Mo' better responsive row and column styling for WP Shortcodes Ultimate

shortcodes-ultimate-columns-override.css

/* Shortcodes Utlimate Rows and Columns */
.gpc .su-row {
	margin: 0 -2% 1.5em -2%;
}
.gpc .su-row .su-column {
  margin-left: 0;
  margin-right: 0;
  padding: 0 2% 0;
}
.gpc .su-column-size-1-1 { width: 100%; }
.gpc .su-column-size-1-2 { width: 50%; }
.gpc .su-column-size-1-3 { width: 33.333%; }
.gpc .su-column-size-2-3 { width: 66.666%; }
.gpc .su-column-size-1-4 { width: 25%; }
.gpc .su-column-size-3-4 { width: 75%; }
.gpc .su-column-size-1-5 { width: 20%; }
.gpc .su-column-size-2-5 { width: 40%; }
.gpc .su-column-size-3-5 { width: 60%; }
.gpc .su-column-size-4-5 { width: 80%; }
.gpc .su-column-size-1-6 { width: 16.666%; }
.gpc .su-column-size-5-6 { width: 83.333%; }
@media only screen and (min-width: 420px) and (max-width: 1024px) {
	.gpc .su-row .su-column {
    float: left !important;
    margin-bottom: 1.5em;
  }
}
@media only screen and (min-width: 420px) and (max-width: 767px) {
  /* Switch to two columns */
  .gpc .su-column-size-1-4,
  .gpc .su-column-size-1-5,
	.gpc .su-column-size-1-6 {
		width: 50% !important;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* Switch to three columns */
  .gpc .su-column-size-1-4,
	.gpc .su-column-size-1-5,
	.gpc .su-column-size-1-6 {
		width: 33.333% !important;
	}
}