/
home
/
obinna
/
html
/
cravings
/
public
/
css
/
Upload File
HOME
.search-input { /* margin-bottom: 10px; */ } .search-input .search-inner { position: relative; max-width: 90%; } @media (max-width: 767px) { .search-input .search-inner { max-width: 100%; } } .search-input .search-inner .inputs { width: 100%; margin: 0; margin-top: 25px; } .search-input .search-inner .inputs .row { margin: 0; } .search-input .search-inner .inputs .food-cont, .search-input .search-inner .inputs .add-cont { padding: 0; } .search-input .search-inner input { background: #fff; border: 1px solid #222; outline: 0; /*padding: 10px 180px 10px 30px;*/ padding: 10px; height: 56px; border-radius: 0; } .search-input .search-inner .food-search { border-top-left-radius: 30px; border-bottom-left-radius: 30px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 1px solid #222; padding-left: 20px; } .search-input .search-inner .address-input { border-top-right-radius: 30px; border-bottom-right-radius: 30px; border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: 0; padding-right: 0; } @media (min-width: 576px){ .search-input .search-inner .address-input { padding-right: 150px; } } @media (max-width: 576px){ .search-input .search-inner .inputs .food-cont, .search-input .search-inner .inputs .add-cont { margin-top: 5px; } .search-input .search-inner .address-input { padding-left: 20px; /*margin-top: 5px;*/ border-left: 1px solid; } .search-input .search-inner.location-search input { padding-left: 10px; } .search-input .search-inner.location-search button { padding: 10px; } } .search-input .search-inner .full-search-rad { border-radius: 30px !important; padding-left: 20px; } .search-input .search-inner input:focus { -webkit-box-shadow: none; box-shadow: none; } .suggest-form input { height: 45px; border-radius: 10px; } .get-location, .place-load { position: absolute; bottom: 0; right: 125px; cursor: pointer; display: flex; align-content: center; justify-content: center; height: 100%; } #address { padding-right: 145px; } @media (max-width: 576px) { .get-location, .place-load { right: 0; width: 60px; justify-content: center; border-top-right-radius: 30px; border-bottom-right-radius: 30px; } .get-location img { vertical-align: initial; } #address { padding-right: 30px; } } @media (max-width: 480px){ #address { padding-right: 50px; } }