.form-group {
    margin-bottom: 1rem !important;
}
.form-control {
    appearance: auto;
}
.breed-form {
    z-index: 1;
}
.googlemaps {
    width: 77% !important;
    height: 580px !important;
}
 .ml-5, .mx-5 {
    margin-left: 3rem;
}
@media screen and (max-width: 767px) {
    .googlemaps {
        width: 100% !important;
    }
    .googlemaps > div {
        width: 90% !important;
        margin: 0 auto 0 10px;
        height: auto !important;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
    .googlemaps {
        width: 80% !important;
        height: 500px !important;
    }
}

@media only screen and (min-device-width : 1650px) {
    .googlemaps {
        width: 700px !important;
        height: 580px !important;
    }
    .googlemaps > div {
        width: 100% !important;
    }
}