.list-items-group {
	padding: 20px 0 0;
	border-bottom: none;
}

.list-items-group h2 {
	margin: 0;
	text-align: center;
	margin-bottom: 67px;
}

.list-items-group .list-items {
	width: 24%;
	padding: 0 20px 0 0;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.list-items-group .list-items:nth-child(1n+1) {
	width: 27%;
}

.list-items-group .list-items:nth-child(2n+1) {
	width: 24%;
}

.list-items-group .list-items:nth-child(3n+1) {
	width: 23%;
}

.list-items-group .list-items:nth-child(4n +1) {
	width: 23%;
}

.list-items-group .list-items ul {
	padding: 0 0 30px 30px;
	min-height: 70px;
}

.list-items-group .list-items ul li a {
	color: #111111;
}

.list-items-group .list-items ul li:hover a {
	color: #00a651;
}

.list-items-group .list-items h3 {
	margin: 0;
	color: #111111;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
}

.list-items ul li {
	position: relative;
	font: normal 16px/1.2em 'source sans pro', Arial, sans-serif;
	margin: 0 0 3px 0;
}

#col-right .list-items-group .list-items:nth-child(1n+1),
#col-right .list-items-group .list-items:nth-child(2n+1),
#col-right .list-items-group .list-items:nth-child(3n+1),
#col-right .list-items-group .list-items:nth-child(4n +1) {
	width: 100%;
}

/****************************************************************              PC - LARGE             ***********************************************/

@media screen and (max-width: 2000px) {
}

/*   Above are specific PC-LARGE stylings, if needed; otherwise - this (PC-LARGE section) is the general design styling for the page, i.e colors, fonts, backgrounds. etc. You put down only dimensional and other dom-model related changes in the desigh in the screen-size queries below */

/****************************************************************              PC              ***********************************************/

@media screen and (max-width: 1218px) {
	.list-items-group .list-items:nth-child(1n+1) {
		width: 37%;
	}

	.list-items-group .list-items:nth-child(2n+1) {
		width: 32%;
	}

	.list-items-group .list-items:nth-child(4n +1) {
		width: 34%;
	}
}

/****************************************************************              TABLET              ***********************************************/

@media screen and (max-width: 977px) {
	.list-items-group .list-items:nth-child(1n+1) {
		width: 51%;
	}

	.list-items-group .list-items:nth-child(2n+1) {
		width: 48%;
	}

	.list-items-group .list-items:nth-child(3n+1) {
		width: 51%;
	}

	.list-items-group .list-items:nth-child(4n +1) {
		width: 45%;
	}
}

/****************************************************************              MOBILE Landscape             ***********************************************/
@media screen and (max-width: 747px) {
	.list-items-group .list-items,
	.list-items-group .list-items:nth-child(1n+1),
	.list-items-group .list-items:nth-child(2n+1),
	.list-items-group .list-items:nth-child(3n+1),
	.list-items-group .list-items:nth-child(4n+1) {
		width: 100%;
		padding: 0;
	}

	.list-items-group h2 {
		margin-bottom: 30px;
	}

	.list-items-group .list-items ul {
		min-height: inherit;
	}

	.list-items ul li {
		font: normal 14px 'source sans pro', Arial, sans-serif;
	}
}