prophet_07

Здрасти вам. 
Вот как вариант, если нужны изначально "жестко" заданные размеры: https://jsfiddle.net/r61ax2dh/
Но теоретически, лучше все переделать. 

Как вариант, http://dimox.github.io/jQueryFormStyler/demo/#select
В последнем примере реализация похожая. 

Для .footerPanel добавьте box-sizing: border-box
Или ширину блока можно высчитать через: width: calc(100% - 40px);

1 час назад, Olesiy сказал:

<form class="form" action="mail.php" method="POST"">

У вас форма через POST отправляется, а переменные name и phone пытаетесь через GET получить. 
В документации пример#2: http://php.net/manual/ru/language.variables.external.php

1 час назад, Dizred сказал:

@media screen and (max-width: 480px) { background: none; .logo img{ width:90%; display:inline-block; margin:auto; } }

Ошибка, немного неправильно я написал . Нужно body добавить. 

@media screen and (max-width: 1024px) {

body{ background: none; }

#main_container{width:100%;}
.header{ text-align:center; height:auto; padding:30px 0 20px 0;}
.logo h1{font-size:35px;}
.left_full, .left13, .left23, .left12, .left14{ width:90%; float:left; margin:40px 0 0 5%;}

3 часа назад, Dizred сказал:

А это необходимо в какую часть вставить? точно @ перед media?

И этот код просто уберёт эти фоновые картинки, если разрешение экрана будет менее 991px?

Посмотрите где у вас медиа запросы начинаются, там добавьте. 
Не обязательно "991px", у вас может быть другая точка излома. 
При этом разрешении и меньше просто будет перезапись свойств body. 

3 часа назад, Dizred сказал:

Спасибо большое! Ещё один вопросик пожалуйста, можно ли сделать так, чтобы в мобильной версии этот фон не был виден (скрывался как бы)?  Получается он накладывается под текст и блоки - выглядит не ахти...

Его можно просто убрать/ заменить на нужном разрешении. 
Например: 

@media screen and (max-width: 991px) {
    background: none;
}

after должен к элементу добавляться какому либо. 

#main_container{width:960px;margin:auto;}

#main_container:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

У вас внутри #main_container есть блоки с нулевой высотой. 
Например, .home_bottom. Внутри  три "плавающих" блока и поэтому родитель "схлопнулся".

Самое простое для #main_container добавить "overflow: hidden;"
Но лучше добавить псевдокласс для очистки потока. 
Например, такой: 
#main_container:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

У вас имя домена zak.hol.es,  а url для фоновых картинок начинаются  с test1.ru 
Только для для одной правильно указан. 

Переносили сайт с локального сервера через Duplicator? 

У input нет содержимого, поэтому  ничего не выведет. http://htmlbook.ru/samcss/psevdoelementy
В данном случае можно  обычный placeholder использовать. 

В .menu__icon должны быть пустые span. Они используются для иконки открытия/ закрытия. 
Текст, который там будет трансформироваться, как в примере, который выше присылал, так span-ы эти преобразуются в крестик. Как в указанном примере.
А в работе задействовано только основное меню ".menu__links"

Открываться должно ".menu__links", как сейчас или ".menu__icon"?
Для ".menu__icon span" можно задать font-size: 0;

Если подключить jQuery то меню работает: https://jsfiddle.net/3y4s6ve3/

У вас в ".menu__icon" со span что-то не так, они получаются и для крестика и для пунктов одновременно? 

Если правильно понял проблему, то у header добавьте - top: 0;
И дальше  main можно двигать без всяких "<br>"

Опечатка в этом слове "sryle type.. ", видимо, из-за неё.

В двух местах прийдется менять в данной реализации. 

Нужный padding/ font-size у самого блока, потом у псевдоэлемента толщину border. 

Как понять "только средствами html/css" ? 
Он и так сделан на html/css плюс псевдоэлементы.

https://jsfiddle.net/64t5d85d/

Попробовать на сервере в .htaccess добавить: Header add Access-Control-Allow-Origin "http://имя_разрешенного_домена"  

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

Видимо в этом проблема: https://learn.javascript.ru/xhr-crossdomain

Сервер должен разрешать кросс-доменный запрос с указанного домена.

Вот здесь почитать можно как это сделать, седьмой пункт: https://e-planet.ru/company/blog/12-maloizvestnyh-faktov-o-css-chast-2.html

А зачем для main снизу отрицательный margin? 
Если делать без flexbox для основных блоков, то можно на этом генераторе посмотреть как прижать футер. 

Как вариант, добавьте еще к #menu {position: relative; z-index: 1;}

Как вариант: http://protocoder.ru/css/strokeTextGen

Теоретически можно: https://jsfiddle.net/ckLjvqto/4/
Там еще несколько строк нужно дописать,  для таких размеров,  с увеличенными значениями text-shadow чтобы не было скругления в конце.