iBird Rose

расставь clearfix между main__event через 2
<div class="clearfix visible-lg visible-md"></div>

задай самой таблице table {width: 100%}

а что мешает стилизовать через media саму модалку попапа?

не существует таких событий. скорее всего в мышке забиндины клавиатурные кнопки вправо/влево. а значит лови их.

советую все же разделить эту строку на 3 отдельные. и выравнивать отдельно картинку и отдельно 2 оставшихся поля с текстом.

вырезать стыки в фш и поставить их через after у секций. поверь - другие способы намного муторнее.

основной bg стоит у id="banner" со стилем background-attachment: fixed;
а белые bg - это бэкграунды для секций\блоков\дивов

у вас картинка кривая потому что. исправьте картинку чтобы круг в середине был ровно в центре

обычные модальные окна. а распологаешь их через js по offset() элемента на которой тебе нужно вывести подсказку.

да. в документ реди пишешь
$( "нужный input" ).focus();
а потом в css стилизуешь через
input:focus { ... }

через background-position. например так:

.icon-1 {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    background: url(' ... ') no-repeat;
    background-position: -50px -100px;
}

поставь бутстрап. там по дефолту это реализовано.
p.s. а если вдаваться в подробности, то на контейнере стоят брекпроинты которые меняют ему ширину в зависимости от окна браузера.
тобишь на декстопе к примеру 1200px фиксировано. и как только ты уменьшишь экран к примеру до 1260px - у контейнера меняется ширина на 992px и так далее

codepen.io/anon/pen/ALPAOa

.item {
  display: inline-block;
  vertical-align: top;

всмылсе? зачем тебе placeholder справа? там обычная кнопка поиска стилизованная также как сам инпут и без бордера слева

смотря какой слайдер. а вообще лучше не мучиться и использовать уже адаптивные. к примеру kenwheeler.github.io/slick

расставить clearfix https://jsfiddle.net/cm8ctzL0/2/