@media (min-width: 1440px){
	.workOrderScheduleHeaderCls .filter-gap .common_filter_dropdown {width: calc((76% - 700px) / 2);}

	.workCalendar {width: 35%;}
	.workOrderScheduleHeaderCls .filter-gap.publishChangesMainBtn-hide .common_filter_dropdown{width: calc((65% - 440px) / 2);}
}

@media(max-width:1800px) {
	.head_cover .input_block {width: 120px; margin-right: 5px;}
	.head_cover .dataTables_filter .form-control {width: 120px;}
	.head_cover .float_right, .right_part {width: 100%; margin-top: 10px; padding-top: 15px; border-top: 1px solid #D4D8DF;}
	.fl_rj_w {width: 100%;}
	.fl_rj_w .add_icon  {float: right;}
	.w50 {width:40%;}
	.menu li a {padding: 25px 14px;}
	.tools_main .top_per_part_inner .cool-input {width: 250px;}		
	.tool_main_head .new_select_w, .tool_main_head .cost_filter .datepickerclass {width: 160px;}
	.tool_main_head .new_select_w.main_type_dropwn {width: 200px;}

	/* 11-11-2021 */
	.workOrderScheduleHeaderCls .workCalendar{width: 22%;}
	.workOrderScheduleHeaderCls .common_filter_dropdown{width: 12%;}
	.workOrderScheduleHeaderCls .schedule_search_filter{width: 13%;}
	/* */
}

@media(max-width:1600px) {
	.Main_log_tab_cnt .col-sm-8, .Main_log_tab_cnt .col-sm-4 {width: 100%;}
	.tools_main .Main_log_tab_cnt .top_per_part_inner {margin-bottom: 10px;}
	.tools_main .Main_log_tab_cnt .top_per_part_inner .add_icon {margin-top: 0;}

	.tab_cnt_head_left {margin-bottom: 15px;}
	.tab_cnt_head_right .form-control {width: 180px;}

	.bhoechie-tab .dataTables_wrapper {min-height: 660px;}

	/* 11-11-2021 */
	/*.workOrderScheduleHeaderCls .workCalendar {width: 22%;}*/
	.workOrderScheduleHeaderCls .workCalendar {width: 25%;}
	.workOrderScheduleHeaderCls .calendar-input .week-picker{font-size: 15px;}
	/*.workOrderScheduleHeaderCls .common_filter_dropdown {width: 12%;}*/
	.workOrderScheduleHeaderCls .common_filter_dropdown {width: 15%;}
	.workOrderScheduleHeaderCls .schedule_search_filter {width: 12%;}
	.ad_mrg.tools_main.sch_main .workOrderScheduleHeaderCls .new_tab_cnt_main .wordOrderNavCls .select_main.work_publish_btn .ad_btn {padding: 9px 50px;}
	/* */

	/* 19-11-2021 */
	.workOrderScheduleBodyCls .workOrderScheduleSideBarCls{
		width: 220px;
	}

	.workOrderScheduleBodyCls .workOrderScheduleSideBarCls .readyToScheduleTxtCls{
		padding: 15px 15px 10px 15px;
	}

	.workOrderScheduleBodyCls .workOrderScheduleSideBarCls .readyToScheduleTxtCls a .ancherTagTxtCls,
	.workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-unthemed .fc-view-container .peopleEmpViewCls .empSortMainCls span:first-child, .workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-unthemed .fc-widget-header .fc-content .fc-widget-header .fc-cell-content .fc-cell-text{
		font-size: 13px;
	}

	.workOrderScheduleBodyCls .workOrderScheduleSideBarCls .readyToScheduleTxtCls a .ancherIconMainCls span img {
		width: 12px;
	}

	.workOrderScheduleBodyCls .workOrderScheduleSideBarCls .readyToScheduleWorkOrderCls {
	    padding: 15px 15px 0 15px;
	}

	.workOrderScheduleBodyCls .workOrderScheduleSideBarCls .readyToScheduleWorkOrderCls .wrkOdrReScCl{
		padding: 10px 6px;
	}

	.workOrderScheduleBodyCls .workOrderScheduleCalendarCls{
    	width: calc(100% - 230px);
    }

    .workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-unthemed .fc-view-container .fc-resource-area .fc-scroller-clip .fc-scroller .fc-content .fc-widget-header {
	    padding: 12.5px 0;
	}

	.workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-unthemed .fc-view-container .peopleEmpViewCls{
		top: 14px;
		left: 24px;
	}

	.workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-unthemed .fc-view-container .fc-resource-area{
		width: 160px;
	}

	.workOrderScheduleCalendarCls .fc-view-container .fc-body .fc-scroller-canvas tbody tr td .fc-cell-content {
	    padding: 15px 6px;
	}

	.workOrderScheduleCalendarCls .fc-view-container .fc-body .fc-scroller-canvas tbody tr td .fc-cell-content .schEmpPanelCls .imgIcnCls{
		width: 32px;
    	height: 32px;
	}

	.workOrderScheduleCalendarCls .fc-view-container .fc-body .fc-scroller-canvas tbody tr td .fc-cell-content .schEmpPanelCls .empCalNameCls,
	.workOrderScheduleCalendarCls .fc-view-container .fc-body .fc-scroller-canvas tbody tr td .fc-cell-content .schEmpPanelCls .schJTlbl {
		font-size: 12px;
	}

	.workOrderScheduleCalendarCls .fc-view-container .fc-body .fc-scroller-canvas tbody tr td .fc-cell-content .schEmpPanelCls .imgIcnCls .nameChaCls{
		font-size: 14px;
	}

	.workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event{
		padding: 8px 6px;
	}

	.workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schOpenEventCls .schStarCls {
	    margin-right: 4px;
	    line-height: 10px;
	}

	.workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schOpenEventCls .schStarCls img {
	    width: 12px;
	}

	.workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schOpenEventCls .schEventTitleCls{
		font-size: 11px;
    	line-height: 18px;
	}

/*	.workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schOpenEventCls .schEventMinCls a img {
	    width: 14px;
	}*/

	.workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schEventMaxSectionCls .schEv2SectionCls .scEvLeftCls{
		width: 12px;
		margin-right: 3px;
		line-height: 12px;
	}

	.workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schEventMaxSectionCls .schEv2SectionCls .schEvRightSectionCls img {
	    width: 14px;
	}

	.workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schEventMaxSectionCls .schEv3SectionCls .schEvLeftSectionCls .schEmpPanelCls .imgIcnCls{
		width: 15px;
    	height: 15px;
	}

	.workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schEventMaxSectionCls .schEv3SectionCls .schEvLeftSectionCls .schEmpPanelCls .imgIcnCls .nameChaCls{
		font-size: 8px;
	}
	/* */
	.multyimagediv .deleteSchduleCls img, .multyimagediv .deleteOriginalCls img {
	    max-width: 14px;
	}

	.multyimagediv .schEmpPanelCls .addEmpSchMainCls .addEmpSchCls img{
		width: 12px;
	}

	.multyimagediv .schEmpPanelCls .multy_images {
	    /*width: calc(100% - 45%);*/
	    max-width: calc(100% - 45%);
	}

	/* 28-12 */
	.workOrderScheduleBodyCls_new .workOrderScheduleSideBarCls .readyToScheduleWorkOrderCls {
	    padding: 15px;
	}

	/* 15-03-2022 */
	.workOrderScheduleBodyCls .workOrderScheduleSideBarCls .holdWorkOrderCls{
		padding: 15px;
	}

	.workOrderScheduleBodyCls .workOrderScheduleSideBarCls .holdWorkOrderCls .wrkOdrReScCl{
		padding: 10px 6px;
	}

	.workOrderScheduleBodyCls .workOrderScheduleSideBarCls .holdWorkOrderCls .ui-draggable-dragging {
	    min-width: 153px;
	}
	/*  */


	.workOrderScheduleCalendarCls .toggle_div .td_check{
		top: 3px;
	}

	.schEmpPanelCls.name-deign-cls .right-name-class {width: calc(100% - 40px);margin-left: 8px;}
}

@media(max-width:1420px) {
	.head_cover .input_block {width: 120px; margin-right: 5px;}
	.head_cover .dataTables_filter .form-control {width: 120px;}
	.head_cover .float_right, .right_part {width: 100%; margin-top: 10px; padding-top: 15px; border-top: 1px solid #D4D8DF;}	
	.sm_min_height {min-height: 500px;}	
	.half_width {width: 50%;}

	.bhoechie-tab-menu {padding: 20px;}	
	.top_width_auto .cool-input {width: 282px;}
	.top_width_auto.last {padding-left: 15px;}
	.emp_list_min_height {min-height: 620px;}
	.input_text {padding: 5px 8px; font-size: 13px;}

	.new_select_w, .cost_filter .datepickerclass {width: 180px;}	
	.select_main {margin: 0 10px 0 0;}

	.bhoechie-tab .dataTables_wrapper {min-height: 600px;}

	/* 11-11-2021 */
	.workOrderScheduleHeaderCls .workCalendar {width: 24%;}
	.workOrderScheduleHeaderCls .common_filter_dropdown {width: 14%;}
	.ad_mrg.tools_main.sch_main .workOrderScheduleHeaderCls .new_tab_cnt_main .wordOrderNavCls .select_main, 
	.ad_mrg.tools_main.sch_main .workOrderScheduleHeaderCls .new_tab_cnt_main .wordOrderNavCls .new_select_w {margin: 0 15px 5px 0;}
	.ad_mrg.tools_main.sch_main .workOrderScheduleHeaderCls .new_tab_cnt_main .wordOrderNavCls{justify-content: flex-start;}
	.workOrderScheduleHeaderCls .schedule_search_filter {width: 16%;}
	/* */

	.multyimagediv .pipe_tile{margin: 0 3px;}
	.workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schEventMaxSectionCls .schEv3SectionCls .schEvLeftSectionCls .schEmpPanelCls .imgIcnCls .nameChaCls {font-size: 7px;}
	.workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schEventMaxSectionCls .schEv3SectionCls .schEvLeftSectionCls .schEmpPanelCls .imgIcnCls {width: 13px; height: 13px;}
	.multyimagediv .schEmpPanelCls .addEmpSchMainCls{width: 13px; height: 13px;}
	.multyimagediv .schEmpPanelCls .addEmpSchMainCls .addEmpSchCls img {width: 10px;}
}

@media(max-width:1333px) {
	.menu li a {padding:15px; font-size:14px;}
	.top_width_auto {width: 50%; margin: 0 0 15px 0;}
	.top_width_auto label {width: 20%;}
	.top_width_auto .cool-input {width: 78%; margin-left: 2%;}
	.last {width: auto; margin-bottom: 0; float: right;}  

	.head_main_cover .top_width_auto {margin:0 2% 0 0; width: 49%; float: left;}
	.head_main_cover .top_width_auto:last-child {margin-right: 0px;}
	.head_main_cover .top_width_auto label {width: 100%;}
	.head_main_cover .top_width_auto .cool-input {width: 100%; margin-left: 0;}

	.bhoechie-tab-content .form_main {padding:15px 0;}
	.bhoechie-tab-content .form_main form > .col-sm-6, .bhoechie-tab-content .form_main > .col-sm-6,
	.work-order-details .form_main .col-sm-12, .work-order-time-entry .form_main .col-sm-12,
	.work-order-purchased .form_main .col-sm-12, .work-order-materials .form_main .col-sm-12, .work-order-return .form_main .col-sm-12, 
	.work-order-upload .form_main .col-sm-12{width: 100%; padding: 0;}	
	.bhoechie-tab-content .head_cover {padding-left: 0; padding-right: 0;}
	.bhoechie-tab-content .head_cover .right_part {margin-top: 0; padding-top: 0; border-top: 0;}
	.bhoechie-tab-content .float_width {margin: 0 0 15px 0;}

	.date_range_main .col-sm-9 {width: 100%; margin: 0 0 15px 0;}
	.date_range_main .col-sm-3 {width: 100%;}
	.maintenance_box .col-sm-3 {width: 50%;}

	.creat_comm .col-md-6.fl_Width {width: 100%; margin-bottom: 30px;}
	.time_manager_main .time_manager_head_left {margin: 0 0 10px 0;}
	.time_manager_main .icon_TM_Main { float: left; width: 100%; margin: 15px 0 0 0; padding: 15px 0 0 0; border-top: 1px solid #D4D8DF; text-align: right;}

	.tab_cnt_head_left {width: 100%; margin: 0 0 15px 0;}
	.padLF30 {padding: 0;}

	.tools_main .top_per_part .col-sm-3, .tools_main .top_per_part .col-sm-9 {width: 100%;}
	.tools_main .top_width_auto.last {padding-left: 15px;}
	.tool_ttl {font-size: 24px; margin: 0 0 10px 0; line-height: normal;}
	.top_width_auto label {width: 100%; line-height: normal; margin: 0 0 5px 0;}
	.tools_main .top_width_auto {width: 100%;}
	.tools_main .top_per_part_inner .cool-input {width: 100%; margin: 0;}

	.crea_info .col-sm-3 {width: 50%;}
	.add_main_tickets > .row > .col-sm-6 {width: 100%;}

	.work-order-details .form_main .col-first-field, .work-order-time-entry .form_main .col-first-field{padding-left: 0px;}
	.work-order-time-entry .form_main .col-last-field, .work-order-details .form_main .col-last-field{padding-right: 0px;}
	
}

@media(max-width:1287px) {
	.icon_TM_Main_NW_FL {float: left; width: 100%; margin: 15px 0 0 0; padding: 15px 0 0 0; border-top: 1px solid #D4D8DF; text-align: right;}
	.head_title_main {font-size: 15px; letter-spacing: 0.5px;}

	.toolListing .tab_cnt_head_left .new_select_w {margin-bottom: 10px;}

	.work-order-tabs-content .work-order-upload .workOrderUploadupload .col-sm-3>.imgUpDelCls{height: 170px; margin: 10px 0;}
	.work-order-tabs-content .work-order-upload .workOrderUploadupload .imgUpDelCls .imgUpDeleteCls{right: -13px; top: -13px; width: 25px; height: 25px;}

	/* 11-11-2021 */
	.workOrderScheduleHeaderCls .new_select_wResp a{padding: 7.5px 25px; font-size: 14px; line-height: 17px;}
	.ad_mrg.tools_main.sch_main .workOrderScheduleHeaderCls .new_tab_cnt_main .wordOrderNavCls .select_main.work_publish_btn .ad_btn {padding: 7.5px 50px;}
	.workOrderScheduleHeaderCls .workCalendar .input-group-btn button{width: 36px; height: 36px;}
	.workOrderScheduleHeaderCls .calendar-input{margin: 0 5px;}
	.workOrderScheduleHeaderCls .calendar-input .week-picker{height: 36px; width: 40px;}
	.workOrderScheduleHeaderCls .calendar-input span{height: 36px; line-height: 36px;}
	.workOrderScheduleHeaderCls .calendar-input span img{width: 22px;}
	.workOrderScheduleHeaderCls .common_filter_dropdown .dropdown-toggle{height: 36px;}
	.workOrderScheduleHeaderCls .common_filter_dropdown .dropdown-toggle .multiselect-selected-text{font-size: 12px;}
	.workOrderScheduleHeaderCls .common_filter_dropdown .dropdown-toggle .caret{height: 34px;}
	.workOrderScheduleHeaderCls .common_filter_dropdown .dropdown-toggle .caret:before {background: url(../images/icon-arrow-down@2x.png) no-repeat right center / 10px auto; width: 10px; height: 7px;}
	.workOrderScheduleHeaderCls .schedule_search_filter {width: 20%;}
	.workOrderScheduleHeaderCls .schedule_search_filter .time_manager_head_left .form-control{height: 36px; line-height: 36px;}
	.workOrderScheduleBodyCls .workOrderScheduleSideBarCls .readyToScheduleTxtCls{padding: 15px 20px 10px 20px;}
	.workOrderScheduleBodyCls .workOrderScheduleSideBarCls .readyToScheduleWorkOrderCls {padding: 15px 20px 20px 20px;}
	/* */

	.multyimagediv .schEmpPanelCls .multy_images {
	    width: auto;
	}

	/* 15-03-2022 */
	.workOrderScheduleBodyCls .workOrderScheduleSideBarCls .holdWorkOrderCls{
		padding: 15px 20px 20px 20px;
	}
	/*  */
}

@media(max-width:1199px) {
	.work-order-details .form_main .col-sec-field{
		padding-right: 0px;
	}

	.work-order-details .form_main .col-last-field{
		padding-left: 0px;
		padding-right: 15px;
	}

	.work-order-time-entry .form_main .col-sec-field{
		padding-right: 0px;
	}

	.work-order-time-entry .form_main .col-third-field{
		padding-left: 0px;
	}	


	/* 11-11-2021 */
	.workOrderScheduleHeaderCls .common_filter_dropdown {width: 18%;}
	.workOrderScheduleHeaderCls .workCalendar {width: 30%;}
	/* */
}

@media(max-width:1173px) {
	.desktop {padding: 17px 0; display: inline-block;}
	.menu li a {padding: 15px 6px; font-size: 13px;}
	.main_row {padding-top:60px;}
	.box-all_main > .col-sm-3, .box-all_main > .col-sm-4 {width:50%;}
	.half_block_inner:last-child {margin-bottom: 30px;}
	.box-all_main_inner {margin-bottom:30px;}
	
	.TM_Cool_Daterange_NW_FL {float: left; width: 100%; margin: 15px 0 0 0; padding: 15px 0 0 0; border-top: 1px solid #D4D8DF;} 	
	.TM_Cool_Daterange_NW_FL .inner_Daterange_NW_FL:first-child .pull-left {padding-left: 0;}

	.time_manager_main .TM_Cool_NEW .select2 {width: 130px !important;}
	.TM_Cool_Daterange .input_text.datetimepickerclass {width: 130px;}

	.tools_main .Main_log_tab_cnt .date_range_inner {margin: 0;}
	.tools_main .Main_log_tab_cnt .TM_Cool_NEW {width: 100%; margin: 0 0 10px 0;}
	.tools_main .Main_log_tab_cnt .TM_Cool_NEW:last-child {margin-bottom: 0;}
	.tools_main .Main_log_tab_cnt .date_range_main .top_per_part_inner label {width: 100%; line-height: normal; margin: 0 0 5px 0;}
	.tools_main .Main_log_tab_cnt .TM_Cool_NEW .select2 {width: 100% !important;}

	.tool_main_head .select_main, .tool_main_head .cost_filter, .tool_main_head .main_type_dropwn {margin: 0 10px 10px 0;}
}

@media(max-width:1024px) {
	.work-order-tabs-content .work-order-upload .workOrderUploadupload .col-sm-3>.imgUpDelCls{
		height: 140px;
	}

	#wopmu_modal .modal-dialog{
		width: 98%;
	}

	#wopmu_modal .modal-dialog .modal-content .pmuFileInfoCls{
		margin-right: 30px;
	}
}

@media(max-width:991px) {
	.bhoechie-tab {left: 25%;}

	.work-order-details .form_main .field-lft-side,.work-order-details .form_main .field-rgt-side{padding: 0;}

	.work-order-tabs-content .cost_filter .datepickerclass{width: 165px;}

	.work-order-tabs-content .work-order-upload .workOrderUploadupload .col-sm-12 .col-sm-3{width: 33%;}

	.work-order-time-entry .form_main .col-first-field, .work-order-time-entry .form_main .col-third-field{padding-right: 0px;}

	.work-order-time-entry .form_main .col-sec-field, .work-order-time-entry .form_main .col-last-field{padding-left: 0px;}

	#wopmu_modal .modal-dialog .modal-content{flex-wrap: wrap;}

	#wopmu_modal .modal-dialog .modal-content .pmuFileInfoCls img{display: flex; margin: 0 auto;}

	#wopmu_modal .modal-dialog .modal-content .pmuFileInfoCls {margin-right: 0; width: 100%; margin-bottom: 20px;}

	#wopmu_modal .modal-dialog .modal-content-wrapper{width: 100%;}
}

@media(max-width:945px) {	
	.menu li a { padding: 15px 4px;}
	.select_main {margin: 0 10px 10px 0;}
	.maintenance_main .head_title_main {line-height: normal; padding-right: 50px;}
	.collapse_icon {position: absolute; right: 15px; top: 10px;}
}

@media(max-width:994px) {	
	.ad_mrg {padding:0 15px;}
	.ad_mrg > .col-sm-12 {padding:0;}
	h2.sc_title {font-size:22px;}
	div.dataTables_wrapper div.dataTables_paginate {position: relative;}
	.msg {font-size: 16px; min-height: auto; display: block; line-height: normal; padding: 18px;}	

	.top_width_auto label {width: 25%;}
	.top_width_auto .cool-input {width: 73%; margin-left: 2%;}
	.date_range_inner .input_text {width: 30%;}

	.modal:before {display: none;}
	.modal-dialog {width: 90%; display: table; margin: 30px auto;}

	.for_cont_box .emp_list_min_height {min-height: 520px;}
	.inner_Table_TM {overflow-x: auto; padding-bottom:30px;}
	.inner_Table_TM .table {width: 800px;}
	.inner_Table_TM .table > tbody > tr > td {font-size: 13px;}
	.icon_TM_Main { float: left; width: 100%; margin: 15px 0 0 0; padding: 15px 0 0 0; border-top: 1px solid #D4D8DF; text-align: right;}
	.comm_his_tab div {padding: 0; margin: 0 0 15px 0; float: left; width: 100%;}
	.comm_his_tab div:last-child {margin-bottom: 0; text-align: right;}

	.invenED_left {width: 100%; margin: 0 0 10px 0;}	 
	.header .col-sm-3, .header .col-sm-9, .tab_head_main .col-sm-12 {padding: 0;}
}

@media(max-width:910px) {
	.time_manager_main .TM_Cool_NEW {width:100%; margin: 0 0 10px 0;}
	.time_manager_main .TM_Cool_NEW .select2 {width:100% !important;}

	.time_manager_main .TM_Cool_Daterange {width: 100%;}
	.time_manager_main .date_range_inner .pull-left {padding: 0px;}
	.time_manager_main .TM_Cool_Daterange .input_text.datetimepickerclass {width: 100%; margin: 0 0 10px 0;}
	.time_manager_main .TM_Cool_Daterange .input_text.datetimepickerclass:last-child {margin-bottom: 0px;}

	.invenED_tab_left .select_main {width: 100%; margin: 0;}
	.invenED_tab_left .new_select_w {width: 49%; margin: 0 2% 10px 0;}
	.invenED_tab_left .new_select_w:nth-child(2n) {margin-right: 0;}
	.invenED_tab_left .new_select_w:nth-last-child(2), .invenED_tab_left .new_select_w:last-child{margin-bottom: 0;}
}

@media(max-width:767px) {
	.login_block {margin: 30px auto; padding:50px 30px;}
	.logo img {width:250px;}
	.header .col-sm-9 {position:static;}
	.toggle_icon {display: flex; align-items: center; justify-content: center; position: absolute; right: 15px; top: 15px; width: 40px; height: 30px; border: 2px solid #5D9DD4; text-align: center; color: #5D9DD4; background: #fff; font-size: 21px; cursor: pointer;}
	.menu {float: left; border-top: 0; position: fixed; z-index: 1; background: #fff; width: 250px; top: 61px; right: -250px; height: 100%; transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; box-shadow: 0 4px 4px 0 #A1A8B7;}
	.slide_open {right: 0px; transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out;}
	.menu li {width:100%;}
	.menu li a {text-align:left; padding:15px 30px; font-size:14px;}
	.menu li:hover a {background: transparent; border-top: 4px solid transparent; color: #050505; text-align:left;}	
		
	.box-all_main > .col-sm-4  {width: 100%;}
	.emp_min_height, .sm_min_height, .bhoechie-tab-content .sm_min_height, .emp_list_min_height, .for_cont_box .emp_list_min_height {min-height: auto;}	
	.cal1 {max-width: 100%;}
	.cal1 .clndr .clndr-table .header-days {height: 40px;}	

	.top_width_auto label {width:100%; margin: 0 0 5px 0 !important;} 
	.top_width_auto .cool-input {width: 100%; margin-left: 0;}

	.bhoechie-tab-menu {position: relative; padding: 20px; width:100%;}
	.bhoechie-tab-menu .list-group > a {width: 25%; float: left; min-height:50px; padding: 0; }
	.bhoechie-tab-menu .list-group > a h4 {width: 100%; padding: 0;}
	.bhoechie-tab {width:100%; left: 0%;}

	.form_row_inner .col-sm-6 {width: 50%; float: left;}
	.form_row_inner .col-sm-4 {width: 33.33333333%; float: left; }
	.form_row_inner .col-sm-2 {width: 16.66666667%; float: left; }

	.input_block {margin: 0 0 10px;}
	.bhoechie-tab-content .head_title_main {float: left; width: 100%; margin: 0 0 15px 0;}
	.bhoechie-tab-content .form_main .head_main_cover .file-upload {margin: 0;}
	.bhoechie-tab-content .form_main .input_textarea {height: 250px;}
	.date_range_main {padding-top: 0;}

	.modal-body {padding: 15px;}
	.modal-title {margin-bottom: 15px; font-size: 16px;}
	.modal-body .btn_main {float: left; width: 100%;}
	.fix_w .select2 {margin-bottom: 10px;}

	.TM_Cool_NEW {margin: 0 0 10px 0; width: 100%;}
	.date_range_inner .pull-left {padding: 0; width: 100%;}
	.TM_Cool_Daterange {float: left; width: 100%;}	
	.date_range_inner .TM_Cool_Daterange  .input_text {width: 100% !important;}
	.icon_TM_Main {float: left; width: 100%; margin: 15px 0 0 0; padding: 15px 0 0 0; border-top: 1px solid #D4D8DF; text-align: right;}
	.new_CH {position: relative;}
	.TM_new_Inner_BL .mb-0 {font-size: 16px;}
	.TM_new_Inner_hd .tble_title {font-size: 16px;}
	.TM_Cool_NEW .select2, .TM_Cool_Daterange .select2 {width: 100% !important;}
	.TM_new .pull-left.pad-left-right, .TM_new .date_range_inner {width: 100%;} 

	.inner_FL_textblk, .inner_FL_select, .TM_Cool_Daterange_NW_FL, .inner_Daterange_NW_FL, .icon_TM_Main_NW_FL {width: 100%;}
	.TM_NEW_FL .input_text, .TM_NEW_FL .select2 {width: 100% !important;}
	.inner_FL_textblk {margin-bottom: 12px;}
	.comm_his_tab { width: 100%; }
	.w50 {width: 100%;}

	.tm_mrg_right .input_label {display: none;}

	.tab_head a {margin: 0 8px;}
	.select_main {margin: 0 0 10px 0; width: 100%;}
	.new_select_w {width: 32%; margin: 0 2% 0 0;}
	.cost_filter .datepickerclass  {width: 32%;}

	.ad_btn.blue_btn {margin-left: 8px;}
	.ad_btn {padding: 9px 8px; font-size: 12px; min-width: auto;}

	.tools_main .bhoechie-tab-menu {height: auto;}
	.tools_main .bhoechie-tab-menu .list-group > a {min-height: inherit;}

	.tools_main .Main_log_tab_cnt .date_range_inner span.pull-left {padding: 0 10px; width: auto;}
	.w70, .w30 {width: 100%;} 
	.w70 {margin-bottom: 10px;}
	.ticket_dispatch p, .ticket_btn {font-size: 14px;}
	.crea_info .col-sm-3 {width: 100%;}
	.box-all_main_inner {min-height: auto;}

	.nw_git_pop_main .modal-body {padding-bottom: 15px;}
	.nw_git_pop_main .modal-body .col-md-12 {width: 100%;}

	.work-order-details-tabs.bhoechie-tab-menu .list-group > a{margin-bottom: 10px; width: 33%;}
	.work-order-details-tabs.bhoechie-tab-menu {padding-bottom: 10px;}

	.work-order-tabs-content .work-order-upload .workOrderUploadupload .col-sm-12{display: flex; flex-wrap: wrap;}
	.work-order-tabs-content .work-order-upload .workOrderUploadupload .col-sm-12 .col-sm-3{width: 50%;}
	.work-order-tabs-content .work-order-upload .workOrderUploadupload{display: block;}
	.work-order-tabs-content .work-order-upload .workOrderUploadupload .col-sm-3>.imgUpDelCls{margin: 15px 0;}

	#wopmu_modal .modal-dialog{width: 95%;}
	#wopmu_modal .modal-body .btn_main .ad_btn{padding: 10px 20px;}

	#wopmu_modal .modal-body .pmuFileInfoCls img{width: 100%}

	#wopmu_modal .modal-header,#wopmu_modal .modal-body{padding: 15px;}

	#wopmu_modal .modal-header .close{font-size: 20px;}

	/* 26-10-2021 */
	.new_select_wResp.select_main{width: auto !important; margin-right: 10px;}
	.new_select_wRespDate.cost_filter .datepickerclass{width: 46% !important;}
	/* */
}

@media(max-width:600px) {	
	.new_select_w, .tool_main_head .new_select_w, .tool_main_head .new_select_w.main_type_dropwn {width: 100%; margin: 0 0 10px 0;}
	.tool_main_head .cost_filter .datepickerclass {width: 100%; margin: 0;}
	.new_select_w:last-child {margin-bottom: 0;}
	.cost_filter label {width: 100%; margin: 0 0 5px 0; line-height: normal;}
	.tab_head a {margin: 0 5px; font-size: 12px; line-height: 50px;}
	.invenED_tab_left .new_select_w {width: 100%; margin: 0 0 10px 0 !important;}
	.invenED_tab_left .new_select_w:last-child {margin-bottom: 0 !important;}
	
	.tab_head .text_trans_normal {font-size: 15px; width: 100%; text-align: left; line-height: normal; margin: 15px 0; border: 0;}
	.cls_btn {line-height: normal; position: relative; box-shadow: none; float: right; padding: 10px 25px; border: 1px solid rgba(0,0,0, 0.1); margin: 0 15px 15px;}

	.cost_filter {width: 100%; margin: 0 0 10px 0;}
	.tool_inner {float: left; width: 100%;}

	.toolListing .tab_cnt_head_left .new_select_w.time_manager_head_left, .toolListing .tab_cnt_head_left .new_select_w.time_manager_head_left .input-sm {width: 100%;}

	/* 26-10-2021 */
	.new_select_wResp.select_main{width: 100% !important;}
	.new_select_wRespDate.cost_filter .datepickerclass{width: 46% !important;}
	/* */
}

@media(max-width:575px) { 
	.work-order-tabs-content .cost_filter>.to_cl{
		margin-bottom: 10px;
		margin-right: 0;
	}

	.work-order-tabs-content .cost_filter{
		margin-right: 15px !important;
    	width: auto;
	}

	.work-order-tabs-content .cost_filter .input_text{
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}

	.work-order-tabs-content .cost_filter .input_text.listingdatepickerend{
		margin-top: -10px;
	}

	#wopmu_modal .modal-body .pmuUserInfoCls{margin: 0 0 10px 0;}
	#wopmu_modal .modal-body .pmuNotesMainCls{margin: 0 0 20px 0;}

	.work-order-tabs-content ul.mainWoPdUlCls{padding: 10px 0 10px 10px ;}
	.work-order-tabs-content ul.mainWoPdUlCls .mCSB_scrollTools{width: 4px; right: 3px;}
	.work-order-tabs-content ul.mainWoPdUlCls #mCSB_1_scrollbar_vertical{}
	.work-order-tabs-content ul.mainWoPdUlCls .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 3px; margin: 0 0 0 auto;}
	.work-order-tabs-content ul.mainWoPdUlCls .mCSB_scrollTools .mCSB_draggerRail{width: 2px; margin: 0 0 0 auto;}
}

@media(max-width:530px) { 
	.title_head_inner .pull-left {width: 100%; border-bottom: 1px solid #D9DFE7;}
	.btn_main {margin-top: 15px; width: 100%;}
	.top_per_part_inner .cool-input {width: 100%; margin-left: 0;}
	.box-all_main .col-sm-3, .box-all_main .col-sm-4 {width: 100%;}	
	.top_per_part_inner label {width: 100%; margin: 0 0 15px 0; line-height: normal;}	

	.ji_head_inner {padding-bottom: 0;}
  	.ji_head_inner .pull-left {border-bottom: 0;}
	.bhoechie-tab-menu .list-group > a {width: 50%; float: left;}

	.form_head_main {border: 0; padding: 0;}
	.form_head_title {padding: 0; margin: 0;}
	.form_head_main .row {margin: 0;}
	.form_row_inner .col-sm-6 {padding: 0 5px 0 0;}
	.form_row_inner .col-sm-4 {padding: 0 5px 0 0;}
	.form_row_inner .col-sm-2 {padding: 0 5px 0 0;}

	.maintenance_box .col-sm-3 {width:100%;}
	.maintenance_box .box-all_main_inner {min-height: auto;}	
	.NEW_TM_FL_HD .pull-left {border-bottom: 0;}	

	.cm_radio {margin-bottom: 10px; margin-right: 8px;}

	.tools_main .bhoechie-tab-menu .list-group > a {width: 100%; margin: 0 0 10px 0;}
	.tools_main .bhoechie-tab-menu .list-group > a:last-child {margin-bottom: 0;}
}

@media(max-width:480px) { 	
	.box-all_main > .col-sm-3 {width:100%;}
	.input_block .col-xs-6 {width:100%; margin-bottom: 20px;}
	.input_block .col-xs-6:last-child {margin-bottom: 0;}	
	.date_range_inner .input_text {width: 100%;}
	.search_block { margin-left: 0; margin-top: 10px; float: right; }

	.cost_filter .select2 {width: 100% !important; float: left; margin: 0 0 10px 0;}
	.cost_filter .input_text {width: 100%; margin: 0;}
	.tab_cnt_head_left {width: 100%; margin: 0 0 10px 0;}
	.tab_cnt_head_right {width: 100%; float: right;}
	.tab_cnt_head_right .form-control {width: 100%; margin: 0 0 10px 0;}
	.tab_cnt_head_right .add_icon {margin: 0; float: right;}

	.tab_head a {margin: 0 2% 0 0; font-size: 12px; width: 49%; float: left; line-height: 50px;}
	.tab_head a:nth-child(2n) {margin-right: 0;}	
	.tools_main .Main_log_tab_cnt .date_range_main .date_range_inner .input_text {width: 100%;}
	.tools_main .Main_log_tab_cnt .top_per_part_inner .add_icon {width: 100%; margin: 0 0 10px 0;}

	.tbl_foot.desk_top_new {width: 100%;}
	.tbl_foot.desk_top_new .new_btnD {padding: 0 20px; margin: 0 0 0 2%; width: 49%; font-size: 14px;}
	.pos_rel {width: 100%;}

	.work-order-tabs-content .cost_filter{margin-top: 15px;}
	.work-order-tabs-content .work-order-upload .workOrderUploadupload .col-sm-12 .col-sm-3 {width: 90%; margin: 0 auto;}

	/* 26-10-2021 */
	.new_select_wRespDate.cost_filter .datepickerclass{width: 100% !important;}
	.new_select_wRespDate .to_cl{width: 100%; margin: 0; display: flex; justify-content: center;}
	/* */
}

@media(max-width:479px) { 
	.logo img {width:200px;}
	.menu {top:56px;}
	.main_row {padding-top: 56px;}	
	h2.sc_title {line-height: normal; font-size:18px;}
	.head_title_main {font-size: 16px;}
	.cm_view_link {font-size: 14px;}
	.head_cover .input_block {width: 100%; margin:0 0 15px 0;}
	.head_cover .dataTables_filter {width: 100%;}
	.head_cover .dataTables_filter label {width: 100%;}
	.head_cover .dataTables_filter .form-control {width:100%; box-sizing: border-box; float: left; margin: 0;}	
	.cal1 .clndr .clndr-table tr .day .day-contents {height: 30px;line-height: 30px !important; width: 30px;}
	.cal1 .clndr .clndr-table .event .day-contents:before {top: 6px;}	

	.bhoechie-tab-content {padding: 15px 0;}
	.bhoechie-tab-content .form_main {padding: 0;}
	.file-upload {margin-top: 15px;}	
	.head_main_cover .top_width_auto {width: 100%; margin: 0 0 15px 0; padding: 0;}
	.head_main_cover .top_width_auto:last-child {margin-bottom: 0;}
	.bhoechie-tab-content input:checked + .slider:before {-webkit-transform: translateX(18px); -ms-transform: translateX(18px); transform: translateX(18px);}
	.modal-dialog.alert_popup, #new_folder_modal .modal-dialog {width: 90% !important;}

	.fix_w label {margin-bottom: 5px;}
	.fix_w .select2 {width: 100% !important; margin-left:0; float: left; margin-bottom: 10px;} 
	.fix_w .add_icon {margin-left: 0; padding: 0 10px;}

	.month_name {font-size: 16px;}
	.cal_date .date_cell span {height: 30px; line-height: 30px; width: 30px;}

	.doc_text > div {padding-left: 0 !important;}
	.sub_fl_inner_li {white-space: initial;}
	.file-upload.pull-right label.file-upload__label.ad_btn.blue_btn {margin-bottom: 10px !important;}
	.time_manager_head_left .input-sm {width: 100%;}

	.invenED_right {width: 100%;}
	.invenED_right .ad_btn {width: 100%; margin: 0 0 10px 0;}
	.invenED_right .ad_btn:last-child {margin-bottom: 0;}

	.pop_sm_tbl .cm_radio {margin-right: 7px; margin-bottom: 0;}
	.pop_sm_tbl .cm_radio:last-child {margin-right: 0;}

	.upload_file_link {width: 100%; margin-top: 10px;}
	.pop_sm_tbl th, .pop_sm_tbl td {padding: 10px;}
}

@media(max-width:320px) { 
	.bhoechie-tab-content input:checked + .slider:before {-webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px);}
}