#search-results{position:absolute;top:65px;left:5px;right:5px;border:1px solid var(--grey-1);border-radius:var(--radius-1);background-color:var(--white);box-shadow:0 0 35px #0000001a;z-index:100;color:var(--black);font-size:var(--text-2);@media screen and (min-width: 768px){top:85px;left:20px;right:20px;font-size:var(--text-3)}>div {border-top: 1px solid var(--grey-1); border-bottom: 0 none; cursor: pointer; padding: 10px 0; position: relative; transition: color .5s ease; transition: background-color .5s ease; em {font-weight: bold; font-style: normal;} .grid {padding-left: 10px; padding-right: 10px; display: block; display: grid; grid-template-columns: minmax(20%,1fr) minmax(60%,1fr) 15px; @media screen and (min-width: 768px) {grid-template-columns: 1fr 2fr 100px;} grid-gap: 10px; align-items: center; overflow-wrap: break-word; hyphens: auto; min-height: 40px;} .make {position: absolute; left: 10px; bottom: 3px; @media screen and (min-width: 768px) {bottom: 5px;}} &:first-child {border-top: 0 none;} .view-button {.button {display: none;} .mobile-only {display: block;}} &:hover {background-color: var(--grey-5); .button {background-color: var(--orange-2); color: var(--white); transition: background-color .2s ease;}} @media screen and (min-width: 768px) {.view-button {.button {display: block;} .mobile-only {display: none;}}}}}#vehicle-model{text-transform:capitalize}#no-records{background-color:var(--grey-5);color:var(--red-2);position:absolute;z-index:100;left:5px;right:5px;border:1px solid var(--grey-1);padding:10px;@media screen and (min-width: 768px){left:20px;right:20px}}