@media (max-width:768px){
	.disnon{ display:none}
	.disblock{ display:block; font-size:14px}	
	th div.maintenanceJob{ margin:0 5px 0 0; width:15%; padding:0}
	th div.maintenanceJob img{ width:100%}
	.respon_table td:last-child a{ margin-left:3px; margin-right:3px}
	.midtab{ padding-left:0 !important}
	#cataloglist_main .search_h input{ width:72% !important }
	.inventory-table-div div:nth-of-type(1) {min-width: 40px; max-width: 60px; width:auto !important}
	#cataloglist_main select#topPagination{ width:60px; display:inline-block}.SubAccordion .panel-heading .panel-title .accordion-toggle span > div:nth-child(5) .fr .headerlinks span
	.filter_icon{ margin-left:15px !important}
	.filter_icon a{ width:28px !important; }
	#foremanmaintenance .pickup-digit{  /*word-wrap: normal;*/ width:auto}
	.md-w79{ width:79%}
}
@media (max-width:767px){
    .emg_contact_h { line-height: normal !important; padding: 7px 0; min-height:25px !important; }
    .emg_contact_h .emg_icon { margin-left: 10px; float: none; line-height: normal; }
    .emg_contact_h .emg_text { /*width: 230px;*/ width: auto; padding: 0 !important; float: none; box-sizing:border-box; -webkit-box-sizing:border-box; }
    .emg_contact_h .emg_text a { text-align: right; white-space:wrap; line-height: normal; /*padding-top: 5px !important;*/ }
    
    .switchuser {border-bottom:1px solid #281000; padding: 10px; line-height: normal !important; min-height: auto !important;margin:0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;}
    
    .clear { display: none; }
	/* login page */
	.container{ padding:12px}
	.wrapper.login{ width:94%} /*.login_btn, .statbtn{ width:100px}*/ .login_h {width:300px;}
	/* end login*/
	body{ padding:0px}
	.resnav, .navhid{ display:none}
	.righnav-con .tabs{ border-width:0}
	.mobnav{ width:30px !important; height:30px; position:fixed; right:5px; top:48px;}
	.header_top_fix{ height:85px; border-bottom:3px solid #4E2215; padding-top:8px !important; padding-left:3px; padding-right:5px}
	.header_top_fix .col-xs-6:first-child img{ max-width:180px}
	.header_top_fix .col-xs-6:last-child img{ max-height:30px}
	.header_top_fix .col-xs-6:last-child .w100p{ margin-top:0;}
	.specialhead{ top:auto; left:44%; bottom:5px }
	.header_top_fix{ left:0; right:0}
	.righnav, .righnav .resnav{ display:block}
	.righnav{ width:250px; position:fixed; top:0; right:-250px; /*bottom:0;*/ background:#522805; z-index:10000;}
	.righnav a{color:#fff; width:100%; float:left}
	.righnav .heading{background:transparent !important;}
	.righnav .inventory-menu ul{ width:100%}
	.righnav .inventory-menu ul li{ width:100% !important; padding:0; margin:0; border:0; border-bottom:1px solid #281000; text-align:left}
	.righnav .inventory-menu ul li a{ padding:0 15px; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; width:100%}
	.righnav .inventory-menu ul li.active-m{ width:100%;}
	.righnav div{ display:block; float:left; min-height:50px; line-height:50px; width:100%; height: 100%;}
	.righnav .inventory-menu ul li ul{ display:none; width:100%; position:relative}
	.righnav .inventory-menu ul li:hover ul{ display:block; top:inherit; left:inherit; z-index:5000}
	.righnav .inventory-menu ul li:hover ul li{ width:100% !important; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; }
	.righnav .inventory-menu div.clear{ clear:inherit; display:none}
	.righnav div.username, .righnav div.logout{ background:#371800; padding-left:10px; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; font-size:14px !important; }
	.righnav div.logout a { float:left; width: auto; background:url(../images/icon_logout.png) no-repeat; height:32px; width:32px; }
	.open{ right:0}
	/*.open .mobnav{right:250px} */
/*	.mt120{ margin-top:50px}*/
.mt120{ margin-top:35px}
	.righnav-con{ position:relative; top:0; /*bottom:0;*/ overflow:auto; background: #371800}
	.bgbrown{ background:#4A2000;}
	#changeuserinfo.inner_content{ left:2%; right:2%}
	#changeuserinfo table, #changeuserinfo .inputarea{ width:100%}
	.maintenanceJob img{ max-width:100%}
	.starttime, .endtime{ width:90%; margin-left:5px}
	.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content{ 
		/* width:94% !important; */
		width:100% !important;
	}
	
	.foreman_state_mielage_field{width:90%; margin:0 5%;}
	.responsive_popup_width{width:100%;}
	.header_top_fix .row{ width:100%}
	.righnav-con .row{ width:100%}
	.disnon1{ display:none}
	.disblo1{ display:inline;}
	.icnbrn img:last-child{ display:inherit}
	.icnbrn img:first-child{ display:none}
        .mfp-content > div { float: left; width: 98%;}
	.popup_header{ padding:5px !important; height:auto; float:left; font-size:14px; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;}
	.mfp-content .responsive_popup_width table{ width:100%}
	.mfp_con{ width:100% !important; background: white; box-sizing: border-box; -webkit-box-sizing: border-box;}
	.project_title, .estimate_notes_con1{float:none; background: white;  box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; width:100%}
	.specwidht{ min-width:100% !important; box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.fileuploadpop{ width:100% !important} 
	.px-form-input{ width:275px}
	.estimate_notes_con{ width:100%; float:none}
	.respon_table thead{ display:none;}
	.respon_table col{ width:100% !important}
	.respon_table tbody td{ display:block; text-align:left; width:100% !important; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.respon_table td label:first-child{ display:inline-block; width:40% !important; text-align:right; color:#796B45; font-weight:bold !important; padding-right:5px; box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -moz-box-sizing:border-box;}
	.respon_table td label, .respon_table td div, .respon_table td input, .respon_table td textarea, .respon_table td select{ width:50% !important; display:inline-block; text-align:left; margin:0; max-width:100% ; min-width:inherit; float:inherit !important}
	.respon_table td div input{ width:98% !important; text-align:left }
	.respon_display{ display:inline-block;}
	.respon_table tbody td { padding-left:0 !important; border-bottom:0}
	.respon_table tbody td:first-child{ border-top:1px solid #ccc}
	.respon_table td:last-child{ float:left}
	.respon_table td:last-child a{ margin-left:10px; margin-right:10px}
	.alignchange{float:right; max-width:85px}
	.respon_table{ width:100% !important;}
	.req_val{ width:70px;}
	.mob60{ width:60%}
	.sm82{ width:82px !important}
	.sm88{ width:88px !important}
	.pxfix .px-buttons{ margin-left:0; width:25px; float: left;}
	.date_picker_report img{ margin-bottom:-4px; margin-top:5px}
	.textbox_hotal{ margin-left:0}
	#foreman_hotel_dataentry .checkbox_h{ margin-bottom:5px; width:47%; margin-left:3px; margin-right:1px}
	.foreman_hotel_field{ width:92%}
	.valign-t{ vertical-align:top}
	.linehi14{line-height:14px}
	.linehi16{line-height:16px}
	.linehi22{line-height:22px}
	.linehi25{line-height:25px}
	.linehi30 {line-height:30px;}
	.linehi32 {line-height:32px;}
	.linehi35 {line-height:35px;}
	.smfl{ float:right; text-align:left !important}
	.mx55{max-width:55px !important;}
	.mx65{max-width:65px !important;}
	.mx75{max-width:75px !important;}
	.smx75{width:75px !important;}
	.sm-mr5{ margin-right:5px}
	.s_box { float:left !important; margin-top:10px; width:100% !important}
	.s_box input{ text-align:left; width:72% !important}
	.ui-widget{ margin:10px 0; float:left}
	.respon_table .tal, .respon_table .tar, .respon_table .tac, .respon_table1 .tal, .respon_table1 .tar, .respon_table1 .tac{text-align:inherit !important}
	.admin_h_new.respon_table tr:first-child{  border-top: 1px solid #d8ceab;}
	.frnon tr:first-child{ display:none}
	.smw100{ width:100% !important; float:left}
	#display_barcode_list .custbarcode{min-width: 100% !important}
	.manage_h.inventory_quantity_div{ width:100%}
	.sp-mw300, .sp-mw300 .inventory_quantity_div{ min-width:286px !important;}
	.container_inventory{ margin:70px 0 0 0 !important; }
	.submenu{position:absolute !important; left:0; right:0; top:85px !important; border-width:0 !important}
	.siteHolder{ width:auto !important; float:right !important; margin-top:10px}
	/*#cataloglist_main .search_h input{ width:70% !important}*/
	#cataloglist_main select#topPagination{ width:60px; display:inline-block}
	.respon_table1 thead{ display:none;}
	.respon_table1 col{ width:100% !important}
	.respon_table1 tbody td{ display:block; text-align:left !important; width:100% !important; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.respon_table1 td label, .respon_table1 td div, .respon_table1 td input, .respon_table1 td textarea{ display:inline-block; text-align:left}
	.respon_table1 td label{ font-weight:bold !important; margin-right:5px}
	
	#cataloglist_main .status_div, 	#cataloglist_main .barcode_div {display:none}
	div.pagination a{ margin-bottom:5px !important; display:inline-block;}
	#cataloglist_main .paging{ width:90%; float:left !important}
	.submenu a{margin: 3px 1% !important;}
	#foremanmaintenance .maintaint_d{ margin:120px 0 0 0}
	#foremanmaintenance .div_priority{ float: left !important; margin-top: 10px;/* width: 70% !important;*/ }
	#foremanmaintenance .s_box{ width:50% !important}
	#foremanmaintenance .addseach .search_h .searchbox{ width:75%;}
	#foremanmaintenance .addseach > div:first-child{ margin-bottom:10px; float:left; width:100%;}
	.filter_icon{ margin-left:0px !important}
        
        
	#foremanmaintenance .maintence_d h3{ width:100%; float:left; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; padding-right:15px !important; /*line-height:40px; min-height:40px;*/ }
        
        
        
	/*#foremanmaintenance .equipement_d_new > div:nth-child(1){ width:35% !important; float:left; display:inherit; }*/
	#foremanmaintenance .equipement_d_new > div:nth-child(2){ width:59% !important; float:left; display:inherit;}
	#foremanmaintenance .equipement_d_new > div:nth-child(4){ width:62% !important; float:left; display:inherit;}
	#foremanmaintenance .equipement_d_new > div:nth-child(5){ width:35% !important; float:left; display:inherit; margin: 0 0 0 0;}
	#foremanmaintenance .ui-accordion-content div.smclear{ clear:both; float:left; width:100%; }
        
        
        
        
	#foremanmaintenance .equipement_d_new div:nth-child(5) > div{ width:100% !important;}
	.headerlinks div{ width:100% !important; }
	.headerlinks span{ width:15px !important}
	#foremanmaintenance .width-95{ width:100% !important;}
    
    
    
    v-pane-header.equipement_d_new > div { font-size: 12px !important; width: 100% !important; }
    v-pane-header.equipement_d_new > div > div:nth-child(1){ width:35% !important; float:left; display:inherit; }
	v-pane-header.equipement_d_new > div > div:nth-child(2){ width:59% !important; float:left; display:inherit;}
	v-pane-header.equipement_d_new > div > div:nth-child(4){ width:62% !important; float:left; display:inherit;}
	v-pane-header.equipement_d_new > div > div:nth-child(5){ width:35% !important; float:left; display:inherit; margin: 0 0 0 0;}
    v-pane-header.equipement_d_new > div > div.smclear{ clear:both; float:left; width:100%; }
    
    
	/*#foremanmaintenance .ui-accordion-content div.smclear{ clear:both; float:left; width:100%; }
	#foremanmaintenance .equipement_d_new div:nth-child(5) > div{ width:100% !important;}
	.headerlinks div{ width:100% !important; }
	.headerlinks span{ width:15px !important}
	#foremanmaintenance .width-95{ width:100% !important;}*/
    
    
    
    
	/*#foremanmaintenance .respon_table1 tbody > tr > td:first-child{ width:50px !important; display:inline-block !important; float:left !important; padding-left:10px}
	#foremanmaintenance .respon_table1 tbody tr td{ padding-left:50px;}
	#foremanmaintenance .respon_table1 tbody tr td.link_list{ padding-left:50px; border-bottom:1px solid #fff; float:left}
	#foremanmaintenance .respon_table1 tbody tr td.link_list div.maintenance-icon{ float:left; margin-bottom:5px}
	#foremanmaintenance .respon_table1 tbody tr td.link_list div.maintenance-icon:last-child{ float:right; margin-right:10px}*/
	.respon_table1.res-tab-leftpad tbody > tr > td:first-child{ width:50px !important; display:inline-block !important; float:left !important; padding-left:10px}
	.respon_table1.res-tab-leftpad tbody tr td{ padding-left:50px;}
	.respon_table1.res-tab-leftpad tbody tr td.link_list{ padding-left:50px !important; border-bottom:1px solid #fff; float:left}
	.respon_table1.res-tab-leftpad tbody tr td.link_list div.maintenance-icon{ float:left; margin-bottom:5px}
	.respon_table1.res-tab-leftpad tbody tr td.link_list div.maintenance-icon:last-child{ float:right; margin-right:10px}
    v-pane-content { font-size: 12px !important; line-height: 20px !important; }
    
    v-accordion { padding-top: 10px; }
    v-accordion v-accordion { padding-top:0; }
    
    
	.manage_h{ margin-left:0 !important; margin-right:0 !important; width:100% !important; float:inherit !important}
	#cataloglist_main .search_h input{ width:82% !important}
	.tabs ul li:first-child{ border-right: 0px !important;}
	.tabs ul li:last-child{ border-left:0px !important}
	#foremanmaintenance #centraktask_list{ width:100%; margin:0 auto}

	.header_top_fix .tabs ul li:hover { background:transparent !important;}
	.equipdi{ margin-top:120px}
	.sm-equip{ width:90% !important; margin-top:0 !important}
	#cataloglist_main .s_box{ width:76% !important}
	#foreman_additional_time_dataentry .tablesetwid{ min-width:inherit !important}
	table.equipmentPage.respon_table1{ width:99%; margin-bottom:4px}
	table.equipmentPage.respon_table1 tbody tr td:last-child{ border-bottom:1px solid #d8ceab !important }
	.main-taskce-no > div{ width:100% !important; text-align:center}
	.main-taskce-no .equipment-table { margin:0;}
	.main-taskce-no .equipment-table table{ border-top:0; border-bottom:0 }
	.main-taskce-no .equipment-table:last-child table{ border-top:0; border-bottom:1px solid #d6cebc;}
	.main-taskce-no .main-big-img{ text-align:left; max-width:100%; text-align:center}
	.main-taskce-no .img-links a{ margin-left:5px; margin-right:5px}
	.main-taskce-no .equipment-table  .respon_table td:last-child a{ margin-left:0; margin-right:0}
	.smw80{ width:80% !important}
	.spec-table-mic.respon_table td{display:block}
	.respon_table.special-dis-t thead, .respon_table.special-dis-t thead tr{ display:block}
	.respon_table.special-dis-t thead th{ display:none}
	.respon_table.special-dis-t thead th.special-dis{ display:block !important; width:100%; text-align:right !important; box-sizing:border-box; height:40px}
	.respon_table.special-dis-t tbody tr:last-child{ border-bottom:1px solid #d6cebc !important}
	#Misc_Select_Date{ min-width:100px}
	.sm-re{ position:relative}
	.sm-re span{ position:absolute; top:5px; left:5px}
	.sm-re input{ text-indent:15px}
	
	.mfp-content table.spec-table-mic tr td{ border-bottom:0}
	.sm-ml5{ margin-left:5px}
	.spec-map{ width:100%; max-width:100% !important;}
	.respon_table tbody td.sm-br-n{ border-right:none !important}
	#upload_tab{ width:100%}
	.misc_pxfix{min-width:inherit}
	.spe-sel, .taskNotesTable.spe-sel{float:left; width:100% !important; }
	.spe-sel label{float:left;line-height:35px;}
	.spe-sel .px-input-button{ margin-top:0 !important}
	.selctfilesdiv{  float: left; width: 100% !important;}
	.selctfilesdiv_h .px-buttons{ margin-top:40px}
	.file_listingfp-mob label{display:inline-block; margin-right:5px !important; font-weight:bold !important; float:left}
	.file_listingfp-mob a, .file_listingfp-mob textarea{ display:inline-block; word-wrap: break-word; max-width:70%}
	.file_listingfp-mob .mis-del { float:right; text-align:right; border-bottom:1px solid #fff}
	.file_listingfp-mob div{ display:block; width:100% !important; padding:0 10px 8px 10px !important; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;}
	.forman-phase-d{min-width:inherit !important; width:100%; float:left}
	.table td{ border:0 !important}
	/*img.ui-datepicker-trigger{ margin-top:2px}*/
	.taskuploadtable thead tr th { display:table; width:100%}
	.taskuploadtable thead tr th:last-child { 	border-bottom: 1px solid #ccc !important; }
	.taskuploadtable thead tr th:last-child input{ margin-bottom:5px}
	.taskuploadtable tbody tr td { display:block; width:100%; float:left}
	.taskuploadtable tbody tr td:first-child{ border-bottom:0; padding-bottom:0; padding-top:5px}
	.taskuploadtable tbody tr td:last-child{padding-top:5px}
	.taskuploadtable .px-form-input{ width:200px !important}
	.taskupload-master .spe-sel.mst-pl50{ display: block;}
	.tal.w150.fl{width:auto !important;}
	.docDescription1{ width:65%}
	.upload-data{ border-radius:4px !important }
	/*#px-widget-1.ui-widget{ width:94%}*/
	.clender-icon img{ margin-top:3px}
	.taskuploadtable .px-widget, .taskuploadtable .progressBar, .selctfilesdiv_h .px-widget, .selctfilesdiv_h .progressBar{ width:95%}
        .progressBar.ui-widget{ margin-top:0; margin-right:10px; margin-bottom:0}
	/*.progressBar.ui-widget{ margin-left:10px; margin-top:0; margin-right:10px; margin-bottom:0}
	.percentage {margin-left: -55% !important; margin-top:3px}*/
	.sm-mt3{ margin-top:3px}
	.sm-mt5{ margin-top:5px !important}
	.sm-mt10{ margin-top:10px !important}
	.sm-pb0{ padding-bottom:0 !important}
	.sm-min-width {min-width:290px !important;}
	#action_buttons input.statbtn{ width:90% !important; text-align:center; margin-left:5%; margin-bottom:10px}
	#action_buttons input.statbtn:last-child{ margin-bottom:5px}
	#action_buttons input.statbtn:first-child{ margin-top:5px}
	.ui-widget.spe-auto{  margin-left:10%; width:80%}
	.sm-lh-20 label{ line-height:20px !important}
	.sml0{ margin-left:0 !important}
	.smw1001{ width:100% !important; float:left; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; min-width:280px !important}
	.semi-col-table{ width:97% !important}
	.semi-col-table thead { display:none}
	.semi-col-table tbody td label{ display:inline-block; width:53%;color: #796b45; font-weight:bold !important; text-align:right; padding-right:5px; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.semi-col-table tbody td div, .semi-col-table tbody td input{ display:inline-block; width:40%; text-align:left}
	.semi-col-table tbody td { display:inline-block; width:49%; border:0; padding-left:5px;box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.semi-col-table tbody td:first-child{ width:100%; display:block}
	.semi-col-table tbody td:first-child label{ width:27%}
	.semi-col-table tbody tr{ border-bottom:1px solid #d6cebc;}
	.rec-task-icon{float:none}
	.taskNotesTable{ width:100% !important;}
	.mfp-close{ right:-10px !important}
	.sm-equipmentlog .search_h{ width:80% !important; margin-left:10%; margin-bottom:10px}
	.sm-equipmentlog .sm-equiplog-righ{ width:80% !important; margin-left:10%; }
	.sm-equipmentlog .sm-equiplog-righ div{ width:100%; margin-top:10px}
	.sm-equipmentlog .sm-equiplog-righ label{ width:26%; text-align:right; display:inline-block}
	.sm-equipmentlog .sm-equiplog-righ select{ width:71% !important;display:inline-block; text-align:left}
	.equipement_maind table tbody td{ border-bottom:0 !important}
	.equipement_maind table tbody tr{ border-bottom:1px solid #ccc !important}
	.respon_table td.sm-sp-icon .maintenance-icon{ width:auto !important; float:left}
	.respon_table td.sm-sp-icon .maintenance-icon:first-child{ margin-left:40%}
	.main-dataentry-table td{ display:block; width:100%; padding:5px !important; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; float:left}
	.main-dataentry-table td table td{ padding-left:0 !important}
	.main-dataentry-table table{ width:100% !important}
	.main-dataentry-table td.data-statusicon{ display:inline-block !important}
	#edit_task_main{ width:100% !important;}
	.main-dataentry-table tr:nth-child(4) td:first-child{ width:30%;}
	.main-dataentry-table tr:nth-child(4) td:last-child{ width:70%;}
	.sm-fr{float:right}
	.sm-fl{float:left}
	.sm-taskdetail td, .sm-taskdetail table td{ float:left; width:100%; text-align:left;}
	.sm-taskdetail tr:nth-child(2), .sm-taskdetail tr:nth-child(4){ display:none;}
	.sm-tasktable-bor td{ border-top:0 !important; border-bottom:0 !important; max-width:100% !important;}
	.sm-mar-0{ margin:0 !important}
	.sm-dis-in{ display:inline-block;}
	.respon_table td.sm-tac{ text-align:center !important}
	.sm-bor-w tr{ border:1px solid #D6CEBC}
	/*.sm-bor-w tbody tr:first-child{border-bottom:1px solid #fff;}*/
	.sm-bbw{border-bottom:1px solid #fff !important;}
	.respon-forme-coltable tr.estimate_row{ position:relative !important; display:block; width:100%; border:1px solid #D6CEBC; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;}
	.respon-forme-coltable tr.estimate_row > td{ display:inline-block; border-bottom:0; padding-left:5px; padding-right:5px; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; padding-top:5px; padding-bottom:5px; position:relative }
	.respon-forme-coltable tr.estimate_row > td:nth-child(1){ display:block; width:78%}
	.respon-forme-coltable tr.estimate_row > td:nth-child(7){ position:absolute; top:5px; right:50px; width:45px; z-index:1}
	.respon-forme-coltable tr.estimate_row > td:nth-child(8){ position:absolute; top:10px; right:0px; width:45px; z-index:1}
	.respon-forme-coltable tr.estimate_row > td:nth-child(8) a img{ margin-right:2px}
	.respon-forme-coltable tr.estimate_row > td:nth-child(2){ width:22%}
	.respon-forme-coltable tr.estimate_row > td:nth-child(3){ width:65% !important}
	.respon-forme-coltable tr.estimate_row > td:nth-child(6){ width:22%; display:none}
	.respon-forme-coltable tr.estimate_row > td:nth-child(1) table{ text-align:left}
	.respon-forme-coltable tr.estimate_row > td:nth-child(1) table td{ display:inline-block; text-align:left;padding-top:5px; padding-bottom:5px}
	.respon-forme-coltable tr.estimate_row > td:nth-child(1) table td:nth-child(2){ width:85%}
	.respon-forme-coltable tr.estimate_row > td:nth-child(1) table td:last-child{ display:block; width:100%;}
	.respon-forme-coltable .workestimate thead { display:none}
	.respon-forme-coltable .workestimate tbody tr td{ display:inline-block; width:23.4%; border:0 !important; padding:5px; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;}
	.respon-forme-coltable .workestimate tbody tr td:first-child{ display:block; width:100%;}
	.respon-forme-coltable .workestimate tbody tr td input, .respon-forme-coltable .workestimate tbody tr td textarea{ width:100% !important; border:1px solid #ccc; max-width:100% !important;}
	.respon-forme-coltable .workestimate tbody tr{border-bottom: 1px solid #ccc;}
	.respon-forme-coltable .workestimate tbody tr:last-child{border-bottom: 0px solid #ccc;}
	.respon-forme-coltable .worktotal tbody td{ display:inline-block; width:auto}
	.respon-forme-coltable .worktotal tbody td:nth-child(2) { width:30%; text-align:right}
	.respon-forme-coltable .worktotal tbody td:nth-child(3) { width:25%;}
	.respon-forme-coltable .worktotal tbody td:nth-child(4) { width:25%;}
	.respon-forme-coltable .worktotal tbody td label, .respon-forme-coltable .workestimate tbody td label{ display:block; color: #796b45; font-weight:bold !important; margin-bottom:2px}
	.sm-mlr0{ margin-left:0 !important; margin-right:0 !important}
	.sm-wnon, .respon_table td .sm-wnon{ width:auto !important}
	.sm-w100per, .respon_table td .sm-w100per{ width:100% !important}
	.sm-resourceDetail_h .detail_h{ display:block !important; width:100%;}
	.sm-resourceDetail_h .newh label{ width:40%; display:inline-block; padding-right:5px; text-align:right; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;  }
	/*.sm-resourceDetail_h .newh label::after{ content:":"; font-weight:bold; margin-left:2px}*/
	.sm-resourceDetail_h .newh div{ width:50%; display:inline-block !important;}
	.sm-td-disnon{ display:none !important}
	.sm-spbor{ border-bottom:1px solid #d6cebc}
	.respon_table1 tbody.sp-bg-ligbro tr{ border-bottom:1px solid #fff !important}
	.con_area .respon_table tbody td{ padding-top:4px !important; padding-bottom:4px !important;}
	.sm-posre{ position:relative}
	.sm-posab{ position:absolute; top:5px; left:5px}
	.smll-serial{  display: block; float: left; padding-left: 13%; text-align: left !important; width: 100%; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; }
	.main-dataentry-table .status_icon{ height:38px}
	.sm-probar1 .prograss_b{ width:100px !important; padding:0 2px;}
	.equipement_maind table tbody.sp-bg-ligbro td{ border-bottom:0px solid #fff !important;}
	.equipement_maind table tbody.sp-bg-ligbro td:last-child{ border-bottom:1px solid #fff !important;}
	.sm-pl5{ padding-left:5px}
	.sm-p0{ padding:10px 0 !important}
	.optionpadi-tb{ padding-top:0; float:left}
	.main-dataentry-table td > span{ padding-top:0; padding-bottom:8px}
	.sp-sear{ float:left; margin-top:22px }
	.smp0{ padding:0 !important}
	.custNoteTable td{border:0 !important}
	.custNoteTable td:last-child{border-bottom:1px solid #d8ceab !important}
	#maintenjob.sp-jobnote{ width:100% !important}
	.custAccordion .jobnotesdesc.smw100{ margin-left:0 !important}
	.clearfix{clear:both}
	.sm-mb10{ margin-bottom:10px;}
	.sm-pt0{ padding-top:0 !important}
	.overlaplighbox, #confirmationPopup{ left:10% !important; right:10%; width:auto !important}
	.jobNote .accordionHead, #task_details .accordionHead{ width:99% !important; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;}
	a.collapse{ padding-left:15px}
	#task_details .accordiontable div.sp-w55{ width:45% !important}
	.sm-mt0{ margin-top:0 }
	.sm-wfwr{ width:54%;}
	.sm-pd0{ padding:0}
	.min-w-i{ min-width:100% !important}
        .oncall{
            background: #6a4015 !important;
            background: -moz-linear-gradient(top, #6a4015 0%, #522805 100%) !important;  
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6a4015), color-stop(100%,#522805)) !important; 
            background: -webkit-linear-gradient(top, #6a4015 0%,#522805 100%) !important;
            background: -o-linear-gradient(top, #6a4015 0%,#522805 100%) !important;
            background: -ms-linear-gradient(top, #6a4015 0%,#522805 100%) !important;
            background: linear-gradient(to bottom, #6a4015 0%,#522805 100%) !important;
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a4015', endColorstr='#522805',GradientType=0 ) !important; 
            border-bottom:1px solid #9d8956 !important;
            border-top:1px solid #371800 !important;
            line-height: 20px !important;
            padding: 10px !important;
        }
        .header_top_fix .tabs ul li.oncall:hover {background:#d3c8a0 none repeat scroll 0 0 !important;}
}


@media (max-width:480px){
	/*.header_top_fix .col-xs-6:first-child img{ max-width:100px}
	.specialhead{ top:20px}*/
	/*.header_top_fix .row{ width:88%}*/
		.specialhead input{ width:60px !important}
		/*.specialhead{ right:20px; left:auto; width:auto}*/
		.header_top_fix .col-xs-6:first-child img{ max-width:160px}
		.righnav-con .row{ width:100%}
		.mfp-content table{ width:100%; margin:0 auto}
		#foremanportaltimelog{ width:100%}
		#cataloglist_main.s_box{ width:67% !important}
		table.equipmentPage.respon_table1{ margin-top:4px}
		.sm-probar1 .prograss_b{ width:76px !important;}
		
		
}
@media (max-width:479px){
	.smalldevice{ display:block}
	.fileuploadinput{ width:132px !important; padding:5px 0 !important; font-size:12px}	
	.smllupload{ width:93%}
	.px-form-input{ width:90%}
/*	.respon_table td div input{ width:85% !important;}*/
	.tab_h{float:left}
	.smfl{ float:left !important; text-align:left !important}
	#action_buttons input.statbtn{ width:90% !important; text-align:center; margin-left:5%; margin-bottom:10px}

	.m_title w-auto + .submenu{ margin-top:15px !important; top:6px !important;}
	.submenu.mt0.spnrt{top:85px !important}
	.sch_wrap-main{ padding-top: 150px !important;}
	
	#foremanmaintenance .addseach .search_h .searchbox{ width:65%}
 	#cataloglist_main .s_box{ width:50% !important}
	#cataloglist_main .search_h input{ width:72% !important }
	#ui-datepicker-div{ left:25% !important}
	
	
}

@media (max-width:360px){
	.sm-mr5{ margin-right:0px}
	.sm88{ width:82px !important}	
	/*.search_h{ width:260px !important }*/
	/*.siteHolder{ width:75% !important;}*/
	.barcodes div { float: inherit; width: auto;}
	#foremanportaltimelog{ width:97%}
	.smw80{ width:100% !important; display:block}
	.selctfilesdiv_h .px-buttons{ margin-top:5px; margin-left:0}
	.selctfilesdiv_h .px-buttons button{ margin-left:0 !important}
	
	
}
@media (max-width:320px){
	.esm-w100 {white-space: normal !important;}
	#foremanmaintenance .s_box, .s_box{ width:100% !important;}	
	#foremanmaintenance .div_priority{ margin-top:10px; width:75% !important; float:right !important}
	.siteHolder{ width:70% !important;}
}