@media (max-width:1779px) {
.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;}

}

@media (max-width:1579px) {
.docpdf_download .inn_rdtl .bootstrap-select{ max-width: 124px; min-width: 124px;}
.tooltip-custom .tooltip-box { width: 300px;}
.tred_block .points, .tred_block .market, .more-btn{ zoom: 85%;}
.co_prod_collapse .collapse_head{ gap: 8px;}
.co_prod_collapse .collapse_head .dtl_main{ gap: 8px;}
.co_prod_collapse .collapse_head .left_dtl{ gap: 8px;}
.co_prod_collapse .collapse_head .right_dtl{ gap: 16px;}

.order_card_top .nav { zoom: 93%;}

.setting_tab_item.style2 .rdtl { flex: 0 0 350px;}
.settings_sec{ gap: 20px;}

.faq_accordion .accordion-button{ padding-right: 80px;}
.faq_accordion .accordion-body{ padding-right: 80px;}
.auto_grid{ gap: 20px;}
.video_block{ max-width: 340px;}
}

@media (max-width:1429px) {
.theme-datatable #rateprodTable > thead > tr > th.freez_cell-end, .theme-datatable #rateprodTable > tbody > tr > td.freez_cell-end{ position: unset !important;}
.theme-datatable #rateprodTable > thead > tr > th.freez_cell-end::after, .theme-datatable #rateprodTable > tbody > tr > td.freez_cell-end::after{ display: none;}
}

@media (max-width:1399px) {
.tred_block .points, .tred_block .market, .more-btn{ zoom: unset;}

.co-wrapper .orderinfo_aside{ width: 330px; min-width: 330px;}
.orderinfo_aside .courierb_items .courierb_item{ gap: 10px;}
.orderinfo_aside .courierb_items .courierb_item .tooltip-custom .tooltip-box{ right: -80px;}
.orderinfo_aside .courierb_items .courierb_item_price .rdtl_inn{ gap: 8px;}
.order_card_top .nav { zoom: unset;}
.datatable_filter .dropdown-menu{ left: 0 !important; right: auto !important;}

.search-wrapper .search-box{ left: 0; right: auto;}
}

@media (max-width:1279px) {
.login-wrapper .right_part{ flex: 400px 0 0;}
.login-wrapper .detail{ padding: 30px 5%;}
.login-description{ margin-bottom: 30px;}
.login_form .btn-group{ padding: 30px 0 0;}
.otp-group .form-control { width: 42px; height: 42px;}


.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;}

.docpdf_download .inn_rdtl .bootstrap-select{ max-width: 200px; min-width: 200px;}

.auto_grid{ display: grid; grid-template-columns: repeat(3, 1fr);}
.video_block{ max-width: inherit; width: auto;}
}

@media (max-width: 1199px) {
.theme-datatable table > thead > tr > th.freez_cell-start ~ th:not(.freez_cell-end){ box-shadow: none;}
.tred_block .points, .tred_block .market, .more-btn{ zoom: 90%;}
.courierb_item_price .tooltip-custom .tooltip-box{ right: -78px;}
.exconlist_title{ font-size: 16px;}
.carier_items{ gap: 30px;}
.datatable_filter .dropdown-menu{ padding-bottom: 10px; min-width: 280px;}
.datatable_filter .lbl-title2 { margin: 10px 0;}
.datatable_filter ul li{ padding: 8px 0;}
.orders_grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));}
.odrnav-tabs{ white-space: nowrap; overflow: auto; flex-wrap: nowrap; width: 100%; max-width: 938px;}

.co_prod_collapse .collapse_head{ align-items: flex-start;}
.co_prod_collapse .collapse_head .dtl_main{ flex-direction: column; align-items: flex-start;}

.setting_tab_item .detail{ flex-direction: column; align-items: unset;}
.setting_tab_item .rdtl{ flex: unset;}
.setting_tab_item.style2 .rdtl{ flex: unset;}
}

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

.login-wrapper .left_part .logo{ width: 150px;}
.login-title{ font-size: 26px;}
.signup-header{ padding: 10px 0;}
.forgotp-content .container { max-width: 340px;}
.forgotp-ic{ margin-bottom: 20px;}
.forgotp-ic img{ width: 68px;}
.forgotp-content{ padding: 30px 0;}

.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;}

.theme-datatable table.dataTable > thead > tr > th{ padding: 8px 18px 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 18px 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; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));}
.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;}

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

.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;}


.exaction_abcd { max-width: 30px; min-width: 30px; padding: 3px; max-height: 688px; gap: 4px;}
.exaction_abcd a { font-size: 12px; line-height: 22px; min-height: 22px;}
.carier_item h5{ font-size: 14px;}

.create_templates_modal .accstmrview_table table tbody tr td { padding-top: 8px; padding-bottom: 8px;}

.plan-wrapper h1{ font-size: 28px; line-height: normal;}
.plan-wrapper .p-info{ margin-bottom: 25px;}

.support-wrapper h1{ font-size: 28px; line-height: normal;}
.support-wrapper .p-info{ margin-bottom: 25px;}
.setting-nav li{ margin-bottom: 8px;}
.faq_accordion .accordion-item{ margin-bottom: 15px;}
.faq_accordion .accordion-button{ padding-right: 50px;}
.faq_accordion .accordion-body{ padding-right: 50px;}
.video_block{ padding: 8px;}
.video_block .video_body{ padding-top: 10px;}
.suporthelp_filter li a.active{ padding: 6px 8px;}

.dashboard_main .body-tabs { max-width: 284px;}
}

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

.modal .modal-footer{ gap: 16px;}

.login-wrapper{ flex-direction: column;}
.login-wrapper .left_part{ min-height: 350px; padding: 20px 5% 30px; 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{ 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;}
.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));}

.progress_info{ width: 100%;}
.bulkupload_block .upload-container{ height: 140px;}
.bulkupload_block .upload-container .upload-label small{ display: block; font-size: 12px; margin: 0;}
.bulkupload_block .upload-container .upload-label strong{ width: 100%;}
.bulkuploading_file .right_part{ gap: 10px;}
.bulkuploading_file .left_part figure{ width: 26px; min-width: 26px;}
.bulkuploading_file .left_part .file_name{ font-size: 14px; margin: 0;}

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

.carier_items{ gap: 10px;}
.carier_item { max-width: 128px; min-width: 128px; padding: 5px; border-radius: 10px;}
.carier_item .carier_img, .carier_item figure, .carier_item figure img{ border-radius: 8px;}
.carier_item .detail{ padding: 5px 0 0 5px;}

.datatable_filter .dropdown-menu{ left: -29px !important;}
.epd_shiprate_table.accstmrview_table table thead tr th img { margin-left: 6px; position: unset;}

.acnav-tabs{ white-space: nowrap; overflow: auto; flex-wrap: nowrap; width: 100%; max-width: 453px; padding: 1px 1px 8px;}
.odrnav-tabs{ max-width: 100%; padding: 6px 6px 8px;}
.odrnav-tabs li{ flex: 1 0 auto;}

.plan_card.popular{ margin-top: 8px;}
.plan_card{ height: auto;}

.settings_sec{ flex-direction: column;}
.settings_sec > .left_part{ width: 100%;}
.setting-nav{ flex-wrap: nowrap; overflow: auto; padding:5px 5px 8px; margin: 0 -5px; gap: 5px; width: 100%; position: unset; white-space: nowrap;}
.setting-nav .nav-link{ text-align: left; padding: 8px 10px; min-width: max-content;}
.setting-nav li{ margin: 0;}
.auto_grid{ grid-template-columns: repeat(2, 1fr);}
}

/************ 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: 0;}
.docpdf_download .removefile-btn28x{ position: absolute; right: 0; top: 0;}
.docpdf_download .inn_rdtl{ width: 100%;}
.docpdf_download .inn_rdtl .progress, .docpdf_download .inn_rdtl .bootstrap-select{ min-width: auto; max-width: inherit; width: 100%;}

.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;}

.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;}

.theme-datatable table.dataTable > tbody > tr > td .action { gap: 4px;}

.product-selector .product-list{ min-width: 318px;}
.suggestion-box{ min-width: 286px;}
.card_block:not(.style2) .card_block.style2{ padding: 0; border: none; background: none;}

.vptab_content ul li{ flex-wrap: unset; flex-direction: column;}
.warehouseaddcode_list2{ gap: 10px; flex-direction: column; align-items: unset; margin-bottom: 12px;}

.pickup_add_block p{ font-size: 14px; line-height: 18px; padding-bottom: 10px; margin-bottom: 10px;}
.pickup_add_block ul{ flex-direction: column; align-items: flex-start;}
.pickup_add_block ul li + li::before{ display: none;}
.co_prod_collapse .collapse_head .left_dtl{ flex-wrap: wrap; gap: 6px 8px;}
.co_prod_collapse .collapse_head .right_dtl{ flex-wrap: wrap; gap: 6px 8px;}
.badge-info-b{ padding: 6px 8px;}
.co_prod_collapse .collapse_head .right_dtl .qty_info button { width: 20px; height: 20px; padding: 4px;}
.co_prod_collapse .collapse_head .right_dtl .qty_info .qty_input{ font-size: 16px;}
.prodform_block{ gap: 8px 10px;}
.orderinfo_aside .courierb_items .courierb_item{ padding: 8px;}
.orderinfo_aside .courierb_items .courierb_item figure { width: 42px; min-width: 42px; height: 42px;}
.orderinfo_aside .courierb_items .courierb_item:not(.first) h5{ margin-bottom: 6px;}
.orderinfo_aside .courierb_items .courierb_item h5{ gap: 5px;}
.orderinfo_aside .courierb_items .courierb_item h5 .badge { border-radius: 6px; padding: 4px 5px; font-size: 11px; min-height: auto;}

.plan_card .card_body{ padding: 16px 12px;}
.plan_card.popular .card_body{ padding-top: 30px;}
.plan_card .icon{ width: 46px; height: 46px; margin: 0 17px 24px 0; float: left;}
.plan_card p{ margin-bottom: 14px;}
.plan_card .price{ margin: 0 0 14px 62px;}
.plan_card ul{ margin: 14px 0 0; padding: 14px 0 0;}
.plan_card ul li{ margin-bottom: 9px;}

.setting_tab_item{ flex-direction: column; gap: 20px;}
.setting_tab_item .detail{ align-self: unset;}

.support-wrapper .content-body { padding-top: 20px;}
.faq_accordion .accordion-item{ border-radius: 10px;}
.faq_accordion .accordion-button { padding: 12px 30px 12px 12px; position: relative;}
.faq_accordion .accordion-button::after { width: 18px; height: 18px; right: 8px; background-size: 20px;}
.faq_accordion .accordion-body { padding: 0 30px 12px 12px;}
.auto_grid{ grid-template-columns: 1fr;}
.suporthelp_filter li a{ min-width: auto;}
.suporthelp_filter{ gap: 5px;}
.fileuploaded .files .img { width: 125px; min-width: 125px; height: 120px;}
.dashboard_main .body-tabs { max-width: 100%;}

.svideo_modal .modal-dialog{ margin-top: 60px;}
.svideo_modal .modal-body { padding: 4px;}
.svideo_modal iframe{ height: 56vw;}
}