2cha.headz

Вот примеры с исходниками (но не bootstrap):
https://tympanus.net/codrops/2015/11/17/multi-leve...
https://tympanus.net/codrops/2013/08/13/multi-leve...

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

у вас есть блок родитель, внутри которого кнопка, заголовок и текст (скрытый изначально с display: none)
вешаете js обработчик на кнопку, который при клике добавляет/удаляет класс (например .active) родителю,
и добавляете доп стили через этот класс, т.е. если есть .active у родителя, то кнопка зеленая и текст display: block;

у вас фиксированная ширина 1000px

.content
{
    margin: 100px auto;
    width: 1000px;
}

так же в head добавьте:

<meta name="viewport" content="width=device-width, initial-scale=1">

https://jsfiddle.net/zsd81nw0/

у вас скорее всего в col-lg-* проблема, 992px+ они действуют, а на 991 перестают

оберните галерею во враппер и его раскрасьте

нужен linear, у вас возможно другой эффект

.el {
    animation: test  2s infinite linear;
}

https://jsfiddle.net/wmnf5a74/

попробуйте вот так:

.card:hover {
  transform: scale(1.2) perspective(1px);
  transition: 500ms all;
}

скачков как таковых нет, только при увеличении текст чуть жирным стает =)

добавьте

.main-ul li {
    position: relative;
}

.main-ul li:nth-child(n) a::before {
    top: 50%;
    left: -40px;
    margin-top: -2.5px;
}

строку left: -40px; поправьте на необходимую

$( ".menu-btn, .menu-box-btn" ).click(function() {
    var thiss = this;
    if(!$(thiss).hasClass('wait')) {
        $( ".menu" ).toggleClass("menu-visible");    
        $(thiss).addClass('wait');
        var animationDuration = 2000;
        setTimeout(function(){$(thiss).removeClass('wait')}, animationDuration);
    }
});

это добавить в css

.clearfix:after {
content: "";
display: table;
clear: both;
}

слою с классом workText добавьте класс clearfix

я не вижу у вас внутри .post-thumbnail элемент .popover

закиньте куда-нибудь код или ссылку на текущий дайте

как-то так можно (медиа замените на свои):

if (window.matchMedia('(max-width: 767px)').matches) {
    $(".header-top").append($('.logo'));
} else {
    $(".header-main").append($('.logo'));
}

append заменяйте на свой код в необходимости от положения логотипа внутри .header-main и .header-top

хотя я бы дублировал лого и показывал/скрывал их медизапросами

у вас у инлайнов позиционирование просто не от верха

пропишите и "отступ сверху" пропадет:

.filed_input > * {
    vertical-align: top;
}