.megazone-map {
height: 600px;
overflow: hidden;
position: relative;
}
.megazone-map span.bars-2 {
left: 2.5%;
bottom: 3%;
z-index: 10;
}
.megazone-map:before {
left: 0;
bottom: 45%;
z-index: 10;
font-size: 24px;
font-weight: 400;
position: absolute;
letter-spacing: 1.9px;
content: "Localisation";
transform: rotate(270deg);
text-transform: uppercase;
font-family: "Teko", Sans-serif;
color: var( --e-global-color-accent );
}
.cont-map {
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
}  @media (max-width: 767px) {
.megazone-map {
height: 400px;
}
.megazone-map:before {
left: -10%;
bottom: 70%;
}
} @media (min-width: 768px) and (max-width: 1024px) {
.megazone-map {
height: 500px;
}
.megazone-map:before {
left: -4%;
bottom: 40%;
}
} @media (max-width: 1024px) {
} @media (min-width: 1025px) {
} @media (min-width: 1025px) and (max-width: 1700px) {
.megazone-map {
height: 550px;
}
.megazone-map:before {
left: -1%;
}
}