#search-container{display:none;position:absolute;top:0;right:auto;left:auto;width:390px;height:100%;z-index:10000;background:#fff}#search-wrapper{width:100%;position:relative;box-sizing:border-box}#search-input input.search-input{padding:0 10px 0 45px;height:42px;line-height:42px;font-size:16px;width:calc(100% - 150px);float:left;background:url("../images/search.svg") 12px center/22px auto no-repeat;box-sizing:border-box;color:#888}#search-input input.search-submit{float:left;background:0 0;font-size:15px;border-bottom:none;padding:0 10px;height:45px;line-height:45px;width:100px;font-weight:600;box-sizing:border-box;cursor:pointer;transition:color .3s}#search-input input.search-submit:hover{color:var(--orange)}#search-input .close{margin-top:4px;padding-right:28px;width:40px;height:40px;box-sizing:border-box;float:right;text-indent:-9999px;background:url("../images/close.svg") center center/15px auto no-repeat;transition:background-color .3s}#search-input .close:hover{background-color:#fff}@media screen and (max-width:850px){#search-container{width:calc(100% - 50px);border:10px solid #fff;top:-10px}}@media screen and (max-width:420px){#search-container{width:360px}}@media screen and (max-width:380px){#search-container{width:340px}}@media screen and (max-width:330px){#search-container{width:310px}}