.map-top-size { height: 500px!important; width: 100%; } .right-map-size{ height: 100%!important; }	 .leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow { -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in; -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in; -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in; transition: transform 0.3s ease-out, opacity 0.3s ease-in; } .leaflet-cluster-spider-leg { -webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in; -moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in; -o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in; transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in; } .marker-cluster-small { background-color: rgba(181, 226, 140, 0.6); } .marker-cluster-small div { background-color: rgba(110, 204, 57, 0.6); } .marker-cluster-medium { background-color: rgba(241, 211, 87, 0.6); } .marker-cluster-medium div { background-color: rgba(240, 194, 12, 0.6); } .marker-cluster-large { background-color: rgba(253, 156, 115, 0.6); } .marker-cluster-large div { background-color: rgba(241, 128, 23, 0.6); } .leaflet-oldie .marker-cluster-small { background-color: rgb(181, 226, 140); } .leaflet-oldie .marker-cluster-small div { background-color: rgb(110, 204, 57); } .leaflet-oldie .marker-cluster-medium { background-color: rgb(241, 211, 87); } .leaflet-oldie .marker-cluster-medium div { background-color: rgb(240, 194, 12); } .leaflet-oldie .marker-cluster-large { background-color: rgb(253, 156, 115); } .leaflet-oldie .marker-cluster-large div { background-color: rgb(241, 128, 23); } .marker-cluster { background-clip: padding-box; border-radius: 20px; } .marker-cluster div { width: 30px; height: 30px; margin-left: 5px; margin-top: 5px; text-align: center; border-radius: 15px; font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif; } .marker-cluster span { line-height: 30px; } .gm-style-iw + div {display: none;} .gm-ui-hover-effect { display: none !important; } .gm-style-iw-d{ overflow: hidden!important; } .gm-style .gm-style-iw-c {    border-radius: 10px; padding: 0px;  box-shadow: 0 0 8px rgb(0 0 0 / 53%); } .leaflet-popup-content-wrapper .card-map{ width: 254px!important; border-radius:20px!important; border-color:white!important; border:0px!important; margin-left:-1px!important; margin-right:-2px!important; margin-top:-1px!important;	 } .leaflet-popup-content-wrapper .card-title{ font-weight:500; font-size:14px; } .leaflet-popup-content-wrapper .card-text{ font-weight:300; font-size:11px; } .card-img-top-map{ width: 100%; height: 8vw; object-fit: cover; object-position:top; border-top-left-radius: 1em!important; border-top-right-radius: 1em!important; margin: 0px 0px 0px 0px;	 } .leaflet-popup-content-wrapper{ border-radius: 20px; } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: white;     box-shadow: 0 3px 14px rgb(0 0 0 / 53%); } .leaflet-popup-close-button{ display: none ; } .leaflet-popup-content { margin: 0px 0px 0px 0px; } .map50{ height:100%; width:100%; } .maphide{ display: none; } @media (min-width: 780px) and (max-width: 920px) { .map-top-size { height: 400px!important; width: 100%; } .right-map-size{ width: 100%; height: 400px!important; margin-top:40px; } } @media (min-width: 220px) and (max-width: 780px) { .leaflet-popup-content-wrapper .card{ width: 180px!important; border-radius:10px!important;		 } .card-img-top-map{ width: 100%; height: 30vw; } .map-top-size { height: 400px!important; width: 100%; } .right-map-size{ width: 100%; height: 400px!important; margin-top:40px; } }