Elep

@extends('layouts.topnav')

@section('extracss')
    <link rel="stylesheet" href="/css/mains.css">
    <link rel="stylesheet" href="/css/list.css">
    <link rel="stylesheet" href="/css2/vex.min.css">
    <style>
        @media (max-width: 1100px) {
			.search-bar .input-control, .submit-button, .prepend-text {
                height: 40px !important;
                font-size: 0.9rem !important;
            }

.prepend-text {
                padding: 0.5rem 0.5rem;
            }

.prepend-text span {
                display: none !important;
            }

.prepend-text img {
                display: flex !important;
                width: 20px;
            }
		}

@media (max-width: 900px) {
			.search-input {
                display: block;
            }

.search-bar .input-control, .submit-button, .prepend-text {
                border: none;
                height: 40px !important;
                font-size: 0.9rem !important;
            }

.prepend-text {
                border-right: none;
            }

.search-bar .address-input {
                display: none;
            }
		}

.fa.fa-star {
			color: #ffc700;
		}

.fa.fa-heart {
			color: var(--red);
            font-size: 20px;
		}

#footer .container {
            width: 90%;
        }
    </style>
@endsection