.wrap-search-code.mobile {
  display: none;
}

.search-code {
  margin-top: 50px;
}
.search-code form {
  width: 50%;
  margin: 0 auto;
  border: 1px solid #ccc;
  border-radius: 5px;
  overflow: hidden;
}
.search-code form input {
  width: 100%;
  border: 0;
  padding: 9px 4px 9px 40px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 13px center;
  background-color: rgb(255, 255, 255);
}
.search-code form input:focus {
  outline: none;
} 
.search-code form button {
  border-radius: 0 !important;
}

#searchCodeModal .modal-dialog {
  max-width: 1000px;
}
#searchCodeModal .modal-title {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.75);
}
#searchCodeModal .modal-content {
  background-color: rgba(0, 0, 0, 0.28);
}
#searchCodeModal .info {
  color: rgba(255, 255, 255, 0.75);
  font-size: 1.5rem;
  font-weight: 300;
  white-space: normal;
  overflow-y: visible;
  margin-bottom: 15px;
}
#searchCodeModal table {
width: 100% !important;
}


@media screen and (max-width: 768px) {
  .wrap-search-code.desktop {
    display: none;
  }
  .wrap-search-code.mobile {
    display: block;
  }
  div#menu {
    height: unset;
  }
  .search-code {
    margin-top: 0;
  }
  .search-code form {
    width: 100%;
    height: 35px !important;
    margin: 5px 0;
  }
  .search-code form input {
    width: 100%;
    border: 0;
    padding: 3px 10px;
    background: unset;
    background-color: rgb(255, 255, 255);
  }
  .box-search-mb {
    width: calc(100% - 34px);
  }
  .box-search-mb div#search {
    margin-top: 5px;
    width: 100% !important;
    max-width: 100% !important;
  }
}