Gravity Forms Image Choices - List Classes Styling

image-choices-gf_list-styles.css

.image-choices-field.gf_list_1col,
.image-choices-field.gf_list_2col, 
.image-choices-field.gf_list_3col, 
.image-choices-field.gf_list_4col, 
.image-choices-field.gf_list_5col,
.gform_wrapper .gfield.image-choices-field.gf_list_2col,
.gform_wrapper .gfield.image-choices-field.gf_list_3col,
.gform_wrapper .gfield.image-choices-field.gf_list_4col,
.gform_wrapper .gfield.image-choices-field.gf_list_5col {
	margin-right: -2% !important;
}

.image-choices-field.gf_list_1col .image-choices-choice, 
.image-choices-field.gf_list_2col .image-choices-choice, 
.image-choices-field.gf_list_3col .image-choices-choice, 
.image-choices-field.gf_list_4col .image-choices-choice, 
.image-choices-field.gf_list_5col .image-choices-choice,
.gform_wrapper .gfield.image-choices-field.gf_list_2col li.image-choices-choice,
.gform_wrapper .gfield.image-choices-field.gf_list_3col li.image-choices-choice,
.gform_wrapper .gfield.image-choices-field.gf_list_4col li.image-choices-choice,
.gform_wrapper .gfield.image-choices-field.gf_list_5col li.image-choices-choice {
	margin-right: 2% !important;
}

.image-choices-field.gf_list_1col .image-choices-choice, 
.gform_wrapper .gfield.image-choices-field.gf_list_1col li.image-choices-choice {
	width: 98% !important;
}

.image-choices-field.gf_list_2col .image-choices-choice, 
.gform_wrapper .gfield.image-choices-field.gf_list_2col li.image-choices-choice {
	width: 48% !important;
}

.image-choices-field.gf_list_3col .image-choices-choice, 
.gform_wrapper .gfield.image-choices-field.gf_list_3col li.image-choices-choice {
	width: 31% !important;
}

.image-choices-field.gf_list_4col .image-choices-choice, 
.gform_wrapper .gfield.image-choices-field.gf_list_4col li.image-choices-choice {
	width: 23% !important;
}

.image-choices-field.gf_list_5col .image-choices-choice, 
.gform_wrapper .gfield.image-choices-field.gf_list_5col li.image-choices-choice {
	width: 18% !important;
}

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

	.image-choices-field.gf_list_2col .image-choices-choice, 
	.image-choices-field.gf_list_3col .image-choices-choice, 
	.image-choices-field.gf_list_4col .image-choices-choice, 
	.image-choices-field.gf_list_5col .image-choices-choice, 
	.gform_wrapper .gfield.image-choices-field.gf_list_2col li.image-choices-choice,
	.gform_wrapper .gfield.image-choices-field.gf_list_3col li.image-choices-choice,
	.gform_wrapper .gfield.image-choices-field.gf_list_4col li.image-choices-choice,
	.gform_wrapper .gfield.image-choices-field.gf_list_5col li.image-choices-choice {
		width: 48% !important;
	}

}

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

	.image-choices-field.gf_list_2col .image-choices-choice, 
	.image-choices-field.gf_list_3col .image-choices-choice, 
	.image-choices-field.gf_list_4col .image-choices-choice, 
	.image-choices-field.gf_list_5col .image-choices-choice, 
	.gform_wrapper .gfield.image-choices-field.gf_list_2col li.image-choices-choice,
	.gform_wrapper .gfield.image-choices-field.gf_list_3col li.image-choices-choice,
	.gform_wrapper .gfield.image-choices-field.gf_list_4col li.image-choices-choice,
	.gform_wrapper .gfield.image-choices-field.gf_list_5col li.image-choices-choice {
		width: 98% !important;
	}

}