@media (max-width: 1500px){

  h3{
    font-size: 17px !important;
  }

  button{
    font-size: 12px !important;
    padding: 5px 10px !important;
  }

  button > img{
    width: 15%;
  }

  .connection_board_button img{
    width: 10%;
  }

  .verify-badge img{
    width: 80%;
  }

  #btnFileFilterGroup img{
    width: 40%;
  }

  .retry_failed_detection_btn img{
    width: 25%;
  }

  .internal_testing_list_search input{
    padding: 4px 40px 4px 16px;
  }

  /* .search_icon{
    width: 8%;
  } */

  .table_item_icons ul{
    width: auto;
    padding: 2px 10px !important;
  }

  .table_item_icons ul li{
    margin-right: .75rem;
  }

  .table_item_icons ul li img{
    width: 80%;
  }

  .table_item_box_heading p {
    font-size: 10px;
  }

  th, td{
    padding: 10px !important;
  }

  .fs-2{
    font-size: 25px !important;
  }

  .fs-5{
    font-size: 15px !important;
  }

  .form-control, p, label, a, .toggle-switch span, select option, th, td, .form-select, .dataTables_info{
    font-size: 12px;
  }

   #symbol-editor label, #symbol-editor span {
    font-size: 14px !important;
  }

  .fs-xlarge{
    font-size: large !important;
  }

  #enhance-drawing{
    font-size: 18px !important;
  }

  .nomenclature_btn2{
    font-size: 14px !important;
    padding: 8px 15px !important;
  }

  #notification-dropdown{
    font-size: 14px !important;
  }

  .toggle-switch .slider{
    height: 25px;
  }

  .toggle-switch{
    height: 35px;
  }

  .selected-item, .selected-item .close-icon { font-size: 8px !important;}
  .badge_text p { font-size: 10px !important}
  .digitize p, .fs-medium { font-size: 12px !important }
  .internal_testing_list_select img{ width: 10%;}
  .internal_testing_list_select { margin-left: .5rem;}
  .internal_testing_list_select select, .internal_testing_list_select input { padding: 4px 0px 4px 40px}
  #project_files_list_table_wrapper, #project_list_table_wrapper { overflow-x: auto !important; }
  #project_files_list_table .chart-container canvas, .internal_testing_box canvas, .chart-box {
    width: 35px !important;
    height: 35px !important;
  }

  .project_sub_name { font-size: 10px !important; font-weight: 450 !important;}
  .fraction {font-size: 10px}
  .internal_testing_box_img { width: 28px; height: 28px;}
  .logo { padding: 0px 20px 10px 20px}
  .side_menu_bar { width: 70px; }
  .main { margin-left: 60px; }
  .side_menu_bar.expanded { width: 200px; padding-left: 0px;}
  .dashborad_bottom_span { text-align: left}
  .main.shifted { margin-left: 200px; }
  .my_button_2 { padding: 12px 18px !important}
  .annotate_first_2_drop select { padding: 7px 10px;}
  #toolbarDiv img{ width: 80%; }
  .shadow_tab li:not(:first-child) button { margin-left: -10px; padding: 10px 24px 10px 34px !important; }
  .my_button_1 { padding: 10px 24px !important; }
  .fs-large { font-size: medium; }
  .dataTables_paginate .page-item .page-link {width: 25px; height: 25px; line-height: 25px; }
  .dataTables_paginate .page-item.previous .page-link::before, .dataTables_paginate .page-item.next .page-link::before {
    font-size: 12px; line-height: 25px;
  }

  .dashboader_banner_content_box {
    padding: 5px 0px;
  }

  .symbols_main{
    padding: 0px 10px;
  }

  .symbols_data_search_box input{
    padding: 4px 16px;
  }

  .fs-small, .text-tags {
    font-size: 11px;
  }

  .verify-all-right-panel-symbol img{
    width: 100%;
  }

  .dataLoungeAccordians .accordion-header{
    padding: 8px !important;
  }

  .right-panel-symbols{
    max-width: 40px !important;
    max-height: 40px !important;
  }

  .symbol-subscripts{
    margin-top: 5px;
    font-size: 10px;
    display: flex;
    align-items: center;
    gap: 3px;
  }

  #data-lounge-metrics{
    display:block;
  }

  #toggle_hidden_symbols{
    width: 100%;
    marging-bottom: 5px;
  }

}

@media (max-width: 1600px){
  .right-panel-symbols{
    max-width: 50px !important;
    max-height: 50px !important;
  }
}