#baloon {
    font: 15px / 24px "Ubuntu", Arial, sans-serif;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
#Contact_info{
	float:left;
	position:relative;
	height: 480px;
	overflow: hidden;
	width: 245px;
	color: black;
	top: -490px;
	left: 10px;
	background-color: white;
	border-radius: 5px;
	box-shadow: 0 0 5px #5D5D5D;
}
.Contact_all-items{
    border-top: 1px dashed #E3E3E3;
}
#Contact_wrapper{
	height: 500px;
	overflow: auto;
	width: 245px;
	border: none;
	outline: none;
	background-color: #fafafa;
}
#Contact_wrapper p{
	cursor : pointer;
	padding: 5px 6px;
	margin:  5px 6px;
	font-size: 12px;
}
.selected{
	background-color : #ebebeb;
}
.shopmap_title {
    display: flex;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
}
.shopmap_title-wrapper {
    display: flex;
    margin-bottom: 10px;
}
.shopmap_button-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 10px;
}
#shopMapsModal {
    width:50vw;
    height:60vh;
}
.box-modal-map {
    position: relative;
    max-width: 100%;
    width: auto;
    padding: 40px;
    background: #f9b73d;
    color: #3c3c3c;
    box-shadow: 0 0 0 6px rgba(153, 153, 153, .3);
    border-radius: 6px;
}

@media (max-width:480px) {
    .shopmap_title {
        font-size: 12px;
    }
    .shopmap_button {
        font-size: 10px !important;
    }
    .box-modal-map {
        max-width: 80vw !important;
        padding: 10px !important;
    } 
    #shopMapsModal {
        width:80vw;
        height:80vh;
    }
}