@media (max-width:1779px) {
    .uploaded_list .docpdf_download .rdtl h6{ min-width: 130px; width: 130px;}
    .uploaded_list .docpdf_download .inn_rdtl .progress{ min-width: 190px;}
    .docpdf_download .inn_rdtl .bootstrap-select{ max-width: 190px; min-width: 190px;}

    .tred_block{ display: flex; flex-direction: column;}
    .tred_block h5{ font-size: 15px; flex: 1;}
    .tred_block .points{ font-size: 18px;}
    .tred_block .market{ font-size: 12px; gap: 4px;}
    .totalshipment_block .point{ margin-bottom: 30px;}
    .shipmentc_items{ margin-top: 35px;}

    .carier_items { grid-template-columns: repeat(auto-fit, minmax(222px, 1fr)); gap: 30px;}
}

@media (max-width:1579px) {
    .uploaded_list .docpdf_download{ gap: 8px;}
    .uploaded_list .docpdf_download .inn_rdtl{ gap: 8px;}
    .uploaded_list .docpdf_download .rdtl h6{ min-width: 110px; width: 110px;}
    .uploaded_list .docpdf_download .inn_rdtl .progress{ min-width: 124px;}
    .uploaded_list .docpdf_download .inn_rdtl .bootstrap-select {	min-width: 170px;}
    .uploaded_list .docpdf_download .error-msg{ font-size: 12px;}
    .docpdf_download .inn_rdtl .bootstrap-select{ max-width: 124px; min-width: 124px;}

    .tooltip-custom .tooltip-box { width: 300px;}

    .carier_items { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 30px;}

    .bulkuploading_file .left_part{ min-width: 30%;}

    .tred_block .points, .tred_block .market, .more-btn{ zoom: 85%;}
}

@media (max-width:1399px) {
    .rc-wrapper .col-xxl-4 .courierb_item_price .rdtl{ flex-direction: row;}

    .tred_block .points, .tred_block .market, .more-btn{ zoom: unset;}

    /* .rc-wrapper .acaddcustomer_main{ padding-right: 354px;} */
    /* .rc-wrapper .orderinfo_aside{ width: 330px;} */
    .co-wrapper .orderinfo_aside{ width: 330px; min-width: 330px;}

    .carier_items { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));}

    .uploaded_list .docpdf_download .inn_rdtl .form_block .form-control{ min-width: auto;}
}

@media (max-width:1279px) {

    .login-wrapper .right_part{ flex: 400px 0 0;}
    .login-wrapper .detail{ padding: 30px 5%;}
    .login-wrapper .left_part{ padding: 30px;}
    .login-wrapper .left_part .logo{ width: 200px;}
    .login-description{ margin-bottom: 30px;}
    .login-wrapper .alert-error{ margin-bottom: 30px;}
    .login_form .btn-group{ padding: 30px 0 0;}
    .otp-group .form-control { width: 42px; height: 42px; font-size: 26px;}


    .main-sidebar{ padding: 78px 12px 0;}

    .main-header .brand_part::after{ width: 0; bottom: -1px; z-index: 5;}
    .sidebar-collapse .main-header .brand_part::after{ width: 208px;}

    .actab-content .grid{ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}
    .account-card .ac-bottom{ flex-wrap: wrap; gap: 7px;}

    .elipsmoreops-drop .dropdown-menu{ min-width: 100px; border-radius: 5px;}
    .elipsmoreops-drop .dropdown-menu li a{ padding: 8px 12px; font-size: 14px; gap: 10px;}
    .elipsmoreops-drop .dropdown-menu li a i{ width: 16px; min-width: 16px;}

    .uploaded_list .docpdf_download .rdtl h6{ min-width: 110px; width: 110px;}
    .uploaded_list .docpdf_download .inn_rdtl .progress{ min-width: 200px;}
    .docpdf_download .inn_rdtl .bootstrap-select{ max-width: 200px; min-width: 200px;}

}

@media (max-width: 1199px) {
    .bulkuploading_file .left_part .file_name{ font-size: 16px;}
    .bulkuploading_file .left_part .file_size{ font-size: 14px;}
    .bulkuploading_file .left_part figure { width: 40px; min-width: 40px;}
    .bulkuploading_file .right_part{ gap: 16px 20px;}

    .tred_block .points, .tred_block .market, .more-btn{ zoom: 90%;}

    .courierb_item_price .tooltip-custom .tooltip-box{ right: -78px;}

    .orders_grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));}
}

/************ Main **************/
@media (max-width: 991px) {

    .login-wrapper .left_part .logo{ width: 150px;}
    .login-title{ font-size: 26px;}
    .login-description{ font-size: 16px;}
    .login-description a{ font-size: 14px;}
    .signup-header{ padding: 20px 0;}
    .forgotp-content .container { max-width: 420px;}
    .forgotp-ic{ margin-bottom: 20px;}
    .forgotp-ic img{ width: 68px;}

    .main-header .pagination{ display: none;}

    .actab-content .grid{ gap: 10px; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));}
    .account-card .accard_head .head-left figure { height: 50px; width: 50px; min-width: 50px; border-radius: 5px;}
    .account-card .accard_head .head-more{ gap: 5px;}
    .account-card .accard_head .head-left{ gap: 8px;}

    .delete_cstmr_modal .modal-body .icon{ margin-bottom: 15px;}
    .delete_cstmr_modal .modal-footer{ gap: 14px;}

    .daterangepicker{ margin-top: 5px;}
    .daterangepicker .ranges{ width: 96px;}
    .daterangepicker .ranges ul{ width: auto;}
    .daterangepicker .ranges li{ font-size: 12px;}
    .daterangepicker .drp-calendar{ padding: 6px 8px !important;}
    .daterangepicker .calendar-table th, .daterangepicker .calendar-table td { font-size: 11px; min-width: 22px; width: 22px; height: 22px;}
    .daterangepicker .drp-calendar.left{ clear: none !important;}

    .theme-datatable table.dataTable > thead > tr > th{ padding: 8px 25px 8px 6px;}
    .theme-datatable table.dataTable > thead > tr > th:first-child{ padding-left: 16px;}
    .theme-datatable table.dataTable > thead > tr > th:last-child{ padding-left: 10px; padding-right: 10px;}
    .theme-datatable table.dataTable > tbody > tr > td{ padding: 8px 10px 8px 6px;}
    .theme-datatable table.dataTable > tbody > tr > td:first-child{ padding-left: 16px;}
    .theme-datatable table.dataTable > tbody > tr > td:last-child{ padding-left: 10px; padding-right: 10px;}

    #accountTable_wrapper table.dataTable > thead > tr > th { min-width: 130px;}
    #orderTable_wrapper table.dataTable > thead > tr > th:first-child{ padding-left: 16px; padding-right: 10px;}
    #orderTable_wrapper table.dataTable > thead > tr > th:not(:first-child, :last-child) { min-width: 110px;}
    .pd-address{ min-width: 240px;}

    .orders_grid { gap: 10px;}
    .orders_info{ padding: 10px;}
    .orders_info h5{ font-size: 16px;}
    .orders_info i{ margin-top: 3px;}

    .co-wrapper .acaddcustomer_main{ padding-right: 0;}
    .orderinfo_aside{ margin: 30px 0 0; position: unset; border-radius: 8px; height: auto; width: 100%;}
    .orderinfo_aside .mCSB_scrollTools{ display: none !important;}

    .datatable_searchfilter-dropdown{ left: 6px;}
    .pricerange-dropdown{ left: 6px;}

    .rc-wrapper .orderinfo_aside{ border: 1px solid var(--borderColor) !important; box-shadow: none;}

    .tred_block .points, .tred_block .market, .more-btn{ zoom: unset;}
    .rc-wrapper .logicslab_row{ max-width: 100%;}
    .rc-wrapper .orderinfo_aside{ width: 100%;}

    .co-wrapper .content-body{ flex-direction: column; overflow: auto; padding: 16px;}
    .co-wrapper .acaddcustomer_main{ overflow: visible; padding: 0;}
    .co-wrapper .orderinfo_aside{ height: auto; width: 100%; min-width: auto;}

    .AddCustomer{ padding: 0; border: none;}
}

@media (max-width: 767px) {
    html { -webkit-text-size-adjust:none;}

    .login-wrapper{ flex-direction: column;}
    .login-wrapper .left_part{ min-height: 350px; padding: 30px 5%; flex: unset;}
    .login-wrapper .right_part{ flex: 1 0 0; padding: 0 5%;}
    .login-wrapper .detail{ padding: 30px 5%; background-color: rgba(255,255,255,0.8); border-radius: 10px; margin-top: -230px; position: relative; z-index: 5; backdrop-filter: blur(10px);}

    .main-header .sidebar-toggle img { transform: scaleX(-1);}
    .sidebar-open .main-header .sidebar-toggle img { transform: scaleX(1);}
    .sidebar { height: calc(100vh - 148px) !important; margin-bottom: 14px;}
    .main-sidebar{ box-shadow: none;}
    .sidebar-open .main-header .brand_part::after{ width: 208px;}
    /* .main-header > .navbar{ padding-left: 0;} */
    .nav_right ul > li{ margin-left: 6px;}
    .nav_right ul > li.search > a{ padding: 8px;}
    .nav_right ul > li.search > a span{ display: none;}
    .nav_right ul > li.wallet > a{ padding: 7px;}
    .nav_right ul > li.wallet > a img{ width: 20px;}
    .nav_right ul > li.wallet > a span{ display: none;position: absolute; top: 90%; left: 50%; transform: translateX(-50%); border-radius: 8px; background: var(--brand); padding: 0 8px; z-index: 55; color: white; font-size: 10px; }
    .nav_right ul > li.wallet > a:hover span, .nav_right ul > li.wallet > a:active span{ display: block;}
    .nav_right ul > li.notification > a{ width: 30px; height: 30px;}
    .nav_right ul > li.notification > a span { top: 3px; right: 8px;}

    .theme-datatable table.dataTable > tbody > tr > td .action{ min-width: 140px; gap: 10px;}
    .dt-length label{ width: 100%; justify-content: center;}
    .dt-paging nav{ margin-top: 10px;}
    .dt-info .dt-info{ text-align: center; margin-top: 10px;}

    .aac_body{ padding-left: 0;}
    .aac_body::before { display: none;}
    .uploaded_list .docpdf_download .rdtl h6 { min-width: 130px; width: 130px;}
    .logicslab_row{ gap: 12px;}
    .logicslab_row:not(:last-child){ margin-bottom: 15px;}
    .logicslab_row:not(:first-child){ margin-top: 15px; padding-top: 15px; border-top: 1px solid var(--greyLightest);}
    .logicslab_row ~ .expanded-form:not(:first-child) { margin-top: 15px; padding-top: 15px; border-top: 1px solid var(--greyLightest);}

    .orders_grid{ grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));}
    .odrnav-tabs{ white-space: nowrap; overflow: auto; flex-wrap: nowrap; width: 100%; max-width: 692px;}

    .bulkuploading_file{ flex-direction: column; align-items: flex-start;}
    .bulkuploading_file .left_part{ width: 100%;}
    .upload_success.bulkuploading_file .right_part{ flex-direction: column; align-items: flex-start;}
    .progress_info{ width: 100%;}
    .bulkupload_block .upload-container{ height: 140px;}
    .bulkupload_block .upload-container .upload-label small{ display: block;}
    .bulkupload_block .upload-container .upload-label strong{ width: 100%;}

    .search-modal .search_filter{ padding: 0 15px; gap: 0 10px;}
    .search-modal .search-tabs{ gap: 0;}
}

/************ iphone **************/
@media (max-width:575px) {
    html { -webkit-text-size-adjust:none;}
    .main-header .brand_part{ width: 100px;}
    .main-header .logo > .logo-txt{ display: none;}

    .docpdf_download .inn_rdtl select{ min-width: 153px; max-width: 153px;}
    .docpdf_download i { width: 28px; min-width: 28px;}
    .docpdf_download, .docpdf_download .rdtl, .docpdf_download .inn_rdtl{ gap: 7px;}
    .docpdf_download .rdtl p{ width: 80px;}
    .accstmrview_table table tbody tr:nth-child(2n) td{ padding: 12px 16px;}

    .docpdf_download i{ align-self: flex-start;}
    .docpdf_download .rdtl{ flex-direction: column; align-items: flex-start; position: relative;}
    .docpdf_download .rdtl > div:first-child{ padding-right: 70px; width: 100%;}
    .docpdf_download .rdtl h6{ min-width: auto; max-width: inherit; width: 100%;}
    .docpdf_download .dwnld-btn28x, .docpdf_download .refresh-btn28x{ position: absolute; right: 34px; top: -5px;}
    .docpdf_download .removefile-btn28x{ position: absolute; right: 0; top: -5px;}
    .docpdf_download .elipsmoreops-drop{ position: absolute; right: 0; top: -5px;}
    .docpdf_download .elipsmoreops-drop button{ width: 28px; height: 28px;}
    .docpdf_download .inn_rdtl{ width: 100%; flex-wrap: wrap;}
    .docpdf_download .inn_rdtl .progress, .docpdf_download .inn_rdtl .bootstrap-select{ min-width: auto; max-width: inherit; width: 100%;}
    .docpdf_download .inn_rdtl .form_block{ width: 100%;}
    .uploaded_list{ max-height: 208px;}

    .cstmracview_sidebar .docpdf_download .dwnld-btn28x{ right: 0;}

    .orderinfo_aside .docpdf_download .rdtl { display: flex; grid-template-columns: unset;}
    .orderinfo_aside .docpdf_download .inn_rdtl .progress { min-width: auto; max-width: inherit; width: 100%;}
    .orderinfo_aside .docpdf_download .inn_rdtl .bootstrap-select { min-width: auto; max-width: inherit; width: 100%;}
    .orderinfo_aside .docpdf_download .inn_rdtl{ justify-content: flex-start;}

    .upload-container{ height: 240px;}

    .daterangepicker .ranges{ width: 100%; padding: 6px 5px;}
    .daterangepicker .ranges ul{ width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap;}
    .daterangepicker .ranges li{ margin: 0;}
    .daterangepicker .drp-calendar{ clear: both !important; border: none !important; border-top: 1px solid var(--borderColor) !important;}
    .daterangepicker .calendar-table th, .daterangepicker .calendar-table td { font-size: 12px; min-width: 28px; width: 28px; height: 28px;}
    .daterangepicker .drp-buttons{ padding: 5px;}
    .daterangepicker .drp-selected{ padding-right: 0;}

    .courierb_item_price .rdtl_inn{ gap: 8px;}
    .courierb_item h5{ font-size: 15px;}
    .courierb_item p{ font-size: 13px;}
    .courierb_item_price .price{ font-size: 15px;}
    .orderinfo_aside .tooltip-custom .tooltip-box { right: -78px;}

    .alert-sticky{ width: 90%;}
    .bulk-action-bar{ max-width: 270px; width: 100%; top: -90px;}
    .bulk-action-bar a{ flex: 1 0 0; white-space: nowrap; max-width: 100%; min-width: max-content; justify-content: center; border-top: 1px solid var(--midGrey);}
    .bulk-action-bar a[data-bs-target="#ModalExportRecords"]{ border-top: none;}

    .notifi_item .dtl{ padding: 0;}
    .notifi_item h4{ padding-right: 90px;}

    .tooltip-custom .tooltip-box{ right: -20px;}
    .courierb_item_price .tooltip-custom .tooltip-box{ right: -78px;}
    .payment_item .extend_detail{ padding-right: 0;}
}