.search_element {
  display: none; }

@media only screen and (min-width: 768px) {
  .search_element {
    display: block;
    color: #666; }
  .search_element .search-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 32px;
    margin-top: 20px; }
  .search_element .search-control .engine {
    width: 34%;
    border-radius: 6px 0 0 6px;
    border: 1px solid #D8D8D8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .search_element .search-control .engine .search-label {
    padding-right: 5px;
    padding-left: 5px; }
  .search_element .search-control .engine input {
    width: 100%;
    border: none;
    height: 28px;
    padding-left: 10px;
    background: transparent; }
  .search_element .search-control .engine input:focus {
    outline: none; }
  .search_element .search-control .releases-media {
    width: 180px;
    border-radius: 0 0 0 0;
    border: 1px solid #D8D8D8;
    position: relative;
    display: inline-block; }
  .search_element .search-control .search-date {
    width: 280px;
    border-radius: 0 0 0 0;
    border: 1px solid #D8D8D8;
    position: relative; }
  .search_element .search-control .icon-container {
    border-radius: 0 6px 6px 0;
    border: 1px solid #D8D8D8;
    color: #979797;
    cursor: pointer;
    padding: 0px 8px 0 8px; }
  .search_element .search-control .icon-container .icon {
    line-height: 30px;
    font-size: 18px; } }