{# Tab #}
.tab-map__tab{
  width:750px;
  max-width:100%;
  margin: 20px auto 0;
}
.tab-map__tab-buttons{
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
}
.tab-map__tab-button{
  margin: 0 0 0 20px;
  padding:7px 14px;
  flex:auto;
  text-align:center;
}
.tab-map__tab-button:hover,
.tab-map__tab-button:focus{
  text-decoration:none;
}
.tab-map__image{
  width:100%;
  height:auto;
}
.tab-map__tab{
  display:none;
}
.tab-map__tab.active{
  display:block;
}
.tab-map__hotspot-title{
  text-align:center;
}
.tab-map--display-on-desktop{
  position:relative;
}
@media(min-width:993px){
  {# Hotspot #}
  .tab-map__hotspot{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .tab-map__hotspot-content{
    text-align:center;
    padding:20px;
    opacity:0;
    z-index:-2;
    transition: opacity .3s ease;
    position:absolute;
  }
  .tab-map__hotspot-content.active.position-top{
    margin-top:-25px;
  }
  .tab-map__hotspot-content.active.position-bottom{
    margin-top:25px;
  }
  .tab-map__hotspot-content.active{
    display:block;
    opacity:1;
    z-index:5;
  }
  .tab-map__hotspot-pin{
    position: absolute;
    z-index:1;
  }
  .tab-map__hotspot__pin-icon svg{
    display:block;
    padding:10px;
    border-radius:50%;
  }
  .tab-map--display-on-mobile{
    display:none;
  }
} 

{# SLIDER #}
@media(max-width:992px){
  .tab-map--display-on-desktop{
    display:none;
  }
  .swiper-pagination.tab-map__slider-pagination{
    position:initial;
    margin-top:10px;
  }
  .tab-map__slider{
    padding:20px;
  }
  .tab-map__slider-content{
    text-align:center;
  }
  .tab-map__tab-button{
    margin: 0;
  }
}