#st-map{ position:absolute; top:0; bottom:0; width:100%; }
#st-content-wrapper .st-map-box .google-map-mapbox #st-map{
    position: relative;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 450px;
}
#st-content-wrapper .st-map-box{
	 width:100%;
     height: 450px;
}

.page-template-template-user  .st_mapbox_custom.mapboxgl-map#st_mapbox_custom{
    width: 100% !important;
    height: 450px;
    margin-bottom: 30px;
}
/*#map-search-form .mapboxgl-popup{
	top: -34%;
	left: 7.8%;
}
#map-search-form.map-full-height .mapboxgl-popup {
    top: -20%;
    left: 20%;
}*/
#map-search-form .mapboxgl-popup .item-service-map:after {
	bottom: 50%;
    left: -9px;
    right: 100%;

}
#map-search-form .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{
	display: none;
}
#map-search-form .mapboxgl-popup .mapboxgl-popup-close-button{
	cursor: pointer;
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 10;
    font-size: 20px;
    color: #333;
    font-weight: 600;
}

/*#map-search-form .marker {
	background-image: url('https://i.imgur.com/MK4NUzI.png');
	background-size: cover;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	cursor: pointer;
}*/
#st-content-wrapper .st-hotel-map-area .st-map-box {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 33.3333%;
    float: left;
}
#st-content-wrapper .st-hotel-map-area .st-map-box .google-map-mapbox , #st-content-wrapper .st-hotel-map-area .st-map-box .google-map-mapbox #st-map{
	height: 100%;
}

#map-search-form .mapboxgl-popup {
	max-width: 500px;
}

#map-search-form .mapboxgl-popup-content {
	text-align: center;
	font-family: 'Open Sans', sans-serif;
}

@media(max-width: 575px) {
	.mapboxgl-map .mapboxgl-popup-content {
		margin: 8px;
		padding: 0;
	}

	.mapboxgl-map .item-service-map-new .services-item .item,
	.mapboxgl-map .item-service-map {
		display: flex;
	}

	.mapboxgl-map .mapboxgl-popup {
		display: block;
		transform: none !important;
		bottom: 30px;
		top: unset !important;
		right: 0;
		width: 100%;
		max-width: unset !important;
	}

	.mapboxgl-map .services-item.item-elementor .item .featured-image,
	.mapboxgl-map .item-service-map .thumb {
		width: 132px;
	}
	.mapboxgl-map .service-add-wishlist,
	.mapboxgl-map .item-service-map-new.popup-rental .item .featured-image .service-avatar,
	.mapboxgl-map .services-item.item-elementor .item .featured-image .st-tag-feature-sale,
	.mapboxgl-map .item-service-map p.service-location,
	.mapboxgl-map .item-service-map .thumb .booking-item-rating-stars,
	.mapboxgl-map .item-service-map .thumb .close-popup-on-map,
	.mapboxgl-map .item-service-map .thumb .service-tag.bestseller {
		display: none;
	}
	.mapboxgl-map .services-item.item-elementor .item .content-item .sub-title,
	.mapboxgl-map .services-item.item-elementor .item .content-item .amenities {
		display: none !important;
	}
	.mapboxgl-map .item-service-map-new.popup-rental .item .featured-image a,
	.mapboxgl-map .item-service-map-new.popup-rental .item .featured-image a img,
	.mapboxgl-map .item-service-map .thumb a,
	.mapboxgl-map .item-service-map .thumb a img {
		height: 100%;
	}
	.mapboxgl-map .services-item.item-elementor .item .content-item,
	.mapboxgl-map .item-service-map .content {
		padding: 10px;
		width: 100%;
	}
	.mapboxgl-map .services-item.item-elementor .item .content-item .section-footer {
		margin: 0;
		padding-top: 5px;
	}
	.mapboxgl-map .services-item.item-elementor .item .content-item .price-wrapper,
	.mapboxgl-map .item-service-map .service-price {
		margin: 0;
	}


	.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-close-button {
		right: unset !important;
		top: -20px !important;
		background: #fff;
		color: #DA3838 !important;
		font-weight: 600;
		font-size: 20px;
		border-radius: 50%;
	}

	.mapboxgl-map .item-service-map .service-price .fa {
		top: 0;
	}
}