@media(min-width:768px){
    .column-box .title{
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
}

@media(max-width:1480px) {
.w-200 {
    width: 160px;
}
.search-box {
    width: 30%;
}
.custom-table {
    overflow-x: auto;
}
.custom-table::-webkit-scrollbar {
    height: 6px;
    border-radius: 3px;
}
.custom-table::-webkit-scrollbar-track {
    background: #E3E6EF;
    border-radius: 3px;
}
.custom-table::-webkit-scrollbar-thumb {
    border-radius: 10px;
    border-radius: 3px;
    background: #C2C5D6;
}
}
@media(max-width:1401px){
.custom-table tbody tr td input{
    margin-right:2px;
}
.custom-table tbody tr td input:last-child{
    margin-right:0;
}
.field_list button:not(.theme-btn) {
    margin-bottom: 3px;
}
.theme-btn.small_btn {
    margin:2px 0;
}
.switch-btns-block .nav-link.switch-tab{
    padding:8px 15px;
}
}
@media(max-width:1300px){
.switch-btns-block .nav-link.switch-tab{
    padding:8px 10px;
}
.reporter_dashboard .date_field {
    max-width: 150px;
}
}
@media(max-width:1266px){
.label-top .cs-label {
    text-align: left;
}
.custom-table table .footableROW input[type="text"] {
    padding: 8px 5px;
}
.custom-table tbody tr.footableROW td {
    padding: 5px;
}
}
@media(max-width:1199px) {
    .menu-icon {
        background: transparent;
        border: none;
    }
    .menu-icon svg {
        width: 24px;
        height: 24px;
    }
    .sidenav.active {
        transform: translateX(0rem) !important;
    }
    .sidenav.navbar-vertical {
        top: 60px;
    }
    .field_list .col-sm-6 .form-control {
        min-width: auto;
    }
    .menu-icon svg {
        width: 24px;
        height: 24px;
    }
    .sidenav.active {
        transform: translateX(0rem) !important;
    }
    .sidenav.navbar-vertical {
        top: 60px;
    }
    .field_list .col-sm-6 .form-control{
        min-width:auto;
    }
}
@media(max-width:991px){
    .switch-btns-block .flex-column{
        flex-direction: inherit !important;
    }
    .dash-bottom-flex {
        flex-wrap: wrap;
    }
    .col-width-24,
    .col-width-38 {
        width: 100%;
    }
    .filter-flex {
        display: block !important;
    }
    .filter-flex .row.gx-2 .col-md-4 {
        margin-top: 15px;
    }
    .filter-flex .w-200 {
        width: 100%;
    }
    .search-box {
        width: 100%;
    }
    .cs-processbar-responsive {
        overflow-x: auto;
        padding-bottom: 10px;
    }
    .cs-processbar-responsive .cs-processbar-w {
        width: 800px;
    }
    .add_vehicle  .search-box {
        width: 70%;
    }
    .custom-table tbody tr td input.form-control {
        min-width: 95px;
    }
    .filter-col5 .col{
        width:25%;
    }
    .toggle_buttons .input_filed{
        position:relative;
    }
    .reporter_dashboard{
        flex-wrap:wrap;
        justify-content:start !important;
        margin-top:15px;
    }
    .switch-btns-block .nav-link.switch-tab{
        padding:8px 15px;
    }
    .reporter_dashboard .date_field{
        max-width:fit-content;
    }
    .custom-accordion ul.nav.nav-tabs{
        gap: 6px;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: scroll;
        display: flex;
        flex-flow: nowrap;
        scrollbar-width: none;
        margin-bottom: 0 !important;
    }
    .custom-accordion ul.nav.nav-tabs.tab_accordion button {
        padding:13px 10px;
    }
}
@media(max-width:767px){
    .custom-card .card-header{
        padding: 1rem;
        padding-left: 20px !important;
    }
    .md-title {
        font-size: 21px;
    }
    .switch-btns-block {
        width: 200px;
    }
    .switch-btns-block .nav.nav-pills {
        background: transparent;
        padding: 0.1rem !important;
    }
    .switch-btns-block .nav-link.switch-tab {
        font-size: 13px;
    }
    .column-box .card-header {
        padding: 6px 12px;
    }
    .cs-profile-bar {
        display: none;
    }
    .cs-profile-flex {
        margin-left: 0 !important;
    }
    .accordion-header .cs-dropdown {
        right: 40px;
        top: -9px;
    }
    .filter-col5 .col {
        flex: inherit;
        width: 33.33%;
        margin-bottom: 10px;
    }
    .heder-flex {
        flex-wrap: wrap;
    }
    .vd-flex {
        flex-wrap: wrap;
    }
    .vd-flex .vd-left {
        width: 100%;
    }
    .vd-flex .vd-right {
        width: 100%;
        padding-left: 0;
        margin-top: 1.5rem;
    }
    .header-flex {
        flex-wrap: wrap;
    }
    .header-flex .custom-breadcrumb {
        width: 100%;
    }
    .input_field select.form-control, .xs-title input.form-control {
        margin-bottom: 5px;
    }
    .vehicles_edit_form .input_field .col-md-6 + .col-md-6 {
        margin-top: 6px;
    }
}
@media(max-width:767px) {
    .custom-card .card-header {
        padding: 1rem;
        padding-left: 20px !important;
    }
    .md-title {
        font-size: 21px;
    }
    .switch-btns-block {
        width: 200px;
    }
    .switch-btns-block .nav.nav-pills {
        background: transparent;
        padding: 0.1rem !important;
    }
    .switch-btns-block .nav-link.switch-tab {
        font-size: 13px;
    }
    .column-box .card-header {
        padding: 6px 12px;
    }
    .cs-profile-bar {
        display: none;
    }
    .cs-profile-flex {
        margin-left: 0 !important;
    }
    .accordion-header .cs-dropdown {
        right: 40px;
        top: -9px;
    }
    .filter-col5 .col {
        flex: inherit;
        width: 33.33%;
        margin-bottom: 10px;
    }
    .heder-flex {
        flex-wrap: wrap;
    }
    .vd-flex {
        flex-wrap: wrap;
    }
    .vd-flex .vd-left {
        width: 100%;
    }
    .vd-flex .vd-right {
        width: 100%;
        padding-left: 0;
    }
    .header-flex {
        flex-wrap: wrap;
    }
    .header-flex .custom-breadcrumb {
        width: 100%;
    }
    .input_field select.form-control, .xs-title input.form-control {
        margin-bottom: 5px;
    }
    .vehicles_edit_form .input_field .col-md-6 + .col-md-6 {
        margin-top: 6px;
    }
    .filter-col5 .col{
        flex:inherit;
        width:100%;
        margin-bottom:10px;
    }
    .label-top .cs-label{
        width:auto;
    }
    .cr-header-flex .theme-btn span{
        display:none;
    }
    .cr-header-flex .theme-btn {
        padding: 5px;
    }
    .custom-table tbody tr td input {
        min-width:45px;
        margin-bottom:2px;
    }
    .custom-table tbody tr td input[type="file"]{
        min-width: 135px;
    }
    table tr td{
        max-width:fit-content;
    }
    .column-box .card-body{
        padding:12px 12px;
    }
    .mt-3.d-flex.vd-flex>.vd-right.w-100 {
        margin-top: 0;
    }
    .form_login .theme-btn {
        width: 100%;
        padding: 10px 24px 11px;
    }
    .cr-header-flex .generate_btn.theme-btn {
        padding: 8px 10px;
        font-size: 13px;
    }
    .cr-header-flex .filter_mobile .cancel-btn, .cr-header-flex .filter_mobile .theme-btn {
        margin-bottom:15px;
    }
    .filter_mobile button{
        margin-bottom:0px;
    }
    .card-body .cs-profile-bar {
        display: block;
    }
    .custom-table tbody tr td input[type="file"] {
        margin-bottom: 0;
    }
    .custom-table tbody tr td, .custom-table tr td:nth-child(2), .custom-table tbody tr td, .custom-table tr th:nth-child(2) {
        max-width: 235px;
    }
    .mobile_flex {
        display: flex;
    }
    .mobile_flex .form-group {
        width: 100%;
    }
    .mobile_flex .form-group.label-top + b, .mobile_flex.form-group.label-top b{
        margin-top: 0 !important;
        line-height: normal;
        max-width: 55px;
        width: 100%;
    }
    .asign_profile .cs-profile-bar {
        display: block;
    }
    .nav-tabs .nav-link {
        padding: 10px 15px;
        font-size: 13px;
    }
    .accordion-item .accordion-body .row .col:last-child .field_list .form-group, 
    .accordion-item .accordion-body .row div[class*="col-"]:last-child .field_list .form-group{
        width: 100%;
    }
    .switch-btns-block .nav-link.switch-tab {
        padding: 8px 14px;
    }
    .col-width-30, .col-width-35{
        width:100%;
    }
    .header-flex.cr-header-flex{
        top: 58px;
    }
    .custom-accordion ul.nav.nav-tabs.tab_accordion button{
        padding:13px 10px;
    }
    .bottomNavBar ul{
        gap:6px;
        flex-wrap:wrap;
    }
    .vd-right .custom-accordion .accordion-item .accordion-button, .vd-flex .column-box .card-header {
        height: auto;
    }
    .toggle_buttons .btn-group{
        flex-wrap: nowrap;
        align-items: self-start;
        overflow: auto;
        scrollbar-width: none;
    }
}
@media(max-width:575px) {
    .sm-text-center {
        text-align: center !important;
    }
    .main-header {
        padding: 10px;
    }
    .main-logo img {
        max-width: 130px;
    }
    .main-content-right {
        margin-top: 60px;
        padding: 15px;
    }
    .steps-flex .col {
        flex: 1 1 50%;
    }
    .accordion-header .cs-dropdown {
        right: 40px;
        top: -2px;
    }
   /* .filter-col5 .col {
        flex: inherit;
        width: 50%;
        margin-bottom: 10px;
    }*/
    .filter-col5 .col:last-child {
        width: 100%;
    }
    .theme-btn,
    .gray-btn {
        padding: 7px 18px 8px;
    }
    .cancel-btn {
        padding: 6px 16px 7px;
    }
    .white-box.mt-4 {
        margin-top: 0.7rem !important;
    }
    .sidenav.navbar-vertical {
        padding: 0px 10px 10px;
    }
    .form_login {
        padding: 20px;
    }
    .form_login h3 {
        text-align: center;
    }
    .form_login button.theme-btn {
        width: 100%;
    }
    .login_list{
        justify-content: space-between;
        padding-left:0;
        list-style:none;
    }
    .filter-flex .d-flex.gap-3{
        flex-wrap:wrap;
    }
    .add_vehicle .search-box{
        width:100%;
    }
    .md-title{
        font-size:18px;
    }
    .white-box{
        padding:16px;
    }
    .vehicle-info-form:last-child .col-12:last-child .form-group:last-child{
        margin-bottom:10px;
    }
    .header-flex .custom-breadcrumb .status-tag{
        margin-right:10px;
    }
    input.width-20.mx-3{
        margin-right:0 !important;
    }
    .option_result span{
        white-space:normal;
    }
    .accordion-header .popup_btn.asign_profile{
        position:relative;
        right:-12px;
        top:-4px;
        padding-bottom:10px;
    }
    .calender-field {
        padding-right:25px;
        background-size:18px;
        background-position:center right 5px;
    }
    .vd-flex .custom-accordion .accordion-item .accordion-body {
        padding-top:25px;
    }
    .tab_data .custom-table tbody tr.footableROW td {
        white-space:normal;
    }
    /* .custom-table table tr th {
        white-space:nowrap !important;
    } */
    .custom-accordion ul.nav.nav-tabs.tab_accordion button{
        padding: 8px 10px;
    }
    /* .mob-quote_checkbox{
        display: flex;
        gap: 5px;
        flex-direction: column;
    }
    .quote_checkbox{
        position: unset;
    } */
    .custom-form__inner{
        flex-direction: column;
    }
    .filter-area__inner{
        position: fixed;
        transform: translateY(100%);
        padding: 20px;
        min-height: 250px;
        max-height: 74%;
        border-radius: 15px 15px 0 0;
        overflow: auto;
    }
    .button-group{
        justify-content: center;
    }
    /* .vehicle-view-noteFix input{
        min-width: 100px !important;
    } */
    .column-box .quote_checkbox{
        font-size: 0;
    }
    .daily-dashboard__table .custom-accordion h5{
        margin: 15px 0;
    }
    /* .vehicleViewall .ag-root.ag-unselectable.ag-layout-normal{
        min-width: 1000px;
        overflow-x: scroll;
    }
    .vehicleViewall .ag-root-wrapper-body.ag-layout-normal.ag-focus-managed{
        overflow-x: scroll;    
    } */
}
@media(max-width:481px){
    .reporter_dashboard .nav-wrapper {
        overflow: hidden;
    }
    .reporter_dashboard #myTab {
        flex-wrap: nowrap;
        overflow: auto;
    }
}
@media(max-width:420px){
    .lg-title {
        font-size:28px;
    }
    .switch-btns-block .nav-link.switch-tab {
        padding:8px 10px;
    }
    .switch-btns-block{
        width:180px;
    }
    .cr-header-flex{
        flex-wrap:wrap;
    }
    .xs-title.mb-3{
        margin-bottom:0.7rem !important;
    }
    h2.accordion-header .popup_btn{
        position:relative;
        right:-12px;
        top:-4px;
    }
    .md-title {
        font-size:16px;
    }
    .font-16 {
        font-size:15px !important;
    }
    .more_option li{
        width:100%;
    }
    .theme-btn, .gray-btn {
        padding: 8px 20px;
        font-size: 14px;
    }
    .form-control {
        font-size: 13px;
    }
    .column-box .title {
        font-size: 15px;
    }
    .gap-3 {
        gap: 0.5rem !important;
    }
    .column-box .quote_checkbox{
        font-size: 0;
    }
}


/*================== R A H U L  responsive styling start ==================*/

@media (max-width: 768px) {
    .rm-tab .nav.nav-pills {
        flex-direction: column !important;
    }
    .switch-btns-block.rm-tab{
        border-radius: 20px;
    }
}

@media only screen and  (max-width: 576px) {
    .md-title{
        font-size: 18px;
    }
    .main-content-right {
        padding: 0 15px 15px;
    }
    .header-flex.cr-header-flex{
        top: 60px;
        padding: 15px 0;
    }
    .cancel-btn,.theme-btn{
        text-align: center;
    }
    .filter_mobile button.theme-btn{
        padding: 6px 16px 6px;
    }
    .vehicle-view-noteFix .custom-table tbody tr td input[type="text"], 
    .vehicle-view-noteFix .custom-table tbody tr td input[type="file"], 
    .vehicle-view-noteFix .custom-table tbody tr td input[type="email"], 
    .vehicle-view-noteFix .custom-table tbody tr td input[type="tel"], 
    .vehicle-view-noteFix .custom-table tbody tr td select, 
    .vehicle-view-noteFix .custom-table tbody tr td textarea{
        min-width: 90px;
    }
}