@media (min-width: 700px) {
  .top_img_banner .mobile {
    display: none;
  }

  .top_img_banner .pk {
    display: block;
  }

  ul.tab_top {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
  }
}

ul.tab_top li:before {
  display: none;
}

ul.tab_top li {
  width: 100%;
  margin: 0;
  border: 1px solid #cccccc6b;
  height: 55px;
  text-align: center;
  line-height: 55px;
  transition: 0.3s;
}

.top_img_banner img {
  width: 100%;
}

ul.tab_top li a {
  width: 100%;
  display: block;
  height: 100%;
}

ul.tab_top li.active {
  background: #f60;
}

ul.tab_top li.active a {
  color: #fff;
}

ul.tab_top li:hover {
  background: #f60;
  transition: 0.3s;
}

ul.tab_top li:hover > a {
  color: #fff;
  transition: 0.3s;
}

.top_img_banner {
  position: relative;
}

.top_img_banner img {
  width: 100%;
}

.all_vacancy {
  text-align: right;
}

.all_vacancy a {
  display: block;
  color: #f60;
  padding: 10px 0 0 0;
  text-decoration: underline;
}

ul li {
  display: flex;
}

p {
  margin: 0;
}

.button_vacancy {
  margin-top: 20px;
}

@media (max-width: 700px) {
  .top_img_banner .mobile {
    display: block;
  }

  .top_img_banner .pk {
    display: none;
  }

  ul.tab_top {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;

    /* -webkit-mask-image: linear-gradient(
      90deg,
      transparent 0,
      rgba(0, 0, 0, 0.25) 9px,
      #000 18px,
      #000 calc(100% - 18px),
      rgba(0, 0, 0, 0.25) calc(100% - 9px),
      transparent
    );
    mask-image: linear-gradient(
      90deg,
      transparent 0,
      rgba(0, 0, 0, 0.25) 9px,
      #000 18px,
      #000 calc(100% - 18px),
      rgba(0, 0, 0, 0.25) calc(100% - 9px),
      transparent
    ); */
  }

  ul.tab_top li {
    padding: 0 32px;
    min-width: 225px;
  }
}