.active6 {
  height: 48px;
  position: absolute;
  top: 276px;
  z-index: 9;
  background-color: var(--white);
  right: 30px;
  width: 317px;
  display: flex;
  justify-content: center;
  align-items: center;
}

  .active4 {
        top: 64px;
}
    .map_tabs {
        left: 703px;
    }

@media (min-width: 1440px) and  (max-width: 1920px) {
  .active4 {
        top: 64px;
        right: 0px;
}
    .map_tabs {
        left: 663px;
    }
}

@media (min-width: 1025px) and (max-width: 1439px) {
  .active4 {
        top: 64px;
        right: 0px;
        margin-right: 0px;
}
    .map_tabs {
        left: 400px;
        top: 0px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .active4 {
        top: 64px;
        right: 0px;
        margin-right: 0px;
}
    .map_tabs {
        left: 0px;
        top: 0px;
        width: 100%;
    }
      .active4 {
        top: 110px;
        right: 0px;
        margin-right: 0px;
        width: 100%;
}
.about-company__card-title {
  margin-top: 20px;
}
}

@media (min-width: 440px) and (max-width: 767px) {
    .active4 {
        top: 64px;
        right: 0px;
        margin-right: 0px;
}
    .map_tabs {
        left: 0px;
        top: 0px;
        width: 100%;
    }
      .active4 {
        top: 110px;
        right: 0px;
        margin-right: 0px;
        width: 100%;
}
.about-company__card-title {
  margin-top: 100px;
}

}

@media (max-width: 439px) {
      .active4 {
        top: 110px;
        right: 0px;
        margin-right: 0px;
}
    .map_tabs {
        left: 0px;
        top: 0px;
        width: 100%;
    }
}