.sb-search {position: relative;margin-top:8px;width:0%;min-width:50px;height:50px;float: right;overflow: hidden;-webkit-transition: width 0.3s;-moz-transition: width 0.3s;transition: width 0.3s;-webkit-backface-visibility: hidden;}
.sb-search-input {position:absolute;top:0;right:0;border:none;outline:none;width:200px;height:50px;margin:0;z-index:10;background-color:#EEE;padding-left:20px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:sborder-box;}
.sb-search-input::-webkit-input-placeholder {color:#999;}
.sb-search-input:-moz-placeholder {color: #999;}
.sb-search-input::-moz-placeholder {color: #999;}
.sb-search-input:-ms-input-placeholder {color: #999;}
.sb-icon-search,.sb-search-submit {width: 50px;height: 50px;display: block;position: absolute;right: 0;top: 0;padding: 0;margin: 0;line-height: 50px;text-align: center;cursor: pointer;}
.sb-search-submit {filter: alpha(opacity=0);opacity: 0;color: transparent;border: none;outline: none;z-index: -1;}
.sb-icon-search {background-color:#FFF;color:#999;z-index: 90;font-size:20px;speak: none;}
.sb-search.sb-search-open,.no-js .sb-search {width:200px;}
.sb-search.sb-search-open .sb-icon-search,.no-js .sb-search .sb-icon-search {background-color:#FFF;color:#4285be;z-index: 11;}
.sb-search.sb-search-open .sb-search-submit,.no-js .sb-search .sb-search-submit {z-index: 90;}
@media screen and (min-width:700px) and (max-width:1000px) {
.sb-search {margin-top:0px;}
.sb-search-input {width:100%;}
.sb-search.sb-search-open,.no-js .sb-search {width:500px;}
}
@media screen and (max-width:700px) {
.sb-search-input {width:100%;}
.sb-search.sb-search-open,.no-js .sb-search {width:240px;}
}