.form-search-header {
    position: relative;
    width: 462px;
    margin: 0 auto;
}
.input-search-header {
    width: 100%;
    height: 44px;
    padding-left: 40px;
    border: 1px solid #E8E8E8;
    border-radius: 2px;
    outline: none;
}
.button-search-header {
    width: 42px;
    height: 42px;
    background: url(/local/templates/custom/img/vector_search.svg);
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    position: absolute;
}
.button-search-erase {
    display: none;
    width: 42px;
    height: 42px;
    background: url(/local/templates/custom/img/vector-close.svg);
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    position: absolute;
    right: 0px;
    top: 0px;
}
.search-module-mobile {
    display: none;
}
.button-search-header-mobile {
    display: none;
}
@media (max-width: 780px) {
    .button-search-header-mobile {
        width: 42px;
        height: 42px;
        background: url(/local/templates/custom/img/vector_black.svg);
        background-repeat: no-repeat;
        background-position: center;
        border: none;
        display: block;
    }
    .form-search-header {
        display: none;
    }
    .search-module-mobile {
        position: fixed;
        display: none;
        z-index: 100;
        width: 100%;
        top: 0;
        left: 0px;
        padding: 8px 0;
        background-color: #fff;
        box-shadow: 0 0 0 1px #e8e8e8, -32px 27px 51px #8c8c8c05;
    }
    .search-module-mobile__show{
        display: flex;
    }
    .form-search-header-mobile {
        position: relative;
        width: 75%;
        margin: 0px 15px
    }
    .btn-mobile{
        color: #0094FF !important;
        background-color: #fff !important;
    }
}