Константин Давыдов

Потому, что написание стилей для sass отличаются от scss.

Должно быть вот так:

.block
    &__main 
    color:  #000

Т.е без скобочек и точек с запятой.

Вам нужно прописать стили меню для ширины от 960px до 1389px.

Выглядеть это примерно будет вот так:

@media screen (min-width: 960px) and (max-width: 1389px) {
  // стили меню для этого промежутка.
}

При таких трудностях, используйте gradien generator. Сократит Вам время и силы)

www.colorzilla.com/gradient-editor

Как я понял, они используют ui-autocomplete https://jqueryui.com/autocomplete/

Там используют этот плагин: masonry.desandro.com

На сколько я знаю, можно только через title, при наведении на маркер.

Судя, по документации, должно работать.

$(window).on('resize', function() {

if($(window).width > 992) {
    $(".main").data("onepage_scroll").destroy();
}

});

dots navigation / bullet navigation

Просто для мест, где нужно вставлять контент через редактор, сделайте обёртку, типа <div class="text">, и через каскадность, задайте стили для соответствующих тэгов.

.text p {}
.text h1 {}
.text a {}
.text ul {}