.tab {
      cursor: pointer;
      padding: 10px 5px;
      display: inline-block;
  }

  .sub-tab {
      cursor: pointer;
      /*padding: 10px 5px;
      display: inline-block;*/
  }

  .tab.active,
  .sub-tab.active {
      filter: drop-shadow(0 0 5px #cb9b25);
  }

  .tab-content,
  .sub-tab-content {
      display: none;
  }

  .tab-content.active,
  .sub-tab-content.active {
      display: block;
  }

  .tab-content {
      display: none;
  }

  .tab-content.active {
      display: block;
  }

  .tab-content,
  .sub-tab-content {
      display: none;
  }

  .tab-content.active,
  .sub-tab-content.active {
      display: block;

  }

  .sub-tabs {
      margin-top: -130px;
      z-index: 2;
      height: 200px;
  }

  .mt-content-class {
      margin-top: -60px;
  }

  @media (min-width:992px) and (max-width:1199px) {
      .sub-tabs {
          margin-top: -100px;
          z-index: 2;
          height: 140px;
      }

      .mt-content-class {
          margin-top: -30px;
      }
  }

  @media (max-width:991px) {
      .sub-tabs {
          margin-top: 15px;
          height: auto;
      }

      .mt-content-class {
          margin-top: 0px;
      }

      .mt-tab-class {
          margin: 0 auto;
      }

      .mt-tab-mb {
          margin-top: 0;
      }

  }

  @media (max-width: 767px) {
      .mt-tab-mb {
          margin-top: -30px;
      }
  }

  @media (max-width:576px) {
      .sub-tabs {
          margin-top: 15px;
      }

      .mt-content-class {
          margin-top: 0px;
      }
  }