WhiteSama

@media (min-width: 320px) and (max-width: 480px) {
.topmenu li { width: 100%;}
}

будут на маленьких разрешениях на всю ширину экрана. не плавно, на мобилках и не по зумить

$(".add_to_cart_button").click(function() {
  $("#foot-carousel div:contains('Корзина пуста.')").remove();

  $('#foot-carousel').data('owlCarousel').addItem('<div>' + $('.cart_list li:last').html() + '</div>');
  $(".fixed-bottom").show().fadeTo("slow");
});

Логику этого куска поменяйте.

делал по клику на ссылку, но можно поместить путь в скрипт.

$('a').onload(function() {
  $('link').attr('href',$(this).attr('rel'));
});

<a href="#" rel="/css/for_blind/css/black.css"></a>

Под адаптив надо использывать медиа запросы. И будет не пропорциально изменяться, а ступенчато. Шрифты через медиа запросы, либо процентами или скриптами (можно указать размеры в em, и увеличивать em у body), картинки %, но лучше использовать свг. Со спрайтми тоже не сложно, просто указывает позицию в процентах (есть полно примеров).

Можно использовать display: inline-block; vertical-aligh: top;

30 секунд и гугл делают чудеса:
www.sitepoint.com/5-progress-loading-lines-youtube...

Плагин PACE 100% !!! github.hubspot.com/pace/docs/welcome

Таблицы теперь не котируются?

по nth-child выбираете нужные и ставите content: none;

.partner-inside:nth-child(4n+4)::after {
  content: none;
}

градиент можно тоже через ксс сделать, и будет 1 в 1

я знаю ширину только центрального блока. как я смогу задать ширину для боковых бГ???

При переносе в любую сторону, на тестовом все норм.