MNB

можно попробовать
caniuse.com/#feat=border-image + caniuse.com/#feat=css-gradients
+ обязательно вендорные префиксы
но не обещаю

background у ссылки перенесите в стили, а не инлайн. Ховер - убираете фон.

зачем media queries?

overflow:hidden;
text-overflow: ellipsis;
white-space: nowrap;

font-face и целая армия декоративных шрифтов. львиная доля из них не поддерживает кирилицу

input:focus + label
+ вариации
input:valid
input:invalid
input:checked
input:disabled
и тд

caniuse.com/#search=clip-path
на выбор два варианта

без медиа-квериес не обойтись

https://jsfiddle.net/546ps942/4/

.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
}

куда нибудь после бутстрапа.

https://jsfiddle.net/p4ep4zb3/1/

стили, которые вы применили для ".lside b" примените для ".lside " и удалите float:left

"тоисть" пишется как "то есть".
"улаживаюсь" -> "укладываюсь"
Глаз режет. Если вы не можете правильно писать по-русски, может не стоит начинать делать это в местах с более строгими правилами? HTML, CSS, например.

Теперь по делу.
Верстаете с жесткой высотой, такой же, как задано в исходном шаблоне, чтоб добиться PixelPerfect.
Когда всё сверстано - подгоняете под требования: адаптивность, высота, разные эффекты и т.д. Вы должны исходить из того, что основные элементы и отступы у вас уже сверстаны. Менять размер нужно только общим блокам и их фон.

вы сами то код свой видели? где что по чему кликать должно?