<div class="container custom-404">
  <div class="not-found-bg">
    <img src="https://preview.ibb.co/d2fA19/404_error.png">
  </div>
  <div class="search">
    <div class="search-wrapper">
      <div class="search-help-text">
        <img src="https://image.ibb.co/hNh18p/404_worry.png">
        <h4>Don't worry</h4>
        <p>We are here to help you out</p>
        <p>You may go back to
          <a href="#">Home</a>,
          <a href="#">Mens Apparel</a>,
          <a href="#">Womens Fashion</a>,
          <a href="#">Toys Collection</a>,
          <a href="#">Contact Us</a> or Search our products here</p>
      </div>
      <form id="search_mini_form">
        <div class="input-box">
          <input id="search" type="search" name="q" value="" class="input-text required-entry" maxlength="128" placeholder="Search entire store here...">
          <button title="Search" class="button search-button"><i class="fa fa-search" aria-hidden="true"></i>
</button>
        </div>
      </form>
    </div>
  </div>
</div>

* {
  margin: 0;
  padding: 0;
}
.container {
  font-family: "Roboto Condensed", sans-serif;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
a {
  color: #f9af5a;
  text-decoration: none;
}
.custom-404 {
  display: flex;
}
.not-found-bg {
  background: #f9af5a;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  float: left;
  height: 100vh;
}
.not-found-bg img {
  width: 80%;
}
.search {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  float: left;
  background: #4d4d4d;
  flex-wrap: wrap;
  padding: 40px 30px;
}
.search img {
  width: 150px;
  margin: 0 auto 20px auto;
  display: table;
}
.search-help-text {
  width: 100%;
}
.search-help-text h4 {
  font-size: 22px;
  margin-bottom: 20px;
}
.search-help-text p {
  font-size: 18px;
  margin-bottom: 20px;
}
.input-box {
  position: relative;
}
.input-box .input-text {
  height: 40px;
  background: #fff;
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  font-size: 14px;
  padding: 8px;
  box-shadow: none;
  border: 0;
}
.input-box .button {
  background: #f9af5a;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50px;
  font-size: 20px;
}