.map-section{
  svg{
    height: 360px;
    @media (max-width: 1199px){
      height: 400px;
    }
    @media (max-width: 575px){
      height: 200px;
    }
  }
  .section-title{
    @media (min-width: 1199px){
      margin-top: -170px;
    }
  }
  .jvectormap-zoomout, .jvectormap-zoomin{
    display: none;
  }
  .meta{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 55px;
    .icon-inline:not(:last-child){
      margin-right: 17px;
    }
  }
  .position-absolute{
    &.left{
      left: 100px;
      bottom: 0;
      @media (max-width: 1800px) {
        left: 0;
      }
      @media (max-width: 1600px) {
        transform: translateX(-25%);
      }
      @media (max-width: 1400px) {
        display: none;
      }
    }
    &.right{
      right: 15px;
      bottom: 0;
      @media (max-width: 1600px) {
        transform: translateX(30%);
      }
      @media (max-width: 1400px) {
        display: none;
      }
    }
  }


  @media (max-width: 400px) {
    .container{
      padding-top: 30px;
    }
    .content-padding{
      margin-top: -30px;
    }
  }
  @media (max-width: 350px) {
    .container{
      padding-top: 20px;
    }
  }
}

.jvectormap-tip {
  position: absolute;
  display: none;
  background: $lightColor;
  box-shadow: $boxShadow;
  color: $darkgreyColor;
  font-size: 16px;
  padding: 10px 40px;
  max-width: 240px;
  line-height: 1.2;
  font-weight: 500;
  transform: translateY(-20px) translateX(15%);
}