@media (max-width: 1299px) {
  /* detail content css start */
  .radio-main {
    gap: 6px;
  }
  .radio-btn-box {
    width: 1153px;
  }
  .detail-top {
    padding: 0 20px;
  }

}
@media (max-width: 1199px) {
  /* header css start */
  .search-btn input {
    width: 500px;
  }
  /* detail content css start */
  .type-th {
    min-width: 70px;
  }
  .table-main-sec table {
    width: 1047px;
  }
  .model-table table{
    width: 100%
  }
  .table-top-sec {
    overflow-x: auto;
    position: relative;
  }

}
@media (max-width: 1023px) {
  .radio-btn-box {
    width: 878px;
  }
  .radio-top-sec {
    overflow-x: auto;
    position: relative;
  }
}

@media (max-width: 991px) {
  /* header start */
  .search-btn input {
    width: 340px;
  }
  /* modellist */
  .modellist-content{
    gap: 18px;
  }
  .modallist-dropdown .css-b62m3t-container{
    width: 153px;
  }
  .modallist-dropdown{
    gap: 14px;
  }
  .modellist-content h2{
    font-size: 18px;
  }
  .model-table table{
    width: 840px;
  }
}
@media (max-width: 767px) {
  /* header start */
  .menu-icon {
    display: block;
  }
  .menu-icon .menuhidden {
    display: none;
  }
  .menu-icon .menublock {
    display: block;
  }
  .notification-main {
    display: none;
  }
  .header-logo-menu {
    display: flex;
  }
  .search-btn input {
    display: none;
  }
  .header-main {
    gap: 18px;
    padding: 20px 15px 20px 15px;
  }
  .wrapper-sidebar-data{
    row-gap: 25px;
  }
  .header-wrapper {
    justify-content: end;
  }
  .header-wrapper .search-btn img {
    transform: none;
    position: static;
  }

  /* sidebar css start */
  .sidebar-main {
    transition: 0.3s all;
  }
  .sidebar-main.block {
    left: 0;
  }
  .sidebar-main.hidden {
    left: -105px;
  }
  .wrapper-sidebar-data {
    padding: 40px 0px 28px;
  }

  /* detail content css start */
  .detail-page-main {
    margin-left: 0;
  }
  .radio-main {
    gap: 4px;
    padding-bottom: 24px;
  }
  .radio-btn-box {
    width: 800px;
}
  .radio-main .innerBtn {
    padding: 6px 8px;
  }
  .table-main-sec {
    padding: 29px 20px 42px;
  }
  .table-main-sec table th {
    padding: 15px 0;
  }
  .table-main-sec table td {
    font-size: 14px;
  }
  .table-right-data .table-test h3 {
    font-size: 14px;
  }
  /* modellist */
  .modellist-content{
    gap: 18px;
    justify-content: space-between;
  }
  .model-list-main{
    padding: 29px 20px;
  }
  .modallist-dropdown{
    width: 100%;
  }
  .modallist-dropdown .css-b62m3t-container{
    width: 100%;
  }
}
@media (max-width: 375px){ 
  .modellist-content{
    justify-content: space-between;
  }
  .modallist-dropdown{
   flex-wrap: wrap;
  }
} 
@media (min-width:1200px) and (max-width:1400px){ 
  .synchs-data-table table thead tr th:nth-child(1) {
    width: 180px;
  }
  .synchs-data-table table thead tr th:nth-child(6) {
    width: 181px;
  }
  .synchs-data-table table thead tr th:nth-child(3) {
    width: 180px;
  }
  .treehead p.Type, li.TreeNode .tree-display .info-type {
    width: 220px;
  }
  .treehead p.action, .action {
    width: 290px;
  }
  .synchs-data-table table tbody td:nth-child(3) ,
  .synchs-data-table table thead tr th:nth-child(3){
    padding-left: 8%;
  }
}