.leaflet-control-geocoder a {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
}

.leaflet-control-geocoder {
	box-shadow: 0 1px 7px #999;
	background: #f8f8f9;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	width: 50vw;
}

.leaflet-control-geocoder a {
	background-image: url(images/geocoder.png);
	width: 36px;
	height: 36px;
}

.leaflet-touch .leaflet-control-geocoder a {
	width: 44px;
	height: 44px;
}

.leaflet-control-geocoder .leaflet-control-geocoder-form,
.leaflet-control-geocoder-expanded .leaflet-control-geocoder-toggle {
	display: none;
}

.leaflet-control-geocoder-expanded .leaflet-control-geocoder-form {
	display: block;
	position: relative;
}

.leaflet-control-geocoder-expanded .leaflet-control-geocoder-form input[type="text"] {
	width: 45vw;
	height: 40px;
	font-size: 1.2rem;
}
.leaflet-control-geocoder-expanded .leaflet-control-geocoder-form input[type="submit"] {
	width: 75px;
    margin-left: 3px;
	color: #fff;
    background-color: #007bff;
    border-color: #007bff;
	height: 40px;
	border-radius: 0 5px 5px 0;
	font-size: 1.2rem;
}
.leaflet-control-geocoder-expanded .leaflet-control-geocoder-form {
	padding: 5px;
    border: 2px solid rgba(0,0,0,0.2);
    border-radius: 8px;
	
}
/* Large desktops and laptops */
@media (min-width: 768px) and (max-width: 1024px) {
.leaflet-control-geocoder-expanded .leaflet-control-geocoder-form input[type="text"] {
    width: 38vw;
    height: 40px;
    font-size: 1.2rem;
}
.leaflet-control-geocoder {
    box-shadow: 0 1px 7px #999;
    background: #f8f8f9;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    width: 50vw;
}
	.leaflet-center {
    left: 45%;
    transform: translate(-45%, 0%);
}

@media (min-width: 1024px) and (max-width: 1152px) {
.leaflet-control-geocoder-expanded .leaflet-control-geocoder-form input[type="text"] {
    width: 30vw;
    height: 40px;
    font-size: 1.2rem;
}
.leaflet-control-geocoder {
    box-shadow: 0 1px 7px #999;
    background: #f8f8f9;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    width: 39vw;
}
	.leaflet-center {
    left: 39%;
    transform: translate(-39%, 0%);
}

}
@media (min-width: 1200px) and (max-width: 1280px) {
.leaflet-control-geocoder-expanded .leaflet-control-geocoder-form input[type="text"] {
    width: 37vw;
    height: 40px;
    font-size: 1.2rem;
}
.leaflet-control-geocoder {
    box-shadow: 0 1px 7px #999;
    background: #f8f8f9;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    width: 45vw;
}
	.leaflet-center {
    left: 45%;
    transform: translate(-45%, 0%);
}

}

@media (min-width: 1280px) and (max-width: 1366px) {
.leaflet-control-geocoder-expanded .leaflet-control-geocoder-form input[type="text"] {
    width: 40vw;
    height: 40px;
    font-size: 1.2rem;
}
.leaflet-control-geocoder {
    box-shadow: 0 1px 7px #999;
    background: #f8f8f9;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    width: 48vw;
}
	.leaflet-center {
    left: 45%;
    transform: translate(-45%, 0%);
}

}
@media (min-width: 1366px) and (max-width: 1440px) {
.leaflet-control-geocoder-expanded .leaflet-control-geocoder-form input[type="text"] {
    width: 40vw;
    height: 40px;
    font-size: 1.2rem;
}1
.leaflet-control-geocoder {
    box-shadow: 0 1px 7px #999;
    background: #f8f8f9;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    width: 48vw;
}
	.leaflet-center {
    left: 45%;
    transform: translate(-45%, 0%);
}

}

@media (min-width: 1400px) and (max-width: 1600px) {
.leaflet-control-geocoder-expanded .leaflet-control-geocoder-form input[type="text"] {
    width: 43vw;
    height: 40px;
    font-size: 1.2rem;
}1
.leaflet-control-geocoder {
    box-shadow: 0 1px 7px #999;
    background: #f8f8f9;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    width: 48vw;
}
	.leaflet-center {
    left: 45%;
    transform: translate(-45%, 0%);
}

}

@media (min-width: 1600px) and (max-width: 1680px) {
.leaflet-control-geocoder-expanded .leaflet-control-geocoder-form input[type="text"] {
    width: 44vw;
    height: 40px;
    font-size: 1.2rem;
}1
.leaflet-control-geocoder {
    box-shadow: 0 1px 7px #999;
    background: #f8f8f9;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    width: 48vw;
}
	.leaflet-center {
    left: 45%;
    transform: translate(-45%, 0%);
}

}

@media (min-width: 1680px) and (max-width: 1768px) {
.leaflet-control-geocoder-expanded .leaflet-control-geocoder-form input[type="text"] {
    width: 44vw;
    height: 40px;
    font-size: 1.2rem;
}1
.leaflet-control-geocoder {
    box-shadow: 0 1px 7px #999;
    background: #f8f8f9;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    width: 48vw;
}
	.leaflet-center {
    left: 45%;
    transform: translate(-45%, 0%);
}

}