Кирилл Туровников

Вы явно ошиблись с отступом, если хотите сделать по центру, то если logo 50x50:

left: 50%;
margin-left: -25px; /* половина ширины logo */

либо вместо margin
transform: translateX(-50%);

Всем ссылкам на фотографии чтобы они были галереей надо добавлять аттрибут rel="prettyPhoto[pp_gal]", в скобках имя галереи, например

<a href="2.jpg" rel="prettyPhoto[pp_gal]"><img src="t_2.jpg"></a>

У меня на телефоне глючит отправка и повторное открытие, но сама форма и валидация вроде отработала. Для начала постарайтесь исправить все ошибки
Если проблемы в хроме мобильном, то телефон можно подключить в режиме отладки к компьютеру и посмотреть что в консоле будет

Добавьте свойство: border-spacing: 0;

Вот ваш код:

$(".tabs_header .wrapper .tab").click(function() {
        $(".tabs_header .wrapper .tab").removeClass("active").eq($(this).index()).addClass("active");
        $(".tabs_header .tab_item").hide().eq($(this).index()).fadeIn()
    }).eq(0).addClass("active");

Напишите функцию инициации при загрузке странице.
У вас 2 раза подключается jquery, я бы не придумывал велосипед и подключил jquery.ui и использовал https://jqueryui.com/tabs/

Блок с телефонами у вас сделан аналогичных образом, можно просто поправить стили

.tabs_header .tab_item:first-of-type {
    display: block;
}
.tabs_header  .tab_item {
    display: none;
}

Просто не очень хороший верстальщик, который не думает ни о семантике, ни о том как потом это будет работать/программироваться, а только о том чтобы все было визуально похоже на макет. Как реализовать те или и иные моменты, лучше один раз обговорить чтобы не изобретать велосипед. На первый раз я бы указал что и как, а в следующий заставил переделывать. Дизайнеры не редко грешат тем что, нарисуют не знаю что, ни с кем не советуясь, а потом попробуй это воплоти в жизнь, или же обратная ситуация когда бэкэндщик все разламывает в верстке и ничего не работает потом. В общем нужна тесная работа в команде, с совместным обсуждением на вех этапах.

Если правильно понял:

.container{ background: #fff; }
.wrapper-footer{ margin-top: -60px; }

Измените структуру:

<div class="popupbg" id="popupbg">
    <div class="answer-popup"> </div>
</div>

И стили:

.popupbg{
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    overflow-y: scroll;
    padding: 100px 0;
}
.answer-popup{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

Это без вертикальной центровки, если она нужна то на js надо задавать top в зависимости от высоты окна

Тут вроде наложение box-shadow и outline, добавьте outline:none;
PS проверил на вашем сайте, так и есть

Между <p> не нужен <br> это и так блочные элементы, можно как-то так, но лучше добавить классы jsfiddle.net/straj/gLsvyyra/1

Начиная с версии 1.9 jquery, функция toggle работает иначе, используйте более ранние версии, ну и похоже у этих версий нет поддержки анимации css3, могу ошибаться. К тому же анимация неверная, вы поворачиваете полоски на угол 15 градусов в одном и том же направлении, т.е. они не пересекутся, плюс надо еще делать смещение. Я бы сделал так jsfiddle.net/straj/v3wrwy06