@media (max-width:1800px) {
.log_logo { margin-bottom: 40px;}
.login_sec .info{ padding: 30px 60px 40px;}
}

@media (max-width:1560px) {
.search_info { max-width: 400px;}
.login_sec .info{ padding:30px 40px;}
.log_logo{ margin-bottom: 30px;}
.log_logo img{ width: 200px;}
.login_sec figure img{ max-width: 96%;}
.schedule_block .form-control { max-width: 180px;}
.schedule_info{ padding: 15px;}
.table-responsive .dataTables_wrapper{ width: 100vw;}
}

@media (max-width:1279px) {
.container{ width:90%; margin:0 auto; padding:0; max-width: inherit;}
.container-fluid{ padding-left:30px; padding-right:30px;}

.main-header{ filter: drop-shadow(0px -4px 30px #E9E9E9);}
.main-header > .navbar{ filter:none;}
body:not(.sidebar-collapse) .sidebar-toggle{ transform: translate(110%, -50%) rotate(180deg);}
.sidebar-collapse .sidebar-toggle { transform: translate(50%, -50%) rotate(0); right: 20px;}
body:not(.sidebar-open) .sidebar-toggle{ transform: translate(110%, -50%) rotate(180deg);}
body.sidebar-open .sidebar-toggle{ transform: translate(50%, -50%) rotate(0);}
.main-header .logo{ padding: 10px 0 10px 48px; height: 64px;}
.main-sidebar .logo{    padding: 10px 26px; height: 64px;}
.nav_right .top_links > li{ margin-left: 30px;}
.main-sidebar, .left-side{ box-shadow: none;}
.main-sidebar.open, .left-side.open{ box-shadow: 0px 4px 30px 0px #E9E9E9;}
.sidebar { height: calc(100vh - 70px) !important;}

.login_sec figure{ padding: 0;}
.login_sec .info{ padding: 30px;}
.order_box{ padding: 20px;}
.order_box h3{ font-size: 18px; margin-bottom: 10px;}
.schedule_info{ border-radius: 10px;}
}


/************ Main **************/
@media (max-width: 991px) {
.login_sec h2{ font-size: 23px;}
.login_form{ padding: 40px; max-width: 100%;}
.form_block .field { padding: 0 20px; height: 50px;}
.dash_head h2{ font-size: 18px;}
.schedule_info{ align-items: flex-start;}
.schedule_status{ align-self: center;}
.schedule_info h5{ margin-top: 15px; width: auto;}
.product_table tbody td .table_img { width: 60px; min-width: 60px; max-width: 60px;}
.product_table:not(.order_table) tbody td:nth-child(2){ min-width: 200px;}
.product_table tbody td.order_error_msg{ min-width: 200px;}
.table-responsive .dataTables_wrapper{ width: auto;}

.last_sync .block { padding: 15px 10px; font-size: 13px;}
}

@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}
.container-fluid{ padding-left:20px; padding-right:20px;}

.main-header .logo{ width: 80px;}
.main-header .logo .logo-lg{ display: none;}
.main-header .logo .logo-mini{ display: block;}
.main-header > .navbar{ padding-left: 10px;}
.nav_right .top_links li.dropdown span{ display: none;}
.nav_right .top_links > li{ margin-left: 17px;}
.notifyWrapper>a>img{ width: 20px;}
.notifyWrapper .dropdown-menu { min-width: 230px; max-width: 230px;}
.notifyWrapper .notify_item .item_info{ padding: 8px 10px;}
.notifyWrapper .scroll_info { height: 253px;}

.login_page .wrapper { min-height: inherit; display: block; width:100%;}
.login_sec .leftd{ text-align: center; background: none;}
.login_sec h2{ text-align: center;}
.login_sec .info{ padding-bottom: 0;}
.login_sec figure{ background: #F3F3F3 url(../images/login_bg.png) left top repeat; padding: 30px 0 0;}

.dashboard{ padding-top: 15px;}
.dash_head{ padding: 0 15px 10px; margin-bottom: 15px;}
.dash_content{ padding: 0 15px 1px;}
.order_box{ height: auto; margin-bottom: 20px;}
.product_box{ margin-bottom: 20px;}
.order_box h3{ font-size: 15px;}

.modal_info .modal-title{ font-size: 18px;}
.modal_info .modal-content{border-radius: 10px;}
.modal_info .modal-header{padding: 10px 20px;}
.modal_info .modal-body{padding: 20px 15px;}
.modal_info .modal-content{padding-bottom: 20px;}
.input_group{ margin-bottom: 15px;}
.upload_group { margin-bottom: 0;}
.upload_group .form-control-lg::file-selector-button { padding: 0.7rem 1.2rem;}
.radio_box{ padding-top: 8px; margin-bottom: 16px;}
.check_box{ padding-top: 8px; margin-bottom: 16px;}
.shipped_model.modal_info .modal-content{ padding-bottom: 0;}
.shipped_model .form-control{ border-radius: 10px !important;}
.shipped_model .input-group-text{ width: 100%; justify-content: center; background: none;}
.shipped_model .input-group-text .btns{ border-radius: 10px !important; padding: 10px 30px; margin-top: 10px;}
.schedule_info{ display: block;}
.schedule_info h5{ margin: 0 0 15px;}
.table-responsive .dataTables_wrapper{ width: auto; }
.dataTables_wrapper .dataTables_paginate{ padding-top: 0; display: flex; justify-content: center;}
.btns_filter button { padding: 8px 10px;}
.upload-files-container .drag-file-area{ padding: 30px 20px;}

.erp_table .thead{ display: none;}
.erp_table .tbody .trow{ display: block; border-width: 5px;}
.erp_table .tbody .trow:first-child{ border: none;}
.erp_table .tbody .trow .td{ display: block; padding: 10px;}
.erp_table .tbody .trow .td + .td{ border-top: 1px solid #E3E3E3;}
.erp_table .tbody .trow .td:first-child:before{ content: "Action Name"; display: block;  font-weight: 600; margin-bottom: 5px;}
.erp_table .tbody .trow .td:nth-child(2):before{ content: "Manual Entry"; display: block;  font-weight: 600; margin-bottom: 5px;}
.erp_table .tbody .trow .td:nth-child(3):before{ content: "Action"; display: block;  font-weight: 600; margin-bottom: 5px;}
.last_sync{ columns: 1;}
.last_sync .block{ padding: 15px 20px;}
.last_sync .block + .block{ border: none; border-top: 2px solid #FFFFFF;}
}

/************ iphone **************/
@media (max-width:600px) {
html { -webkit-text-size-adjust:none;}
.login_sec .info{ padding: 30px 5% 0;}
.login_form{ padding: 10px 5% 40px 5%;}
.product_box{ padding: 15px 14px 20px;}
.schedule_block .form-control{ max-width: 100%;}
.schedule_info form{ justify-content: center; gap: 8px;}
.schedule_info h5{ text-align: center;}
.datepicker-dropdown{ left: 21px !important;}
.dataTables_wrapper .dataTables_filter input{ width: 100%; max-width: 260px;}
.alert.alert-dismissible{padding-left: 15px;}
}