/*Mobile max-width 767px*/
@media screen and (max-width: 767px) {
    body:not(.search-active) .website-switcher-wrapper {
        margin-left: -50px;
    }
    body:not(.search-active) .block-search .form.minisearch {
        padding-left: 370px;
        bottom: -30px;
    }
    body:not(.search-active) .block-search .form.minisearch .field.search {
        position: relative;
        top: -46px;
    }
    body:not(.search-active) .block-search .action.search {
        top: -46% !important;
        transform: translateY(-46%);
    }

    body:not(.search-active) .block-search .actions {
        pointer-events: none;
    }

    .block-search .form.minisearch {
        bottom: 15px;
        position: fixed !important;
        left: 0;
        margin: 0 auto;
        right: 0;
        width: 50px;
        transition: all 300ms ease-in-out 0s;
    }
    .block-search .form.minisearch .search-container input {
        padding: 0 20px;
        background: #fff;
    }

    .block-search .form.minisearch .search-container input::-webkit-input-placeholder {
     color: transparent;
 }
    .block-search .form.minisearch .search-container input::-moz-placeholder {
     color: transparent;
 }
    .block-search .form.minisearch .search-container input:-moz-placeholder {
     color: transparent;
 }
    .block-search .form.minisearch .search-container input:-ms-input-placeholder {
     color: transparent;
 }


    .block-search .form.minisearch.active {
        width: 355px;
        bottom: 80px;
    }
    .block-search .form.minisearch:not(.active) input {
        text-indent: 200px;
    }
    .block-search .form.minisearch:not(.active) .action.search {
        pointer-events: none;
    }

}


/*Mobile max width 420px*/
@media screen and (max-width: 420px) {
    body:not(.search-active) .block-search .form.minisearch {
        padding-left: 270px;
    }

    .block-search .form.minisearch.active {
        width: 265px;
    }
}