@media only screen and (max-width: 1200px) {
    .menu-with-search .button-with-se{
      display: grid;
    }
    .main-menu-left-side{
      max-width: 0;

      overflow: hidden;
      transition: all 0.5s;
    }
    .main-menu-left-side.show{
      /* max-width: 271px; */
    }
    .mobile-collpase{
      position: relative;
    }
    .mobile-collpase span{
      transition: all 0.5s;
    }
    .mobile-collpase.arrow-rotate span{
      transform: rotate(-90deg);
    }
    .main-bottom-side .form-collapse {
      max-height: 5000px;
      transition: all 0.5s;
    }
    .main-bottom-side .form-collapse.show{
      max-height: 0;
      overflow: hidden;
      transition: all 0.5s;
    }
    .normal-table .table-responsive {
        max-height: calc(100vh - 430px);
    }
  }

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

  }

  @media only screen and (max-width: 768px) {
    .main-menu-left-side {
      max-width: 55px;
      min-width: 55px;
      /* position: fixed; */
      z-index: 99;
    }
    .full-screen .right-side-content {
      max-width: 100%;
    }
    .main-menu-left-side.show{
      max-width: 100%;
    }

    .main-logo img {
      width: 0px;
    }

    .menubtn{
      padding: 22px 40px 22px 0 !important;
    } 

    .main-menu-left-side .menu-list .menu-link a.nav-link {
      /* padding: 13px 20px 13px 21px; */
      overflow-x: hidden;
    }
    .main-menu-left-side.show .menu-list .menu-link a.nav-link span.menu-cont{
      display: inherit;
    }
  }

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

  }

  @media only screen and (max-width: 575px) {
    html,
    body{
      font-size: 14px;
    }
    .page-name{
      font-size: 16px;
    }
    .table-tags-grids li.nav-item button{
      font-size: 14px;
      padding-top: 16px !important;
    }
    .main-bottom-side {
      max-height: fit-content;
      border-radius: 0px;
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 10px;
    }
    .right-side-all-bottom {
      max-height: calc(100vh - 56px);
      overflow: auto;
    }
    .filter-table-design.gap-4{
      gap: 8px !important;
    }
    .main-menu-left-side .menu-list {
      max-height: calc(100vh - 94px);
      overflow: auto;
    }
    .bell-cion-dropdonw .bell-dropdonw,
    .bell-cion-dropdonw .bell-dropdonw .bell-dropdonw-inner-part {
      max-width: 100%;
      right: -100%;
      border-radius: 0;
    }
    .bell-cion-dropdonw .bell-dropdonw.show{
      right: 0;
      transition: all 0.5s;
    }
    .right-side-fix-setup{
      background: transparent;
    }
    .right-side-fix-setup .right-side-popu {
      border-radius: 0;
      max-width: 100%;
    }
    .table-with-all-tabs .right-sideset {
      position: fixed;
      bottom: 30px;
      right: 20px;
      z-index: 2;
    }
    .table-with-all-tabs .right-sideset a.theme-btn {
      padding: 14px !important;
      font-style: normal;
      font-weight: 500;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0.1px;
      background: linear-gradient(0deg, rgba(0, 103, 131, 0.11), rgba(0, 103, 131, 0.11)), #FBFCFE;
      box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.3);
      border-radius: 16px;
      color: #00ADEE;
    }
    .right-side-fix-setup .right-side-popu .right-side-popu-mid-scroll .select-box label {
      min-width: 100%;
      width: 253px;
      max-width: 100%;
    }
    .table-edit-dele .table-dropdonw {
      padding: 8px 0;
      border-radius: 0.5rem;
    }
    .table-edit-dele .table-dropdonw ul li {
      padding: 0.2rem 1.3rem;
    }
    .normal-table .table-responsive{
      max-height: inherit;
    }
  }