header{width:100%;background-color:#000;color:#fff;display:flex;align-items:center;height:100%;padding:0 10px;justify-content:space-between}input{height:30px;border-radius:5px;padding:10px;width:100%;font-size:small}button,input{border:none;outline:none;display:flex;align-items:center}button{cursor:pointer;color:#fff;height:100%;background-color:#000;justify-content:space-between}@media (max-width:360px){.header-section:first-child{display:flex;width:60%;height:100%;justify-content:space-between}.header-section:last-child{display:flex;height:100%;width:20%;justify-content:space-between}.header-section:last-child button div:last-child{display:none}}@media (min-width:361px) and (max-width:411px){.header-section:first-child{display:flex;width:60%;height:100%;justify-content:space-between}.header-section:last-child{display:flex;height:100%;width:20%;justify-content:space-between}.header-section:last-child button div:last-child{display:none}}@media (min-width:412px) and (max-width:599px){.header-section:first-child{display:flex;width:60%;height:100%;justify-content:space-between}.header-section:last-child{display:flex;height:100%;width:20%;justify-content:space-between}.header-section:last-child button div:last-child{display:none}}@media (min-width:600px){input{width:400px}section{display:flex;justify-content:space-between}button{height:auto}section:last-child button div:last-child{display:flex}}