.widgets_on_page > ul, .widgets_on_page > ul li {list-style:none;background:none;}

.widgets_on_page > ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

/*
 * tiny
 */
.widgets_on_page .widget {
	flex: 0 0 auto;
	width: 100%;
}

/*
 * small
 */
@media screen and (min-width : 480px)  {
	.widgets_on_page.wop_small1 .widget {
		flex: 0 0 auto;
		width: 100%;
	}
}

@media screen and (min-width : 480px)  {
	.widgets_on_page.wop_small2 .widget {
		flex: 0 0 auto;
		width: 45%;
	}
}

/*
 * medium
 */
@media screen and (min-width: 768px) {
	.widgets_on_page.wop_medium1 .widget {
		flex: 0 0 auto;
		width: 100%;
	}
}

@media screen and (min-width: 768px) {
	.widgets_on_page.wop_medium2 .widget {
		flex: 0 0 auto;
		width: 45%;
	}
}

@media screen and (min-width: 768px) {
	.widgets_on_page.wop_medium3 .widget {
		flex: 0 0 auto;
		width: 30%;
	}
}

/*
 * large
 */
@media screen and (min-width : 1024px) {
	.widgets_on_page.wop_large1 .widget {
		flex: 0 0 auto;
		width: 100%;
	}
}
@media screen and (min-width : 1024px) {
	.widgets_on_page.wop_large2 .widget {
		flex: 0 0 auto;
		width: 45%;
	}
}
@media screen and (min-width : 1024px) {
	.widgets_on_page.wop_large3 .widget {
		flex: 0 0 auto;
		width: 30%;
	}
}
@media screen and (min-width : 1024px) {
	.widgets_on_page.wop_large4 .widget {
		flex: 0 0 auto;
		width: 22%;
	}
}


/*
 * wide
 */
@media screen and (min-width : 1200px) {
	.widgets_on_page.wop_wide1 .widget {
		flex: 0 0 auto;
		width: 100%;
	}
}
@media screen and (min-width : 1200px) {
	.widgets_on_page.wop_wide2 .widget {
		flex: 0 0 auto;
		width: 45%;
	}
}
@media screen and (min-width : 1200px) {
	.widgets_on_page.wop_wide3 .widget {
		flex: 0 0 auto;
		width: 30%;
	}
}
@media screen and (min-width : 1200px) {
	.widgets_on_page.wop_wide4 .widget {
		flex: 0 0 auto;
		width: 22%;
	}
}