ul.map-list {
    list-style: none;margin-left: -20px;
}
h3.txt-local {
    font-size: 18px !important;
    color: red;
    padding-bottom: 10px;
}
.map-main-wrapper { display: flex; gap: 30px; flex-wrap: wrap; }
        .map-list-wrapper { flex: 1; min-width: 300px; max-width: 40%; overflow-y: auto; max-height: 600px; border: 1px solid #eee; padding: 15px; background: #f9f9f9; border-radius: 8px; }
        .map-view { flex: 2; min-width: 300px; }
        .map-view iframe { width: 100%; height: 100%; min-height: 500px; border-radius: 8px; border: none; }
        .map-list-item { cursor: pointer; margin-bottom: 15px; padding: 10px; background: #fff; border-radius: 6px; border: 1px solid #ddd; }
        .map-list-item:hover { background: #eef; }
		select#province-filter,#district-filter {
    border-radius: 30px;    border: 1px solid #d3a52f;
}
		.map-filter {display: flex;gap: 30px;padding-bottom: 20px;}
		h4.txt-local {
    font-size: 18px !important;
	    color: red;
    padding-bottom: 10px;
}
.htk-address{background: url(../../images/map-pin.svg) no-repeat top left;
    margin-top: 10px;
	padding-left: 25px;}
.htk-maps{background: url(../../images/maps.svg) no-repeat top left;
    margin-top: 10px;
	padding-left: 25px;background-size: 20px;}
.htk-phone{background: url(../../images/phone.svg) no-repeat top left;
    margin-top: 10px;
	padding-left: 25px;}
    h4.txt-box-filter {
    width: 60%;
    margin-top: 5px;
}
@media only screen and (max-width: 700px) {
.map-filter{display:block !important;}
.map-list-wrapper {
            min-width: 100% !important;
        width: 100% !important;
        overflow-y: auto;
        max-height: 384px !important;
        max-width: 100% !important;
    
}
}
.hmk-store-map {
    background: #f2f2f2;
    padding: 15px;
    margin: 0;
    border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
}