Вопрос по div и CSS — использование блока в нижний ряд и в линию?

Question

[Demiar97]

Есть у меня код html и css. Я хочу что бесктопной версии значки с подписями шли по линии. А в мобильной разделялись на 2 и шли в ряд по низу.

<div class="icones" style="display: table-cell; vertical-align: middle;">
		<img height="20%" src="images/png/Time1.png" style="letter-spacing: 0.1em;" width="20%">
		<p><span style="font-family: tahoma, arial, helvetica, sans-serif; color: #000000;">Прийом метаріалів</span></p>
		<p><span style="font-size: 12pt; color: #000000;"><strong><span style="font-family: tahoma, arial, helvetica, sans-serif;">до 29 січня</span></strong></span></p>
	</div>
	<div class="icones" style="display: table-cell; vertical-align: middle;">
		<img height="20%" src="images/png/Comp1.png" style="letter-spacing: 0.1em;" width="20%">
		<p><span style="font-family: tahoma, arial, helvetica, sans-serif; color: #000000;">Публікація</span></p>
		<p><span style="font-size: 12pt; color: #000000;"><strong><span style="font-family: tahoma, arial, helvetica, sans-serif;">1 лютого</span></strong></span></p>
	</div>
	<div class="icones" style="display: table-cell; vertical-align: middle;">
		<img height="20%" src="images/png/Grivna1.png" style="letter-spacing: 0.1em;" width="20%">
		<p><span style="font-family: tahoma, arial, helvetica, sans-serif; color: #000000;">Оргвнесок</span></p>
		<p><span style="font-size: 12pt; color: #000000;"><strong><span style="font-family: tahoma, arial, helvetica, sans-serif;">150 грн</span></strong></span></p>
	</div>
	<div class="icones" style="display: table-cell; vertical-align: middle;">
		<img height="20%" src="images/png/Forma1.png" style="letter-spacing: 0.1em;" width="20%">
		<p><span style="font-family: tahoma, arial, helvetica, sans-serif; color: #000000;">Форма участі</span></p>
		<p><span style="font-size: 12pt; color: #000000;"><strong><span style="font-family: tahoma, arial, helvetica, sans-serif;">заочна</span></strong></span></p>
	</div>
	<div class="icones" style="display: table-cell; vertical-align: middle;">
		<img height="20%" src="images/png/Forum1.png" style="letter-spacing: 0.1em;" width="20%">
		<p><span style="font-family: tahoma, arial, helvetica, sans-serif; color: #000000;">Обговорення</span></p>
		<p><span style="font-size: 12pt; color: #000000;"><strong><span style="font-family: tahoma, arial, helvetica, sans-serif;">на форумі</span></strong></span></p>
	</div>

@media screen and (max-width: 600px) {
	/* Мобильная версия */

	.icones {
  display: inline-block;
  width: 50%;
  vertical-align: none;
	}
	}