// 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 {
    .search-items {
      height: calc(100vh - 13em);
    }
    .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;
        right: 0;
        margin-right: var(--sidebar-collapsed-width);
        background: #fff;
        justify-content: center;
        box-shadow: -1px 0px 7px 1px #eee;
  
        .main-filter {
          display: block;
        }
      }
    }
    
  }
 
  // @import "./991/group";
  // @import "./991/the-footer";
  // @import "./991/chat-list.scss";
  // @import "./991/replays";
  // @import "./991/_sub_header_991";
  // @import "./991/my_table_991";
}

// 767px
@media screen and (max-width: 47.938em) {
  .main-page__content {
    .search-items {
      height: calc(100vh - 15em);
    }
   
    
  }
  // @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) {
  .main-page__content {
    .search-items {
      height: calc(100vh - 15em);
    }
   
    
  }

  // @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";
}

// 399px
@media screen and (max-width: 24.938em) {
  .main-page__content {
    .search-items {
      height: calc(100vh - 15em);
    }
   
    
  }
  // @import "./399/chat-list.scss";
  // @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";
}