header .top_header {
    overflow: hidden;
    background-color: #353434;
    height: 34px;
    color: #f2f1f1;
    padding-top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.top_header__inside {
    max-width: 100%;
    margin: 0 auto;
    width: 1170px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.top_header__right {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.language_changer {
    margin-right: 9px;
}

.language_changer span {
    color: #b3b3b3;
    cursor: default;
}

.language_changer a {
    color: #f2f1f1;
}

.language_changer a:hover {
    color: #9c2531;
}

.middle_header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
    height: 90px;
}

.main-logo {
    width: 150px;
    padding: 8px 0 0;
}

.middle-header__rightside {
    max-width: calc((100% - 150px) / 2);
    width: calc((100% - 150px) / 2);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;

}

.middle-header__search-form {
    border: 1px solid #b3b3b3;
    margin: 0 auto;
    width: 261px;
    padding: 2px 5px;
    height: 32px;
    color: #b3b3b3;
    box-sizing: border-box;
    margin-top: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    ;
}

.middle-header__search-input {
    color: #b3b3b3;
    width: 235px;
    box-sizing: border-box;
}

.middle-header__search-submit {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 485.213 485.213'%3E%3Cg fill='%23b3b3b3'%3E%3Cpath d='M471.882 407.567L360.567 296.243a214.267 214.267 0 0 1-64.331 64.321L407.56 471.888c17.772 17.768 46.587 17.768 64.321 0 17.773-17.739 17.773-46.554.001-64.321zM363.909 181.955C363.909 81.473 282.44 0 181.956 0 81.474 0 .001 81.473.001 181.955s81.473 181.951 181.955 181.951c100.484 0 181.953-81.469 181.953-181.951zM181.956 318.416c-75.252 0-136.465-61.208-136.465-136.46 0-75.252 61.213-136.465 136.465-136.465 75.25 0 136.468 61.213 136.468 136.465 0 75.252-61.218 136.46-136.468 136.46z'/%3E%3Cpath d='M75.817 181.955h30.322c0-41.803 34.014-75.814 75.816-75.814V75.816c-58.517 0-106.138 47.621-106.138 106.139z'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 20px;
    background-color: transparent;
    background-position: right center;
    background-repeat: no-repeat;
    width: 27px;
    height: 25px;
    padding: 0;
    border-left: 1px solid #b3b3b3;
    box-sizing: border-box;
    transition: opacity .2s ease;
}

.middle-header__search-submit:hover {
    opacity: 0.8;
}

header {
    max-height: 169px;
}


@media only screen and (max-width: 1175px) and (min-width: 1125px) {

    .top_header__inside,
    .middle_header {
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }
}

@media only screen and (max-width: 1124px) {
    .main-logo {
        padding-top: 0;
    }

    .middle-header__search-form {
        display: none;
    }

    .language_changer,
    .autorization_header {
        display: inline-block;
    }

    .autorization_header {
        margin-right: 150px;
    }

    .top_header {
        height: 30px;
    }

    .top_header .cities_block {
        display: none;
    }

    .top_header .tablet-visible {
        text-align: right;
        display: inline-block;
    }

    .middle_header .bx-system-auth-form {
        display: none;
    }

    .middle_header .logo {
        margin-top: 10px;
        margin-left: calc(50% - 75px);
    }

    .middle_header {
        height: 105px;
        position: relative;
    }

    .header {
        height: 130px;
    }

    .middle_header .basket {
        margin-top: 15px;
    }

    .script_selection.lang_selection {
        display: none;
    }

    .currency_selection_wrapper {
        left: -80px;
        width: 400%;
        display: inline-block;
    }

    .currency_selection li.activ {
        color: black;
        width: 30px;
    }

    .currency_selection li {
        width: 30px;
        opacity: 1;
        color: gray;
    }

    .currency_selection:hover .currency_selection_wrapper {
        width: 400%;
        left: -80px;
        z-index: 100;
    }

    .site_wrapper.fix-menu header .middle_header {
        position: fixed;
        z-index: 999;
        background: white;
        top: 0;
        left: 0;
        -webkit-transition: -webkit-transform 300ms ease-in;
        transition: -webkit-transform 300ms ease-in;
        transition: transform 300ms ease-in;
        transition: transform 300ms ease-in, -webkit-transform 300ms ease-in;
        will-change: transform;
        -webkit-box-shadow: 0 5px 30px 0 rgba(50, 50, 50, .26);
        box-shadow: 0 5px 30px 0 rgba(50, 50, 50, .26);
    }

    .site_wrapper.fix-menu header.scrolldown .middle_header {

        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);


    }

    .site_wrapper.fix-menu header.scrolldown #menu-open-handler {
        -webkit-transform: translateY(-140px);
        transform: translateY(-140px);
    }

    .site_wrapper.fix-menu #menu-open-handler {
        top: 25px;
        position: fixed;
        z-index: 999;
        -webkit-transition: -webkit-transform 300ms ease-in;
        transition: -webkit-transform 300ms ease-in;
        transition: transform 300ms ease-in;
        transition: transform 300ms ease-in, -webkit-transform 300ms ease-in;
        will-change: transform;
    }
}

@media only screen and (max-width: 767px) {
    .top_header {
        display: block;
    }

    .top_header .container {
        margin-left: 15px;
        margin-right: 15px;
    }

    .autorization_header {
        margin-right: 25px;
    }

    #menu-open-handler {
        top: 58px;
    }

    .middle_header .logo {
        margin-left: calc(50% - 60px);
    }

    .site_wrapper.fix-menu #menu-open-handler {
        top: 27px;
    }

    #menu-open-handler .handler-line {
        margin-bottom: 8px;
    }

    .middle_header .basket {
        position: absolute;
        right: -10px;
        border: none;
        top: 26px;
        margin-top: 0;
    }

    #basket-rukodelie {
        right: 25px;
        left: auto;
    }

    .top_menu {
        position: fixed;
        top: 0 !important;
        right: 0;
        max-width: 100%;
    }

    nav .menu ul {
        margin-left: 60px;
    }

    .mobile-visible .select-currency {
        display: block;
    }

    .mobile-visible .currency_wrap {
        float: none;
        margin-left: 10px;
    }

    .currency_selection_wrapper {
        background-color: transparent;
    }

}