.portfolio-menu .menu-btn-wrapper {
  border: 1px solid #e6e6e6;
  /* border-left : none; */
  display: inline-block;
  padding: 3px;
}

@media (max-width: 575px) {
  /* HOTFIX for mobile col-6 wrapping issue */
  .col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49.9%;
    flex: 0 0 49.9%;
    max-width: 49.9%;
  }
}
/* THE FOLLOWING BORDER HOTFIX ONLY APPLIES WHEN THERE ARE 4 MENU CHILDREN */
@media (min-width: 992px) {
  .menu-btn-wrapper + .menu-btn-wrapper {
    border-left: 0 !important;
  }
}
@media (min-width: 550px) and (max-width: 991px) {
  .menu-btn-wrapper:first-child {
  }
  .menu-btn-wrapper:nth-child(2) {
    border-left: 0 !important;
  }
  .menu-btn-wrapper:nth-last-child(2) {
    border-top: 0 !important;
  }
  .menu-btn-wrapper:last-child {
    border-top: 0 !important;
    border-left: 0 !important;
  }
}
@media (max-width: 549px) {
  .menu-btn-wrapper + .menu-btn-wrapper {
    border-top: 0 !important;
  }
}
/* END BORDER HOTFIX */
.menu-btn-wrapper {
  width: 50%;
}
.menu-btn-wrapper button {
  padding: 20px 27px;
  width: 100%;
  white-space: nowrap;
}
.menu-btn-wrapper button.active {
  background: #2c3384;
  color: #fff;
  transition: 300ms all;
}
@media (min-width: 767px) {
  .menu-btn-wrapper {
    width: auto;
  }
}
@media (min-width: 1351px) {
  * {
    /* background:rgba(255,0,0,0.1); */
  }
  .container {
    max-width: 1260px !important;
  }
}
@media (max-width: 767px) {
  .portfolio-menu {
    display: block !important;
  }
}
@media (max-width: 549px) {
  .portfolio-menu .menu-btn-wrapper {
    width: 100%;
  }
}
@media (min-width: 550px) and (max-width: 992px) {
  .portfolio-menu .menu-btn-wrapper {
    width: 50%;
  }
  .menu-btn-wrapper:nth-child(3) {
    border-left: 1px solid #e6e6e6;
  }
}