
@media screen and (max-width:1100px) {
.sidebar{
  width: 0px;
  padding: 0;
  overflow-x: hidden;
}
.content{
  padding-left: 0px;
}
.sidebar.collapse-div{
  width: 240px;
  /* padding: 10px; */
  overflow-x: visible;

}
.sidebar.collapse-div ul{
  opacity: 1;
}
.sidebar.collapse-div .collapse-span, .sidebar.collapse-div .sidebar-ul-child{
  display: block;
}
.sidebar.collapse-div a{
  display: flex;
  justify-content: start;
  padding: 8px 25px;
  gap: 5px;
}

.sidebar.collapse-div .collapse-span{
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.sidebar.collapse-div:hover .sidebar-ul a i{
  margin-right: 0px;
}
.sidebar.collapse-div:hover a{
  justify-content: start;
  padding: 8px 25px;
}

/* .select2-container{
  width: 100%!important;
  border: 1px solid red;
}
.select2-container ul li{
  width: 100%;
  border: 3px solid blue!important;
}
.select2-container li input{
  width: 100%!important;
  border: 3px solid green!important;
} */


.content.collapse-div{
  padding-left: 0px;
}

.dt-length{
  display: none;
}


}


@media screen and (max-width: 767px) {
  div.dt-container div.dt-layout-row:not(.dt-layout-table){
    display: flex;
    /* flex-direction: column;
    align-items: flex-start; */
    /* justify-content: space-between; */
  }


  .logo-sec{
    /* width: 120px; */
    flex-basis: 90px;
    flex-shrink: 0;
  }
  .logo{
    display: none;
  }
  .logo-sm{
    display: block;
  }
  .icons-head{
    width: auto;
    margin-left: 10px;
    gap: 15px;
  }
  .search-bar{
    width: 30px;
    /* overflow: hidden!important; */
    margin-left: auto;
    padding: 5px;
    border-color: #fff;
    transition: all var(--transition-time) ease;
  }
  .search-bar .input-search{
    display: none;
  }
  .search-bar:hover .input-search{
    display: block;
  }
  .search-bar:hover{
    width: 180px;
    border-color: var(--light-color);
  }
  .search-bar:hover .search-drop{
    transition-delay: .5s;
    width: 250px;
    left: -50px;
  }
  #expandScreen{
    display: none;
  }
  .quick-icon{
    display: none;
  }
  .dropdown-div-item.user-drop{
    width: 160px;
  }

  /* .dt-layout-cell{
    display: flex;
    justify-content: center;
  } */
  div.dt-container > div.dt-layout-row div.dt-layout-cell.dt-layout-start{
    display: none;
  }
  .dt-layout-row{
    display: flex;
    justify-content: center!important;
  }

}

@media screen and (min-width: 0px) and (max-width: 480px) {
  .search-bar{
    /* width: 120px; */
    padding-inline: 8px;
    /* display: none!important; */
  }
  .input-search::placeholder{
    font-size: 12px!important;
  }
  .search-bar:hover{
    width: 120px;
  }
  .dropdown-div-item.user-drop{
    right: 0px;
  }
  .dropdown-div-item.notification{
    width: 280px;
    right: -30px;
  }
}