.ml-mobile-search {
  position: fixed;
  top: 0;
  left:0;
  right:0;
    background-color: #e8e8e8;
  z-index:100;
    display:grid;
  grid-template-columns: 1fr 100px;
  box-shadow: 1px 4px 19px #7a7a7a;
}

.ml-mobile-search:not(.active) {
    display:none !important;
}

.ml-mobile-search .block-search {
    width:100% !important;
}

#search_widget {
    max-width: 100% !important;
    width: 100% !important;
}

.ml-mobile-search__close svg {
    width: 30px;
    height: 30px;
}

.ml-mobile-search__col--close {
    display:flex;
    align-items:center;
    justify-content:center;
}
.ml-mobile-search__close {
    background-color:transparent !important;
    border:0;
}

.ml-mobile-search-button svg {
  width: 25px;
  height: 25px;
}

.ml-mobile-search-button {
    background:transparent;
    border:0;
}
.ml-mobile-search-nav {
    float: right;
    padding:0px 12px;
}