.apt-menu {
    max-width: 800px;
    margin: 40px auto;
    justify-content: center;
    border: 1px solid #102338;
    display: flex;
    height:55px;
    border-radius:90px;
}

.apt-menu:before {
    content:'';
    display:block;
    width:calc(100% + 10px);
    height:calc(100% + 10px);
    position:absolute;
    border: 2px solid #102338;
    top: -7px;
    border-radius: 90px;
}

.apt-menu a{
    line-height:55px;
    flex-grow: 1;
    text-align: center;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:1px;
}

.apt-menu a:hover{
    background: rgba(16, 35, 56, 0.47);
    color: white;
}

.apt-menu a:nth-of-type(1){border-radius: 90px 0 0 90px}
.apt-menu a:nth-of-type(2){border-radius: 0 90px 90px 0}

.horz-line-1 {
    width: 105%;
    height: 1px;
    background: #bbb;
    position: absolute;
    top: -2px;
}

.horz-line-2 {
    width: 105%;
    height: 1px;
    background: #bbb;
    position: absolute;
    bottom: -2px;
}

.circle-1 {
    width: 55px;
    height: 55px;
    border: 1px solid #bbb;
    border-radius: 50%;
    top: -1px;
    left: 0;
    position: absolute;
    z-index: -1;
}

.circle-2 {
    width: 55px;
    height: 55px;
    border: 1px solid #bbb;
    border-radius: 50%;
    top: -1px;
    right: 0;
    position: absolute;
    z-index: -1;
}

.circle-3 {
    width: 55px;
    height: 55px;
    border: 1px solid #bbb;
    border-radius: 50%;
    top: -1px;
    right: -28px;
    position: absolute;
    z-index: -1;
}

.vert-line-1 {
    height: 85px;
    width: 1px;
    background: #bbb;
    position: absolute;
    top: -17px;
    left: 0;
}

.vert-line-2 {
    height: 85px;
    width: 1px;
    background: #bbb;
    position: absolute;
    top: -17px;
    left: 0;
}

.vert-line-3 {
    height: 85px;
    width: 1px;
    background: #bbb;
    position: absolute;
    top: -17px;
    right: 28px;
}

@media only screen and (max-width: 860px) {

  .apt-menu {
      max-width: 800px;
      margin: 40px;
      justify-content: center;
      border: 1px solid #102338;
      display: flex;
      height: 135px;
      border-radius: 30px;
      flex-direction: column;
  }

  .apt-menu:before {
      content:'';
      display:block;
      width:calc(100% + 10px);
      height:calc(100% + 10px);
      position:absolute;
      border: 2px solid #102338;
      top: -7px;
      border-radius: 30px;
      left: -7px;
  }

  .apt-menu a{
      line-height: 65px;
      flex-grow: 1;
      text-align: center;
      text-decoration:none;
      text-transform:uppercase;
      letter-spacing:1px;
  }

  .apt-menu a:hover{
      background: rgba(16, 35, 56, 0.47);
      color: white;
  }

  .apt-menu a:nth-of-type(1){border-radius: 28px 28px 0 0;border-bottom: 1px solid;}
  .apt-menu a:nth-of-type(2){border-radius: 0 0 28px 28px;}

  .horz-line-1 {
      width: 105%;
      height: 1px;
      background: #bbb;
      position: absolute;
      top: -2px;
      left: -2.5%;
  }

  .horz-line-2 {
      width: 105%;
      height: 1px;
      background: #bbb;
      position: absolute;
      bottom: -2px;
      left: -2.5%;
  }

  .circle-1 {
      width: 55px;
      height: 55px;
      border: 1px solid #bbb;
      border-radius: 50%;
      top: -1px;
      left: 0;
      position: absolute;
      z-index: -1;
  }

  .circle-2 {
      width: 55px;
      height: 55px;
      border: 1px solid #bbb;
      border-radius: 50%;
      bottom: -1px!important;
      right: 0;
      position: absolute;
      z-index: -1;
      top: initial;
  }

  .circle-3 {
      width: 55px;
      height: 55px;
      border: 1px solid #bbb;
      border-radius: 50%;
      top: -1px;
      right: -28px;
      position: absolute;
      z-index: -1;
  }

  .circle-4 {
      width: 55px;
      height: 55px;
      border: 1px solid #bbb;
      border-radius: 50%;
      bottom: -1px;
      left: 0;
      position: absolute;
      z-index: -1;
  }


  .circle-3 {
      width: 55px;
      height: 55px;
      border: 1px solid #bbb;
      border-radius: 50%;
      top: -1px;
      right: 0;
      position: absolute;
      z-index: -1;
  }
  .vert-line-1 {
      height: 85px;
      width: 1px;
      background: #bbb;
      position: absolute;
      top: -17px;
      left: 0;
  }

  .vert-line-2 {
      height: 85px;
      width: 1px;
      background: #bbb;
      position: absolute;
      top: -17px;
      left: 0;
  }

  .vert-line-3 {
      height: 85px;
      width: 1px;
      background: #bbb;
      position: absolute;
      top: -17px;
      right: 28px;
  }
}