Shinso

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

.user-navigation a {
    background: url(http://i102.fastpic.ru/big/2018/0827/e6/477b04b93dab55d5ff68721423e4a2e6.png)no-repeat left center;
}

В main.css 8022 строчка и вообще в панели разработчика для таких случает можно выбрать активацию псевдоклассов

.button:hover, .button:focus, .button:active, .woocommerce a.button:hover, .woocommerce a.button:focus, .woocommerce a.button:active, .woocommerce button.button:hover, .woocommerce button.button:focus, .woocommerce button.button:active, .woocommerce input.button:hover, .woocommerce input.button:focus, .woocommerce input.button:active, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:focus, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:active, .woocommerce input.button.alt:hover, .woocommerce input.button.alt:focus, .woocommerce input.button.alt:active, .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus, .post-password-form input[type="submit"]:active {
    background: #a5d4ce;
    border-color: #a5d4ce;
    color: #30344d;
    text-decoration: none;
}

Ты задал одновременно ширину 100% и margin-left для .language и .item-menu
При адаптиве или убирай margin-left или сразу задавай этот отступ с помощью padding

Он перекрыт сверху другим блоком такое решит проблему

.gallery__text {
    z-index: 1;
}

В твоем варианте type="cheсkbox" вторая буква "c" написана кирилицей

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

.image-effect {
    height: 240px;
}

.application_section {
   position: relative;
z-index: 1;
}

Он блоком что ниже него стоит перекрыт

.imger {
    display: block;
    z-index: 8;
    position: fixed;
    top: 75px;
    left: 0px;
    right: 0;
}

.pop-up__menu {
    width: 100%;
}

В общем единица измерения vw учитывает полную ширину экрана и pop-up__menu прячется за скролбар

Все зависит от отго что делаешь, но у меня лично lg почти никогда не используется сразу ставлю md так как на таких размерах изменения особых на макете нет, если видишь что у тебя колонки по количеству как были на большом разрешении так и остались на мобильном то сразу ставь xs, в общем использование крайне простое например было у тебя на большом экране подрят 4 картинки с подписями, для каждой пропивываешь col-md-3 затем на неком размере при адаптиве они уже выглядят слишком маленькими ставишь еще каждому по col-sm-6 и они уже будут не 4 в ряд а 2 ряда по 2 картинки и когда экран сузиться до меньшего чем sm разрешения они уже станут по одной в ряд