@media screen and (min-width: 300px) and (max-width: 600px) {
    body {
    }

    .mapView {
        width: 99%;
        height: 99%;
        min-width: 1px;
        min-height: 600px;
        border-block-color: orange;
      
    }
}

@media screen and (min-width: 601px) and (max-width: 767px) {
    body {
    }

    .mapView {
        width: 99%;
        height: 99%;
        min-width: 1px;
        min-height: 600px;
        border-block-color: orange;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    body {
    }

    .mapView {
        width: 99%;
        height: 99%;
        min-width: 1px;
        min-height: 800px;
        border-block-color: orange;
    }
}

@media screen and (min-width: 993px) {
    body {
    }

    .mapView {
        width: 99%;
        height: 99%;
        min-width: 1px;
        min-height: 800px;
        border-block-color: orange;
    }
}

.MapSearchResults {
   font-size:12px;
   font-weight:bold;
   margin:10px;
}

.customSearch .esri-search {
    width: 400px; /* Adjust width as needed */
}