// 1600px
@media screen and (max-width: 100em) {
  // @import "./1600/my_table_1600";
  // @import "./1600/the_list_panel_1600";
  // @import "./1600/sub_header_1600";
}
// 1399px
@media screen and (max-width: 87.499em) {
  // @import "./1399/the_list_panel-1399";
  // @import "./1399/_sub_header_1399";
}

// 991px
@media screen and (max-width: 61.998em) {
  .main-page__content {
    .problem-detail {
      height: calc(100vh - 22em);
    }
    .filter-list-container {
      padding-top: 0.5em;
      position: fixed;

      z-index: 9;
      width: auto;

      .main-filter {
        display: none;
      }
      .mobile-mode {
        display: flex;
        justify-content: flex-end;

        .btn {
          border-radius: 50%;
          // font-size: 0.7rem;
          width: 2.5em;
          height: 2.5em;
          box-shadow: 0px 0px 7px 1px #eee;
          display: flex;
          justify-content: center;
          align-items: center;
          transform: translateX(1.5em);
          background-color: #eee;

          &:hover {
            filter: brightness(0.8);
          }
        }
      }

      &.expanded {
        top: 0;
        bottom: 0;
        background: #fff;
        justify-content: center;
        box-shadow: -1px 0px 7px 1px #eee;

        .main-filter {
          display: block;
        }
      }
    }
    .nav-tabs {
      li {
        .nav-link {
          font-size: 0.8rem;
        }
      }
      li.desktop:nth-child(n + 4) {
        display: none;
      }
      // .combo-list {
      //   margin-top: 1em;
      // }
    }

    .summary-container {
      padding-top: 0.5em;
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      z-index: 9;
      width: auto;

      &.expanded {
        background: #fff;
        justify-content: center;
        box-shadow: -1px 0px 7px 1px #eee;
      }
    }
    .search-container {
      .btn,
      .form-control {
        font-size: 0.9rem;
      }
      .logo {
        max-width: 2.3em;
      }
    }
  }

  // .nav-sidebar {
  //   display: block;

  //   &.sidebar-expanded-mobile {
  //     display: block;
  //   }
  // }

  // @import "./991/_sub_header_991";
  // @import "./991/my_table_991";
}

// 767px
@media screen and (max-width: 47.938em) {
  .main-page__content {
    margin-right: 0 !important;
  }
  // @import "./767/group";
  // @import "./767/the_list_panel_767";
  // @import "./767/the_navbar_767";
  // @import "./767/_sub_header_767";
  // @import "./767/the-footer";
}

// 575px
@media screen and (max-width: 35.938em) {
  // @import "./575/main_575";
  // @import "./575/my_table_575";
  // @import "./575/the_list_panel_575";
  // @import "./575/the_navbar_575";
  // @import "./575/sub_header_575";
  .EntityQaRelation {
    .multiselect {
      min-width: 17em !important;
    }
  }
}

// 399px
@media screen and (max-width: 24.938em) {
  // @import "./399/my_table_399";
  // @import "./399/sub_header_399";
  // @import "./399/the-_navbar_399";
  // @import "./399/the_list_panel_399";
}
//360px
@media screen and (max-width: 22.5em) {
  //   @import "./360/main_360";
  //   @import "./360/sub_header_360";
  //   @import "./360/the_list_panel_360";
  //   @import "./360/the_navbar_360";
}