@media only screen and (max-width: 600px) {
  .Doc {
    display: none !important;
  }
  .MAP {
    margin-bottom: -40vh;
  }
}

.newAbout {
  margin: 10vh 0vh 3vh 0vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.newAbout .controlImages {
  width: 93%;
  height: 39vw;
  background-color: #fff;

  border-radius: 1vh;

  overflow: hidden;
  position: relative;
}

.newAbout .controlImages .img {
  height: 100%;
  width: 400%;
  background-size: cover;
  display: flex;

  transform: translateX(0vw);
  transition: 0.7s ease-in-out;
}

.newAbout .controlImages .img div {
  width: 100%;
  height: 100%;
  background-color: #dbdbdb;
  background-size: cover;
  background-position: center;
  cursor: pointer;

  transition: 1s ease-in-out;
}

.newAbout .controlImages .img div:nth-child(1) {
  background:
    linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)),
    url(/img/default/aboutBanners/celebration.webp);
  background-size: 100%;
  background-position: center;
}

.newAbout .controlImages .img div:nth-child(2) {
  background:
    linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)),
    url(/img/default/aboutBanners/warehouse.webp);
  background-size: 103%;
  background-position: center top;
}

.newAbout .controlImages .img div:nth-child(3) {
  background:
    linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)),
    url(/img/default/aboutBanners/leaders.webp);
  background-size: 100%;
  background-position: center;
}

.newAbout .controlImages .img div:nth-child(4) {
  background:
    linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)),
    url(/img/default/aboutBanners/rangeBanner.webp);
  background-size: 100%;
  background-position: center;
}

.newAbout .controlImages .text {
  position: absolute;
  bottom: 0%;
  left: 50%;
  transform: translate(-50%, -50%);

  border-radius: 3vh;

  height: 8vw;
  width: 100vh;

  overflow: hidden;

  transition: 1s;
  margin-bottom: -3vw;
}

.newAbout .controlImages .text .controlText {
  height: 50vw;
  width: 100%;
  display: flex;
  flex-direction: column;
  transform: translateY(-40vh);

  transition: 0.7s ease-in-out;
}

.newAbout .controlImages .text .controlText div {
  width: 100%;
  height: 10vw;
  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 4.8vw;
  text-shadow:
    0vh 0 0vh black,
    0vh 0 4vh black;
  color: white;
  margin: 0;
  padding: 0;
  font-weight: bold;
  position: relative;
}

.newAbout .controlImages .text .controlText div p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;

  text-align: center;
}