Кирилл Ушаков

Не совсем ясна проблема...

<label for="input1">
	<span>Поле</span>
	<input type="text" id="input1">
</label>
<label for="input2">
	<span>Поле</span>
	<input type="text" id="input2">
</label>
<label for="input3">
	<span>Поле</span>
	<input type="text" id="input3">
</label>
<label for="input4">
	<span>Поле</span>
	<input type="text" id="input4">
</label>

CSS

@media (max-width: ????) {
    .mixplat__operators {
        display: none;
    }
}

JQUERY

($('.mixplat__relative').width() > 300) ? $('.mixplat__operators').hide() : $('.mixplat__operators').show()

Ну либо jQuery вместо $.
И событие на которое вешать сам уж найдешь.

нужные_блоки {
    display: inline-block;
    vertical-align: top;
}

Любой, они практически все довольно гибко настраиваются под собственные нужды. Выбирайте какой нравится и зачитывайтесь доками.

Эффект fade называется. Во многих слайдерах есть.