Как правильно использовать псевдо-элемент :nth-child?

Question

[AwFuL999]

Надо у 1 и 3 иконки задать отступ, для этого хочу использовать псевдо-элемент :nth-child, но почему-то стили применяются ко всем иконкам.

<div class="col-md-8 col-md-offset-1">
					<div class="col-md-4">
						<div class="c-item">
							<div class="wrap-img">
								<img src="img/mark.png" alt=""></div>
							<div class="text-head">мы находимся</div>
							<p>	В городе
								<span>Санкт-Петербург</span></p>
						</div>
					</div>
					<div class="col-md-4">
						<div class="c-item">
							<div class="wrap-img">
								<img src="img/time.png" alt=""></div>
							<div class="text-head">Контактные данные:</div>
							<p><a href="mailto:#">[e-mail]</a>
							<span><a href="tel:[phone]">[phone]</a></span>
							</p>
						</div>
					</div>
					<div class="col-md-4">
						<div class="c-item">
							<div class="wrap-img">
								<img src="img/phone.png" alt="" ></div>
							<div class="text-head">График работы:</div>
							<p>Круглосуточно
							Без перерывов и выходных</p>
						</div>
					</div>
				</div>

.c-item
		text-align: center
		color: #fff
		position: relative
		.wrap-img
			position: absolute;
			top: 2px
			&:nth-child(odd)
				margin-left: 20px

Answer 1

[Maxim Zhgulev]

.col-md-4:nth-child(odd) .c-item .wrap-img {
  margin-left: 20px
}

Но лучше навесить на элемент с классом col-md-4 дополнительный класс и nth-child вешать на него уже