#search_block_top {width:62%;position:relative;float:left;margin:0;padding:10px;}
#search_block_top p {padding:0;}

#search_block_top .button-keep {cursor:pointer;float:left;clear:none;width:44px;height:44px;position:relative;background:rgba(0, 0, 0, 0.12);border:1px solid rgba(0, 0, 0, 0.22);}
#search_block_top .button-keep:hover {background-color:rgba(0, 0, 0, 0.18);}
#search_block_top .button-keep:active {background-color:rgba(0, 0, 0, 0.22);}
#search_block_top .search-icon {cursor:pointer;border:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff;background:transparent url('img/search_small.png') no-repeat center center;-webkit-backface-visibility: hidden;padding: 9px;text-indent: -9999px;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}

#search_block_top #search_query_top {margin:0 1% 0 0;font-size:14px;line-height:42px;color:#353535;float: left;width:85%;padding:0 8px;border:1px solid #ff6600;-webkit-transition: border linear 0.2s,box-shadow linear 0.2s;-moz-transition: border linear 0.2s,box-shadow linear 0.2s;-ms-transition: border linear 0.2s,box-shadow linear 0.2s;-o-transition: border linear 0.2s,box-shadow linear 0.2s;transition: border linear 0.2s,box-shadow linear 0.2s;-webkit-box-shadow: inset 0 2px 5px #ddd;-moz-box-shadow: inset 0 2px 5px #ddd;box-shadow: inset 0 2px 5px #ddd;}
#search_block_top #search_query_top:focus {border-color:#397E04;}

#search_block_top #search_query_top::-webkit-input-placeholder {font-style:italic;color:#ccc;}
#search_block_top #search_query_top:-moz-placeholder {font-style:italic;color:#ccc;}
#search_block_top #search_query_top::-moz-placeholder {font-style:italic;color:#ccc;}
#search_block_top #search_query_top:-ms-input-placeholder {font-style:italic;color:#ccc;}

form#searchbox label{color:#333;margin-bottom:1px}
form#searchbox input#search_query_block{border: 1px solid #CCCCCC;height: 18px;margin-top:10px;}
form#searchbox input#search_button{padding: 1px 4px;}

@media screen and (min-width: 481px) and (max-width: 900px) {
  #search_block_top {width:60%;}
  #search_block_top #search_query_top {width:80%;}
}

@media screen and (min-width: 481px) and (max-width: 690px) {
  #search_block_top #search_query_top {width:76%;}
}

@media screen and (max-width: 480px) {
  #search_block_top {width:100%;padding:0;margin-bottom:10px;}
  #search_block_top #search_query_top {width:83%;}
  #search_block_top .button-keep {width:16%;}
}

@media screen and (max-width: 321px) {
  #search_block_top #search_query_top {width:81%;}
  #search_block_top .button-keep {width:18%;}
}