@media only screen and (min-width: 800px) {
    .main-sidebar,
    .main-sidebar::before {
        width: 200px;
    }
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav)
        .content-wrapper,
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav)
        .main-footer,
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav)
        .main-header {
        margin-left: 200px;
    }
    .sidebar-mini .main-sidebar .nav-link,
    .sidebar-mini-md .main-sidebar .nav-link,
    .sidebar-mini-xs .main-sidebar .nav-link {
        width: calc(200px - 0.5rem * 2);
    }
    .nav.nav-treeview.active.menu-open .nav-item.active.menu-open {
    }
    .title-row .col-md-6.text-right h3 {
        font-size: 18px;
    }
    .table-responsive > .table {
        border: solid 1px #dee2e6;
        border-top: 0;
    }
    .table-responsive > .table > thead > tr {
        background: #f4faff;
    }
    .table-responsive > .table > tbody > tr:nth-child(2n) {
        background: #f9f9f9;
    }
    .table thead th {
        border-width: 1px;
    }
    .table td,
    .table th {
        padding: 0.5rem 0.75rem;
    }
    .form-search .row.follow-custom-added {
        display: block;
        text-align: left;
    }
    .custom-added.follow-custom-added .col {
        display: inline-block;
        vertical-align: top;
        max-width: 18%;
        min-width: 1px;
        text-align: left;
    }
    .custom-added.follow-custom-added .col .form-control {
        margin-bottom: 0 !important;
    }
    .form-search .row.custom-added .col h4,
    .form-search .custom-added .col .btn {
        margin-top: 0;
    }
    .form-search .row.custom-added .col h4 {
        padding-top: 6px;
    }
    .form-search .form-search {
        margin-bottom: 0;
    }
    .title-row {
        position: relative;
    }
    .title-row .col-md-4.text-right,
    .title-row .col-md-6.text-right,
    .title-row .col-md-7.text-right,
    .title-row .col-md-2.text-right,
    .title-row .col-md-8.text-right {
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .form-card .table-responsive .table tr th,
    .form-card .table-responsive .table tr td {
        min-width: 200px;
        max-width: 200px;
        vertical-align: text-bottom;
    }
    .form-card .table-responsive .table tr th.min260,
    .form-card .table-responsive .table tr td.min260 {
        min-width: 260px;
        max-width: 260px;
    }
    .form-card .table-responsive.custom-width-table .table tr th,
    .form-card .table-responsive.custom-width-table .table tr td {
        min-width: 300px;
        max-width: 300px;
    }
    .form-card .table-responsive.custom-width-table .table tr th.min-inhert,
    .form-card .table-responsive.custom-width-table .table tr td.min-inhert {
        min-width: inherit;
        max-width: inherit;
    }
    .form-card .table-responsive.custom-width-table .table .sub-table tr th,
    .form-card .table-responsive.custom-width-table .table .sub-table tr td,
    .form-card .table-responsive .table .sub-table tr th,
    .form-card .table-responsive .table .sub-table tr td,
    .form-card .table-responsive .table .sub-table tr th:first-child,
    .form-card .table-responsive .table .sub-table tr td:first-child {
        min-width: inherit;
        max-width: inherit;
        width: auto !important;
        border: none;
        padding: 0 3px;
        text-align: left;
        font-size: 11px;
    }
    .form-card .table-responsive .table .sub-table tr th.title-column,
    .form-card .table-responsive .table .sub-table tr td.title-column {
        min-width: 140px;
        max-width: 140px;
        width: 140px !important;
    }
    .form-card .table-responsive .table .sub-table tr th.coloumn-td,
    .form-card .table-responsive .table .sub-table tr td.coloumn-td {
        min-width: 10px;
        max-width: 10px;
        width: 10px !important;
        padding: 0 !important;
    }
    .form-card .table-responsive .table tr th:first-child,
    .form-card .table-responsive .table tr td:first-child {
        min-width: 75px;
        max-width: 75px;
        width: 75px;
        text-align: center;
    }
    .hamburger .line:nth-child(1) {
        width: 20px;
    }
    .sidebar-collapse .hamburger .line:nth-child(1) {
        -webkit-transform: translateY(4px) rotate(45deg);
        transform: translateY(4px) rotate(45deg);
    }
    .sidebar-collapse .hamburger .line:nth-child(1),
    .sidebar-collapse .hamburger .line:nth-child(3) {
        width: 10px;
        height: 2px;
    }
    .sidebar-collapse .hamburger .line:nth-child(1),
    .sidebar-collapse .hamburger .line:nth-child(3) {
        width: 10px;
        height: 2px;
    }
    .sidebar-collapse .hamburger .line:nth-child(2) {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        width: 22px;
        height: 2px;
    }
    .hamburger .line:nth-child(2) {
        width: 26px;
    }
    .sidebar-collapse .hamburger .line:nth-child(3) {
        -webkit-transform: translateY(-4px) rotate(-45deg);
        transform: translateY(-4px) rotate(-45deg);
    }
}
@media only screen and (min-width: 1400px) and (max-width: 1550px) {
    .nav-sidebar .nav-item > .nav-link p {
        font-size: 11px;
    }
    .nav-sidebar .nav-item > .nav-link span.material-symbols-outlined {
        font-size: 14px;
        margin-right: 2px;
        position: relative;
        top: 3px;
    }
    .brand-text {
        font-size: 16px;
    }
    .form-card .table-responsive .table tr th,
    .form-card .table-responsive .table tr td {
        min-width: 180px;
        max-width: 180px;
        font-size: 12px;
    }
    .form-card .table-responsive .table tr th.lead-followups,
    .form-card .table-responsive .table tr td.lead-followups {
        min-width: 230px;
        max-width: 230px;
    }
    /* .form-search .col{   -webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
min-width: 220px;} */
    .dashboard .col-xl-7.col-xxl-12,
    .dashboard .col-xl-5.col-xxl-12,
    .mob-block {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    /* .five-coloumn.form-search .col.search-date  .form-control{margin-right: 15px; min-width: 46% !important;} */
    .five-coloumn1.form-search .col {
        min-width: 1px !important;
    }
    .form-search .row {
        width: 100%;
    }
    .five-coloumn1.form-search .col {
    }
    /* .five-coloumn1.form-search .col.search-date{-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
} */
    /* .five-coloumn1.form-search .col.search-date  .form-control{ min-width: 43% !important}
.five-coloumn.form-search .col.search-date{-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
} */
}
@media only screen and (max-width: 760px),
    (min-device-width: 768px) and (max-device-width: 1024px) {
    .show-entities {
        text-align: center;
    }
    .show-entities .text-right {
        text-align: center !important;
    }
    .form-search .col {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .layout-fixed .main-sidebar {
        z-index: 9999;
    }
    /* Force table to not be like tables anymore */
    .table-responsive > .table,
    .table-responsive > .table tbody,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tbody > tr {
        display: block;
        font-size: 12px;
    }
    .table-responsive > .table > tbody > tr {
        background: #f9f9f9;
        border-radius: 10px;
        margin-bottom: 30px;
    }
    .table-responsive > .table > thead,
    .table-responsive > .table > thead > th {
        display: none;
    }
    .table-responsive > .table > tbody > tr > td:first-child {
        border-top: 0;
    }
    .table-responsive > .table > tbody > tr > td {
        position: relative;
        padding-left: 130px !important;
        min-height: 50px;
        line-height: 15px;
    }
    .custom-logo {
        position: relative;
    }
    .table-responsive > .table > thead > tr > th.actions {
        display: none !important;
    }
    .table-responsive > .table > tbody > tr > td.actions {
        padding-left: 0 !important;
        text-align: center !important;
    }
    .table-responsive > .table > tbody > tr > td .mob-show {
        position: absolute;
        left: 15px;
        top: 8px;
        font-weight: bold;
        display: block;
        font-size: 12px;
        max-width: 100px;
        line-height: 15px;
    }
    .dolor-sign .material-symbols-outlined {
        margin-top: 0 !important;
    }
    .sub-table td,
    .sub-table th {
        border: none !important;
        padding: 5px 3px !important;
        text-align: left;
    }
    .title-row .btn {
        border-radius: 15px;
        padding: 12px 18px;
        margin-bottom: 15px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
    }
    .form-search .col-md-12 {
        margin-bottom: 10px;
    }
    .form-search .col {
        margin-bottom: 15px;
    }
    .mob_fixed_button,
    .title-row .btn.mob_fixed_button {
        font-size: 0;
        background: #ffffff;
        width: 50px;
        height: 50px;
        top: auto;
        border-radius: 100%;
        padding: 0;
        border: none;
        position: fixed;
        bottom: 10px;
        right: 10px;
        z-index: 9999;
    }
    .mob_fixed_button .material-symbols-rounded {
        display: block;
        color: #0f4774;
        font-size: 40px;
        position: relative;
        top: 4px;
    }
    .btn {
        font-size: 12px;
    }
    .dashboard .card-header .col-md-4.text-right a {
        position: absolute;
        right: 0;
        top: -20px;
    }
    .mob-show_column {
        display: inline-block;
    }
    .span-required::after,
    .image_input_required > label::after {
        content: "*";
        color: #ff0000;
        font-size: 14px;
    }
}
@media only screen and (max-width: 800px) {
    .table-responsive > #claims-table.table > tbody > tr > td {
        padding: 5px !important;
    }
    .table-responsive > #claims-table.table > tbody > tr > td .mob-show {
        position: relative !important;
        left: 0;
        top: 0;
    }
    .fillter p {
        text-align: left;
        padding: 15px 0;
    }
    .search-fitter {
        margin-bottom: 30px;
    }
    .card-header .col-md-4.text-right,
    .bulk-upload .col-md-3.text-right,
    .card-header .col-md-6.text-right {
        text-align: left !important;
        margin-top: 30px;
    }
    .bulk-upload .bulk-body {
        width: 100%;
    }
    .form-search .form-inline .form-control,
    .form-search.form-inline .form-control,
    .form-search .search-date {
        min-width: inherit !important;
    }
    .form-inline {
        display: block;
    }
    .form-search .row {
        margin: 0 !important;
    }
    .form-search .search-date .form-control {
        margin: 0 0 15px 0 !important;
    }
    .show-fields .block::before {
        display: none;
    }
    .login-box,
    .register-box {
        width: 98%;
        max-width: 450px;
    }
    .form-search-inline .form-search .col {
        width: 100% !important;
    }
    .form-search-inline .form-search .col .form-control {
        width: 100% !important;
    }
    .custom-logo .navbar-nav {
        position: absolute;
        right: 0;
        top: 0;
    }
    #sidebar-overlay {
        z-index: 1;
    }
    .column-settings-inline .form-search {
        width: 100%;
    }
    .title-row {
        padding-right: 0;
    }
    body.sidebar-collapse .custom-logo {
        max-width: 330px;
    }
}
.form-card .table-responsive .table tr th.five-buttons-column,
.form-card .table-responsive .table tr td.five-buttons-column {
    min-width: 300px;
    max-width: 300px;
}
body .bootstrap-datetimepicker-widget .table tr td,
body .bootstrap-datetimepicker-widget .table tr th {
    max-width: inherit !important;
    min-width: inherit !important;
    padding: inherit !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .nav-sidebar .nav-item>.nav-link span.material-symbols-outlined{font-size: 14px;     margin-right: 1px}
  .nav-sidebar .nav-item>.nav-link p {
    font-size: 10px;
}
.main-section{padding: 50px 5px;}
.main-section.dashboard{padding: 15px 5px;}
h1.card-title{    font-size: 22px;
  line-height: 28px;}
  .fillter p{    padding: 8px 0px 0 5px;
    font-size: 15px;}
    .dashboard-statistics .card-header{padding: 10px 10px 0 15px; }
    .dashboard .card .card-body{padding: 10px;}
    .three_blocks .block .custom_card .item .icon span{font-size: 18px; line-height: 40px;}
    .three_blocks .block .custom_card .item .icon{    width: 40px;
      height: 40px;
      line-height: 40px;}
      .three_blocks .custom_card .item{padding-left: 60px;}
      .custom_card .item h4{    font-size: 22px;}
      .custom_card .item p{font-size: 13px;}
      .mob-block .card-header{    padding: 20px 20px 10px 20px;}
      .bulk-upload .bulk-body{    width: 350px;}
      .bulk-upload .col{-webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;}
      .bulk-upload .col-md-8{-webkit-flex: 0 0 60%;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;}
      .bulk-upload .col-md-3{-webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;}
        .bulk-upload .btn-primary{    margin: 0px 0 0 20px;}
        .bulk-upload p{text-align: right;}
        .bulk-upload .dropdown-menu2 p{text-align: left;}
        .form-search .form-inline .form-control, .form-search.form-inline .form-control, .form-search .search-date.search-date-single .form-control{    min-width: 190px;}
        .select2-container{    width: 190px !important;}
        .form-search .col {
          margin-bottom: 15px;
      }
      .title-row .btn{    font-size: 10px;     padding: 5px 15px;}
      .title-row .download-button span{ font-size: 12px;     margin-right: 2px;}
      .title-row  .download-csv i{    margin-right: 6px;}


      .form-card .table-responsive .table tr th, .form-card .table-responsive .table tr td {
        min-width: 160px;
        max-width: 160px;     font-size: 10px;}

      .form-card .table-responsive .table tr th.id-column, 
      .form-card .table-responsive .table tr td.id-column {
        min-width: 100px;
        max-width: 100px;}
        .column-settings-row .table-responsive .table tr th, .column-settings-row .table-responsive .table tr td{font-size: 10px;}
        .inline-radio .form-group .radio input{    width: 10px;
            height: 10px;}
            .form-card .card .card-body{padding: 15px;}
}