.mod-maxmap{background-color:var(--white);border: solid 1px #fff;padding: 6px 12px 12px 12px}
.mod-maxmap .leaflet-popup-content{text-align:right;}
.mod-maxmap .map-title{}
.mod-maxmap .map-brief{font-family:'font-2'}

.mod-maxmap-links{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;background:#fff;}
.mod-maxmap-link-box{}
.mod-maxmap-link-box1{padding:6px;}
.mod-maxmap-link-box2{display:flex;flex-wrap:nowrap;justify-content:space-evenly;align-items:center;flex-direction:row-reverse}

.mod-maxmap-link-box a{padding:6px;}
.mod-maxmap-link-box a:hover{}
.mod-maxmap-link-box a img{transition:0.5s;}
.mod-maxmap-link-box a:hover img{transform:scale(0.9);-webkit-transform:scale(0.9);filter:contrast(150%);}

/* -------------- Map flex Media ---------------------------------------- */
/* mb:mobile 60x6=360 (0px) */
@media only screen and (min-width:0px){
    .mod-maxmap #map{width:100%;height:180px;}
}
/* tb:tablet 60x12=720 (361px) */
@media only screen and (min-width:361px){
    .mod-maxmap #map{width:100%;height:210px;}
}
/* pc:desktop 60x18=1080 (721px) */
@media only screen and (min-width:721px){
    .mod-maxmap #map{width:100%;height:240px;}
    .mod-maxmap-links{flex-wrap:nowrap;}
}
/* lp:laptop 60x24=1440 (1081px) */
@media only screen and (min-width:1081px){
    .mod-maxmap #map{width:100%;height:360px;}
}
/* tv:television 60x30=1800 (1441px) */
@media only screen and (min-width:1441px){
    .mod-maxmap #map{width:100%;height:480px;}
}