.searchandfilter ul{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin:0;padding:0;list-style:none}.searchandfilter li{margin:0;padding:0;list-style:none}.searchandfilter input[type="search"],.searchandfilter input[type="text"]{width:400px;max-width:400px!important;padding:12px 16px;font-size:15px;border-radius:12px;border:1px solid #ccc;box-sizing:border-box;outline:none}.searchandfilter input[type="submit"]{padding:12px 20px;background-color:#008cce;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;transition:background-color 0.3s ease;white-space:nowrap}.searchandfilter input[type="submit"]:hover{background-color:#007bb8}@media (max-width:480px){.searchandfilter ul{flex-direction:column;align-items:stretch}.searchandfilter input[type="search"],.searchandfilter input[type="text"],.searchandfilter input[type="submit"]{width:100%}}