@media (max-width:768px){.header-search-form{width:100%;max-width:90%;margin:0 auto;display:flex;align-items:center;border:1px solid #ddd;border-radius:25px;padding:5px 10px;background:#fff}.header-search-form input[type="search"]{width:100%;border:none;outline:none;font-size:14px;padding:8px 12px;border-radius:25px;background:#fff0}.header-search-form button{background:#fff0;border:none;cursor:pointer;padding:8px;font-size:16px}.header-search-form button i{color:#555}.header-search-form input[type="search"]:focus{background:#f9f9f9}.header-search-form button{font-size:18px}.header-search-form button i{color:#333}.header-search-form{position:fixed;top:10px;left:5%;width:90%;z-index:999}}