
.services {display: flex; flex-wrap: wrap; width: 100%;}
#wrapper.animationON .services {animation: fadeInUp_30px 1.2s ease;}

	.servicesSection {margin: 3.5% 3.5% 0 0; width: 31%; padding: 0 0 56px 0; border-radius: 5px; text-align: center;
		box-shadow: 0px 30px 70px rgba(0, 0, 0, .075);
	}
	.servicesSection.thisElement {padding-bottom: 0;}
	.servicesSection:nth-child(3n) {margin-right: 0;}
	.servicesSection:nth-child(1), .servicesSection:nth-child(2), .servicesSection:nth-child(3) {margin-top: 0;}

			.servicesSection > a {height: 175px; width: 100%; display: block; border-radius: 5px 5px 0px 0px;
				background-repeat: no-repeat; background-position: center;
			}
			.servicesSection .name {font-size: 19px; margin: 28px auto 34px auto; max-width: 290px; line-height: 32px;}
				.servicesSection .name a:not(.redcodeColor) {color: #121212;}

			.servicesSectionItem {position: relative; margin: 0 auto 25px auto; max-width: 270px; line-height: 28px;}
				.servicesSectionItem a:not(.redcodeColor) {color: #666;}
			.servicesSectionItem:after {position: absolute; content: ""; width: 42px; height: 1px; background: #E0E0E0;
				margin: 0 auto; bottom: -14px; left: 0; right: 0;
			}
			.servicesSectionItem:last-child {margin-bottom: 0;}
			.servicesSectionItem:last-child:after {content: none;}


@media all and (max-width: 1270px) {
	.servicesSection {width: 31%; margin: 3.5% 3.5% 0 0;}
}

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

@media all and (max-width: 935px) {
	.services { width: 100%;}
}


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

@media all and (max-width: 500px) {
	.services {width: auto;}
}
