@media (max-width: 1199px) {
    .haeder-menu ul {
        padding: 0 40px;
    }

    .haeder-menu ul li a {
        font-size: 15px;
        margin: 0 10px;
        display: flex;
    }
}

@media (max-width: 767px) {
    .header {
        height: 40px;
        padding: 10px 0;
    }

    a.header-logo {
        width: 140px;
        height: 40px;
        background-image: url(/images/logo.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    .header-contacts svg {
        width: 20px !important;
        height: 20px !important;
    }

    .menu-btn {
        width: 26px !important;
        height: 23px !important;
        margin-top: 0;
        position: relative;
        bottom: 6px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='512' height='512' style='enable-background:new 0 0 512 512' viewBox='0 0 24 24'%3E%3Cpath fill='%234e2f19' d='M3.5 7.5h17a1.5 1.5 0 1 0 0-3h-17a1.5 1.5 0 1 0 0 3zm17 3h-17a1.5 1.5 0 1 0 0 3h17a1.5 1.5 0 1 0 0-3zm0 6h-17a1.5 1.5 0 1 0 0 3h17a1.5 1.5 0 1 0 0-3z' data-original='%23000000'/%3E%3C/svg%3E");
        background-size: cover;
    }

    .section-feedback .wrapper-inside>.feedback-container {
        display: flex;
        flex-direction: column-reverse;
    }
}

@media (max-width: 599px) {
    .works-list .works-item {
        width: 100% !important;
    }
}