div.indexServices {margin: 40px auto 45px auto;}
	.indexServices h2 {font-size: 28px; margin: 0 0 50px 0; text-align: center; }
	.indexServicesSections {display: flex; flex-wrap: wrap;width: 100%;margin:0 -2%}	
		.indexServicesSection {margin: 40px 2% 0 0; width: 48%; box-shadow: 0px 30px 70px rgba(0, 0, 0, .075); padding: 0 0 5px 0;
			text-align: center; border-radius: 3px; background: #fff;
		}
		.indexServicesSection.thisElement {padding-bottom: 0;}
		.indexServicesSection:nth-child(3n) {margin-right: 0;}
		.indexServicesSection:nth-child(1), .indexServicesSection:nth-child(2), .indexServicesSection:nth-child(3) {margin-top: 0;}
		
			.indexServicesSection > a {height:295px; width: 100%; display: block; border-radius: 5px 5px 0px 0px;
				background-repeat: no-repeat; background-position: center;
			}
			.indexServicesSection .name {font-size: 16px; margin:25px auto 25px auto; max-width: 290px; line-height: 32px;}
				.indexServicesSection .name a:not(.redcodeColor) {color: #121212;}
	
			.indexServicesItem {position: relative; margin: 0 auto 25px auto; max-width: 270px; line-height: 28px;}
				.indexServicesItem a:not(.redcodeColor) {color: #666;}
			.indexServicesItem:after {position: absolute; content: ''; width: 42px; height: 1px; background: #EDEDED;
				margin: 0 auto; bottom: -14px; left: 0; right: 0;
			}
			.indexServicesItem:last-child {margin-bottom: 0;}
			.indexServicesItem:last-child:after {content: none;}


@media all and (max-width: 1270px) {
	div.indexServices {padding: 0 50px;}
	.indexServicesSection {width: 31%; margin: 3.5% 3.5% 0 0;}
}

@media all and (max-width: 1110px) {
	div.indexServices {margin: 30px auto; width: 800px;}
		.indexServicesSection {width: 47%; margin: 6% 6% 0 0;}
		.indexServicesSection:nth-child(3) {margin-top: 6%;}
		.indexServicesSection:nth-child(3n) {margin-right: 6%;}
		.indexServicesSection:nth-child(2n) {margin-right: 0;}
}

@media all and (max-width: 935px) {
	div.indexServices { width: auto;}
}


@media all and (max-width: 780px) {
	div.indexServices { width: 400px;}
	.indexServicesSection {width: 100%; margin: 0 auto 45px auto;}
	.indexServicesSection:nth-child(3) {margin-top: 0;}
	.indexServicesSection:nth-child(2n), .indexServicesSection:nth-child(3n) {margin-right: auto;}
	.indexServicesSection:last-child {margin-bottom: 0;}
		.indexServicesItem a {text-decoration: underline;}
}

@media all and (max-width: 500px) {
	div.indexServices {padding: 0 20px; width: auto;}
}