@media screen and (max-width:1200px){
	.h1, h1 {
		font-size: 28px;
	}
	.h2, h2 {
		font-size: 22px;
	}
	.table .custom-control-label,
	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
		font-size:12px;
	}	
	.tbleCapBlck2 a,
	.tbleCapBlck2 span {
		font-size: 13px;
		width: 22px;
		height: 22px;
		line-height: 22px;
	}
	.hometableWrap{
		margin-bottom:20px;
	}
	/*	.input-group-addon,
	.form-control{
		font-size:13px;
	}*/
	.listDataWrp p{
		font-size: 13px;
		line-height: 18px;
	}
	.jobOrderDtList .col-xs-3,
	.jobOrderDtList .col-xs-4{
		width:50%
	}
	.jobOrderDtList .hidden-sm{
		display:none;
	}
	.invoiceShiptoAdrs h4 {
		margin: 0 0 2px 0;
		font-size: 15px;
	}
	.alert,
	.invoiceShiptoAdrs p {
	    font-size: 13px;
	}
	.loginBlockMainWrap {
		width: 300px;
	}
	.logMainBlock {
		padding: 25px;
	}
	.logMainBlock h4 {
		margin: 0 0 5px 0;
		font-size: 18px;
	}
	.custChkbox label {
	    font-size: 13px;
	}
	.loginLogoWrp img {
		width: 180px;
	}
	.loginLogoWrp {
		padding: 20px 20px 13px 20px;
	}
	.logCAlign {
		margin-top: 15px;
	}
	.logCAlign p {
		margin-top: 3px;
		font-size: 13px;
	}
	.ftrCRight {
		bottom: 5px;
		font-size: 10px;
	}
	.invceModalViewBoxWrp .invoicePbody .poCompInf h3 {
		font-size: 22px;
	}
	.invceModalViewBoxWrp .inrBdySplitWrap .bordDiv p{
		line-height:16px;
	}
	
	.mainSideWrap{
	
		width:210px;
	}
	body {
		padding-left: 210px;
	}
	.mainNavWrap > li > a {
		padding: 5px 2px;
		font-size: 14px;
	}
	.mainNavWrap > li > a > i {
		margin-right: 8px;
		width: 13px;
	}
	.mainNavWrap > li.hasSub:before {
		top: 10px;
		right:7px;
	}
	.actBtn a {
		font-size: 12px;
		line-height: 16px;
		margin-right: 3px;
	}

.custom-control-inline {
    margin-right: 1rem;
}
.custom-control-label-2,
.custom-control-label {
    padding-top: 2px;
    font-size: 0.8rem;
}
.prcsWid{width: 120px;}
.processListIcns li span {
    width: 24px;
    line-height: 21px;
    font-size: 10px;
}
.processListIcns li {
    margin-right: 4px;
}
}
@media screen and (max-width:990px){
	.h1, h1 {
		font-size: 24px;
	}
	.h2, h2 {
		font-size: 20px;
	}
	body {
		padding-left: 200px;
	}
	/*.btn, .btn.fa {
		font-size: 13px;
		padding: .25rem .7rem;
	}*/
	.lineHeading h2 {
		padding-bottom: 8px;
		margin-bottom: 15px;
		font-size: 20px;
	}
	.lineHeading h3{
		font-size:18px;
	}
	/*.input-group-addon,
	.form-control {
		font-size: 12px;
	}*/
	.dashNum{
		display:none;
	}
	.dashBlockWrp{
		padding:10px 0 10px 10px;
		margin-top:1px;
	}
	.dashBlockWrp.actTab{
		padding:13px 0 12px 12px;
	}
	.dashBlockWrp.actTab h3 {
	    font-size: 16px;
	}
	.dashBlockWrp a {
		font-size: 11px;
	}
	.dashBlockWrp h3 {
		font-size: 13px;
	}
	.table>thead>tr>td, 
	.table>thead>tr>th{
		font-size:11px;
		padding:5px;
	}
	.table .custom-control-label,
	.table>tbody>tr>td, 
	.table>tbody>tr>th, 
	.table>tfoot>tr>td, 
	.table>tfoot>tr>th{
		font-size:11px;
	}
	.table>tbody>tr>td, 
	.table>tbody>tr>th, 
	.table>tfoot>tr>td, 
	.table>tfoot>tr>th{
		padding:5px;
	}
	table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
		padding-right: 15px;
	}
	.mainBodyWrap{
		padding-left:20px;
		padding-right:20px;
	}
	.mainSideWrap {
    	width: 200px;
	}
	.mainNavWrap > li > a {
		padding: 5px 4px;
		font-size: 13px;
	}
	.mainNavWrap > li.hasSub:before {
		font-size: 10px;
		right: 4px;
	}
	.mainNavWrap > li > a > i {
		margin-right: 10px;
	}
	.mainNavWrap > li > ul {
		padding-left: 25px;
	}
	.mainNavWrap > li > ul > li > a {
		font-size: 12px;
		margin-bottom: 3px;
	}
	.headingBlock{
		padding-left:15px;
	}
	.tbleCapBlck2 a,
	.tbleCapBlck2 span{
		margin:1px 0;
	}
	.usrWrpCont img {
		width: 54px;
		border: 3px solid #dcdcdc
	}
	.selectInline{
		display:inline-block;
		width:auto !important;
	}
	.subTableWrp{
		min-width:0px;
	}
	.joSrchNavBtn{
		width:auto;
		top:56.5%;
	}
	.joSrchNavBtn button{
		width: 24px;
		height: 24px;
		line-height: 24px;
		font-size: 12px;
		padding: 0;
	}
	.joBtnPrv{left:-10px;}
	.joBtnNxt{right:-10px;}
	.invceModalViewBoxWrp .invoicePbody .poCompInf h3 {
		font-size: 20px;
	}
	.invceModalViewBoxWrp .modal-dialog{
		width:auto !important;
	}
	.invceModalViewBoxWrp .poTableWrap th{
		font-size:12px!important;
	}
	.invceModalViewBoxWrp .custDatatable tbody td {
    	font-size: 11px;
		line-height:16px;
	}
	.invceModalViewBoxWrp .grndTtl{
		font-size:11px;
	}
	.invceModalViewBoxWrp .poTbleTotal .poTbTtl{
		font-size:11px;
	}
	.invceModalViewBoxWrp .poTableWrap td{
		line-height:18px;
	}
	.invceModalViewBoxWrp .modal-body{
		padding:20px 25px;
	}
	.row.procesIconBlcks{margin-top:0;}
	.whiteBlock {
    	padding: 20px;
	}
	.tbleActWid,
	.dWid{
		width: 40px;
	}
	.processListIcns li {
	    margin-right: 2px;
	    margin-bottom: 2px;
	}
	.prcsWid{
		width: 82px;
	}
	.processListIcns li span {
	    width: 21px;
	    line-height: 19px;
	    font-size: 9px;
	}
	table .h6, table h6 {
	    font-size: 0.8rem;
	}
	.custom-control.lineHeading {
	    padding-bottom: 4px;
	    margin-bottom: 12px;
	}
	.callTtipIcn {
	    margin-right: -4px;
	    width: 12px;
	}
	.table tr td {
	    line-height: 0.95rem;
	}
	.lineHeadMinus {
		margin-top: -53px;
	}
	[data-tohei]{
		background-position: 100% 45%;
		background-size: auto 60%;
	}
	.respBtn{
		display:block;
		margin-top: 8px;
	}
	.navMainContainer{
		display:none;
	}
	.mainSideWrap{
		width:100%;
		height:auto;
		top:0;
		padding:10px 20px 13px 20px;
		left:auto;
		background-color:#f3793f;
		z-index: 4;
	}
	.mainSideWrap .logoBlock {
		width: 120px;
		padding: 0;
		float:left;
	}
	.mainBodyWrap {
		padding-top:20px;
		margin-top: 63px;
	}
	body {
		padding-left: 0px;
	}
	.row {
		margin-right: -10px;
		margin-left: -10px;
	}
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
		padding-right: 10px;
		padding-left: 10px;
	}
	label {
		font-size: 0.8rem;
	}
	.form-control {
		font-size: 0.8rem;
	}
	.usrWrpCont{
		display: none;
	}
	.respUsrNavWrp{
		float: right;
		margin-right: 20px;
		margin-top: 7px;
	}
	.respUsrNavWrp img{
		width: 35px;
		border-radius: 100px;
	}
	.respUsrNavWrp .userInfoWrap{
		margin-top: 2px;
		margin-left: 5px;
	}
	.respUsrNavWrp .userInfoWrap h4{
		color: #fff;
		margin-bottom: 0;
		font-size: 13px;
	}
	.respUsrNavWrp .userInfoWrap > div a {
		color: #e8e8e8;
	}
	#sidr-id-companySelect select option{
		color: #000 !important;
	}
	
}
@media screen and (max-width:768px){
	
	/*.h1, h1 {
		font-size: 20px;
	}
	.h2, h2 {
		font-size: 18px;
	}
	.h4, h4 {
		font-size: 15px;
	}*/
	.lineHeading h2 {
		font-size: 17px;
	}
	.lineHeading h3{
		font-size:16px;
	}
	
	.usrWrpCont img {
		width: 46px;
		margin-top: -2px;
		margin-right: 4px;
	}
	.headingBlock {
		padding:20px 20px 20px 15px;
	}
	.userInfoWrap h4 {
		font-size: 14px;
		margin-bottom: 0;
	}
	.dashBlockWrp.actTab {
		padding: 13px 0 8px 12px;
	}
	
	.dashBlockWrp.actTab h3 {
		font-size: 14px;
	}
	.dataTables_filter label,
	.dataTables_length label{
	    display: block;
	}
	.dataTables_filter input,
	.dataTables_length select{
		font-size:10px;
/*		padding:5px 8px;*/
		height:auto;
		line-height:normal;
	}		
	table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
		padding-right: 20px;
	}
	.table>thead>tr>td, 
	.table>thead>tr>th {
	    font-size: 11px;
		padding:6px 6px 4px 6px;
	}
	table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
		bottom: 2px;
		right: 5px;
	}
	.table .custom-control-label,
	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th {
		font-size: 10px;
	}
	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th {
		padding: 5px;
	}
	.tbleCapBlck2 a,
	.tbleCapBlck2 span {
		font-size: 11px;
		width: 18px;
		height: 18px;
		line-height: 18px;
	}
	div.dataTables_wrapper div.dataTables_info{text-align:left;}
	div.dataTables_wrapper div.dataTables_paginate{text-align:right;}
	.dataTables_paginate li a {
		font-size: 11px;
	}
	div.dataTables_wrapper div.dataTables_info {
		padding-top: 10px;
		font-size: 11px;
	}
	.userInfoWrap h4 {
		font-size: 13px;
	}
	.userInfoWrap > div a {
		font-size: 10px;
	}
	.usrWrpCont img {
	    width: 41px;
	}
	.custChkbox label,
	.custChkbox.smlChckbx label {
		font-size: 12px;
	}
	/*.input-group-addon{font-size: 11px;}
	.form-control {
		font-size: 11px;
		padding: 5px;
		line-height:32px;
		height:32px;
	}*/
	input[type=file],
	textarea.form-control{
		line-height:normal !important;
	}
	.jSrchInfWrp .invShpBlck h4 {
		font-size: 12px;
	}
	.jSrchInfWrp .invShpBlck p {
		font-size: 11px;
	}
	.invShpBlck {
		margin-bottom: 10px;
	}
	.highLightBox {
		padding: 1px 6px;
	}
	.footerMainWrapper{
		padding-top:10px;
		padding-bottom:8px;
	}
	.footerMainWrapper p {
	    font-size: 11px;
	}
	.whiteBlock {
	    padding: 20px;
	}
	.form-group p {
		font-size: 12px;
		line-height: 20px;
	}
	.listDataWrp p {
		font-size: 12px;
		line-height: 17px;
	}
	.jobInfoWrp .highLightBox{
		font-size:12px;
	}
	.invoiceShiptoAdrs h4 {
		font-size: 14px;
	}
	.logCAlign p {
		margin-top: 4px;
		font-size: 11px;
	}
	.logMainBlock .custChkbox label{
		font-size:12px;
	}
	.ftrCRight .highLightBox {
	    font-size: 8px;
	}
	.logMainBlock p {
		font-size: 11px;
		line-height: 15px;
		margin-bottom:2px;
	}
	.dispModMap,
	.modalBoxInfoCont,
	.infoDataModal,
	.viewPoDataModal,
	.viewJobOrdModl{
		width: 96%;
		margin: 0 auto;
	}
	.dispModMap .modal-dialog,
	.modalBoxInfoCont .modal-dialog,
	.infoDataModal .modal-dialog,
	.viewPoDataModal .modal-dialog,
	.viewJobOrdModl .modal-dialog{
		width:100% !important;
		margin-left:0;
		margin-right:0;
	}
	.dispModMap #map_canvas{
		height:300px !important;
	}
	.jOrdtQty .flLft .bordDiv,
	.viewJobOrdModl .jOrdWrp .bordDiv{
		width:100%;
		padding:5px 0;
		margin-bottom:10px;
		height:auto;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	.viewJobOrdModl .jOrdWrp .flRi,
	.viewJobOrdModl .jOrdWrp .flLft {
		width: 50% !important;
		margin:0 !Important;
		padding-right:10px !important;
		float: left !important;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	.viewJobOrdModl .jOrdWrp .flLft:nth-child(odd){
		clear:both;
	}
	.joFulWrp.jOrdSplit .flRi,
	.joFulWrp.jOrdSplit .flLft{
		width:100% !important;
		float:none !important;
	}
	.viewJobOrdModl .jOrdWrp .flRi .jOrdSplit > div,
	.viewJobOrdModl .jOrdWrp .flLft .jOrdSplit > div{
		padding-right:0 !important;
	}
	.infoDataModal p,
	.viewPoDataModal p,
	.viewPoDataModal .poCompInf p{
		font-size:13px;
	}
	.viewPoDataModal .poCompInf h3 {
	    font-size: 15px;
	}
	.viewPoDataModal .poTableWrap th {
		font-size: 12px !important;
	}
	.modalBoxInf .modal-body h4 {
		font-size: 16px;
		margin-top:25px;
		margin-bottom:2px;
	}
	.modalBoxInf .modal-body p {
		font-size: 12px;
		margin-bottom: 1px;
	}
	.modalBoxInf .modal-body .row:first-child > div:first-child h4{
		margin-top:0;
	}
	.modalBoxInf .modal-body .row{
		margin-bottom:0;
	}
	.invceModalViewBoxWrp .poBodyWrp {
		width: 100%;
	}
	.invceModalViewBoxWrp .invoicePbody .poCompInf h3 {
		font-size: 18px;
	}
	.invceModalViewBoxWrp .inrBdySplitWrap .bordDiv p {
		font-size: 11px;
	}
	.invceModalViewBoxWrp .dcTo{
		width:100%;
	}
	.invceModalViewBoxWrp .poTableWrap td {
		line-height: 16px;
		font-size:11px;
	}
	.invceModalViewBoxWrp .invoicePbody .poCompInf p{
		font-size:11px;
		line-height:15px;
	}
	.invceModalViewBoxWrp .poTableWrap th{
		font-size:11px!important;
	}
	.invceModalViewBoxWrp .invoicePbody .inrBdySplitRght {
		margin-top: 30px;
	}
	.invceModalViewBoxWrp .bordDiv{
		margin-bottom:8px;
	}
	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th {
		font-size: 10px;
		padding: 5px;
		line-height: 13px;
	}
	.smPrcIcn li span {
		width: 18px;
		line-height: 16px;
		font-size: 9px;
	}
	div.dataTables_wrapper div.dataTables_info {
		padding-top: 2px;
		font-size: 10px;
	}
	.processListIcns li{
		margin-bottom:3px;
	}
	label {
		margin-bottom: 2px;
		font-size: 0.8rem;
	}
	.scrlChkbox .custom-control label, .scrlChkbox .custChkbox label {
	    font-size: 12px;
	}
	.footerMainWrapper p{
		margin:3px 0;
		text-align:center;
		}
	.footerMainWrapper{padding-left:0;padding-right:0;}
	.lstOfGrp li {
		font-size: 12px;
	}
	table.dataTable>tbody>tr.child ul.dtr-details {
		display: block;
	}
	table.dataTable>tbody>tr.child span.dtr-data{
		display: inline-block;
		vertical-align: top;
	}
    .confrmMeasuWrp p {
    	margin-bottom: 10px;
    	line-height: 18px;
    	font-size:12px;
    }
    .dashboard-blocks{
        overflow: hidden;
    }
    .dashboard-blocks .col-md-4{
        border-right: none !important;
    }
    .dashboard-blocks .col-md-4:not(:nth-child(1)){
        border-top:1px solid #ccc;
        padding-top: 10px;
        margin-top: 10px;
    }	
    .form-inline{
        display: inline-flex;
        align-items: center;
    }
    .lineHeadMinus .form-group label{
        font-size: 0.65rem;
    }
    .lineHeadMinus .form-control{
        max-width: 110px;
        margin-left: 4px !important;
    }
    .topHeader img{
	    width:100%;
	}
}
@media screen and (max-width:580px){
	.headingBlock{display: none;}
	.sgrpCstBrkUp{
		border-bottom: 1px solid #f0f0f0;
		margin-bottom: 12px;
		padding-bottom: 7px;
	}
	.sgrpCstBrkUp label{
		display: block;
	}
	.btn small{
		font-size: 90%;
	}
	.lstOfGrp li {
		padding-right: 5px;
	}
	.whiteBlock {
	    padding: 20px;
	}
	p {
		line-height: normal;
		font-size: 12px;
	}
	.h1, h1 {
		font-size: 18px;
	}
	.h2, h2 {
		font-size: 17px;
	}
	.usrWrpCont {
		right: 10px;
	}
	.headingBlock {
		padding: 15px;
	}
	.dashBlockWrp.actTab{
		margin-top:1px;
	}
	.dashBlockWrp h3, .dashBlockWrp.actTab h3 {
		font-size: 11px;
	}
	.dashBlockWrp a {
		font-size: 9px;
	}
	.dashBoardHeadBlocks div{
		width:auto !important;
	}
	.dashBoardHeadBlocks div .dashBlockWrp {
		padding:8px 10px 3px 10px; 
	}
	table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
		padding-right: 15px;
	}
	
	.table>thead>tr>td, .table>thead>tr>th {
		font-size: 10px;
		padding: 6px 6px 0px 6px;
	}
	/* .table .custom-control-label,
	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th {
	    font-size: 9px;
	} */
	div.dataTables_wrapper div.dataTables_info {
	    font-size: 10px
	}
	.dataTables_paginate li a {
		font-size: 10px;
		padding: 5px 8px;
	}
	.footerMainWrapper{
		padding:10px 0;
	}
	.footerMainWrapper .col-xs-6{
		width:100%;
		display:block;
		text-align:center;
		margin:0;
		padding:1px 0;		
	}
	.footerMainWrapper .highLightBox{
		padding:3px 4px;
	}
	.footerMainWrapper .col-xs-6 p{
		display:block;
		line-height:16px;
		font-size:10px;
		float:none !important;
	}
	/* .mainSideWrap .logoBlock{
		padding-top:9px;
		padding-bottom:7px;
	} */
	.tbleCapBlck2{
		min-width:150px;
	}
	.tbleCapBlck2 a,
	.tbleCapBlck2 span {
		font-size: 11px;
		width: 16px;
		height: 16px;
		line-height:16px;
		margin-right:5px;
	}
	div.dataTables_wrapper div.dataTables_length select {
		width: 50px !important;
		padding: 5px;
		font-size:10px;
	}
	div.dataTables_wrapper div.dataTables_filter input{
		 width:100px;
		 font-size:10px;
	}
	.dataTables_filter label, .dataTables_length label {
		font-size: 10px;
	}
	.form-group p {
		font-size: 11px;
		line-height: 18px;
	}
	.listDataWrp p {
		font-size: 11px;
		line-height: 15px;
	}
	.jobInfoWrp .highLightBox{
		font-size:11px;
		border-radius:2px;
	}
	.headBlckwIcon h1 .fa {
	    font-size: 100%;
		margin-right:1px;
	}
	.invoiceShiptoAdrs h4{
		font-size:13px;
	}
	.alert,
	.invoiceShiptoAdrs p {
		font-size: 12px;
	}
	.invoiceShiptoAdrs p{
		margin-bottom:0;
	}
	.headingBlock {
		position:relative;
		overflow:hidden;
	}
	/* .rplEfct,
	.userInfoWrap{
		position:absolute;
		left:0;
		top:0px;
		width:100%;
		height:100%;
	} */
	.rplEfct {
		background: #00b7a2;
		width:10%;
		left:auto;
		right:0;
		-webkit-transform: scale(0.0);
		transform: scale(0.0); 
		-webkit-transform-origin: 0% 50%;
		transform-origin: 0% 50%;
		border-radius: 5000px;
		-webkit-transition:all ease 0.5s;
		transition:all ease 0.5s;
	}
	.actUsrMen .rplEfct{
		width:100%;
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		-webkit-transform-origin: 90% 50%;
		transform-origin: 90% 50%;
	}
	/* .userInfoWrap{
		visibility:hidden;
		opacity:0;
		-webkit-transition:all ease 0.5s;
		transition:all ease 0.5s;
		z-index: 1;
		height:auto;
		top:50%;
		-webkit-transform:translateY(-50%);
		transform:translateY(-50%);
	}
	.actUsrMen .userInfoWrap{
		-webkit-transition-delay:0.2s;
		transition-delay:0.2s;
		visibility:visible;
		opacity:1;
	}
	.usrWrpCont img {
		margin-top: 0;
		width: 36px;
		margin-right: 0;
		border-width: 3px;
	}
	.userInfoWrap h4{
		font-size:14px;
		color:#fff;
		display:inline-block;
		vertical-align:middle;
		margin-left:15px;
		margin-top:-1px;
		margin-right:10px;
	}
	.userInfoWrap > div{
		display:inline-block;
		vertical-align:middle;
		padding-top:1px;
	}
	.userInfoWrap > div a,
	.userInfoWrap > div span{
		line-height:16px;
		color:#fff;
		opacity:0.8;
	}
	.userInfoWrap > div a:hover{
		opacity:1;
	}
	.userInfoWrap > div.fa{
		position:absolute;
		right: 0;
		opacity: 0.3;
		padding: 18px;
		font-size:18px;
		color:#000;
		height:auto;
		top:50%;
		-webkit-transform:translateY(-50%);
		transform:translateY(-50%);
	} */
	.hometableWrap table.dataTable {
		max-width: 100% !important;
		width: 100% !important;
	}
	.joSrchNavBtn button {
		width: 18px;
		height: 18px;
		line-height: 18px;
		font-size: 9px;
	}
	.joBtnPrv{left:-8px;}
	.joBtnNxt{right:-8px;}
	.custChkbox label:before {
		width: 14px;
		line-height: 14px;
		font-size: 7px;
		height: 14px;
	}
	.viewPoDataModal  .poBodyTopWrp .poBTpLeft,
	.viewPoDataModal  .poBodyTopWrp .poBTpRight{
		float:none;
		width:100%;
	}
	.viewPoDataModal  .poBodyTopWrp .poBTpLeft{padding-bottom:0;}
	.viewPoDataModal  .poBodyTopWrp .poBTpRight{padding-top:0;}
	.viewPoDataModal  .poBodyTopWrp .splitDivs{
		overflow:hidden;
	}
	.viewPoDataModal .modal-body{
		padding-top:15px;
		margin-top:0 !important;
		margin-bottom:0 !important;
		margin-left:-5px !important;
		margin-right:-5px !important;		
	}
	.viewPoDataModal .gstCstNos p,
	.infoDataModal p,
	.viewPoDataModal p, 
	.viewPoDataModal .poCompInf p {
		font-size: 9px;
		line-height:12px;
	}
	.viewPoDataModal .poToWrp,
	.viewPoDataModal .delvryTo {
		height: auto;
		overflow:hidden;
	}
	.viewPoDataModal .poCompInf h3 {
		font-size: 12px;
	}
	.viewPoDataModal .poTableWrap th {
		font-size: 10px !important;
	}
	/*.viewPoDataModal .poTableWrap tbody td {
		font-size: 10px;
		padding: 4px 6px;
	}*/
	.viewPoDataModal .poTableWrap tbody td {
		font-size: 9px;
		padding: 3px 5px;
		line-height: 12px;
	}
	.modalBoxInf .modal-body h4 {
		font-size: 13px;
	}
	.modalBoxInf .modal-body p {
		font-size: 11px;
		margin-bottom: 2px;
		line-height: 15px;
	}
	.invceModalViewBoxWrp .invoicePbody .poCompInf h3 {
		font-size: 16px;
	}
	.invceModalViewBoxWrp .inrBdySplitLft{
		width:100%;
	}
	.invceModalViewBoxWrp .inrBdySplitRght {
		width: 100%;
	}
	.invceModalViewBoxWrp .invoicePbody .inrBdySplitRght {
		margin-top: 10px;
	}
	.invceModalViewBoxWrp .bordDiv {
		padding: 3px 0;
	}
	.invceModalViewBoxWrp .invoicePbody .poCompInf p {
		font-size: 10px;
		line-height: 14px;
	}
	.invceModalViewBoxWrp .inrBdySplitWrap .bordDiv p {
		font-size: 10px;
		line-height:12px;
	}
	.invceModalViewBoxWrp .poTableWrap td {
		line-height: 14px;
		font-size: 10px;
	}
	.invceModalViewBoxWrp .poTbleTotal .poTbTtl {
		font-size: 10px;
	}
	.invceModalViewBoxWrp .grndTtl {
		font-size: 10px;
	}
	.invceModalViewBoxWrp .modal-body {
		padding: 15px 20px;
	}
	.invceModalViewBoxWrp .bordDiv:last-child{
		margin-bottom:15px;
	}
	.invceModalViewBoxWrp .poTableWrap tbody tr.newRow td{
		padding:7px;
	}
	.invceModalViewBoxWrp .poTbleTotal{
		width:160px;
	}
.dashBoardHeadBlocks div .dashBlockWrp {
    padding: 8px 2px 3px 7px;
}
.dashBlockWrp a {
    font-size: 9px;
    display: block;
}
.form-group{
	margin-bottom:0.5rem
}
label {
    margin-bottom: 2px;
    font-size: 0.7rem;
}
.input-group-text,
.form-control {
    font-size: 0.8rem;
    height: calc(1.9rem + 2px);
    padding: .25rem .35rem;
}
.btn{
/*	height: calc(1.9rem + 2px);
  
    padding: .2rem .7rem;	
    */
      font-size: 0.8rem;
}
.btn .fa{
    font-size: 1rem;
}
select{
	background-color: #fff;
}

.btn-group-sm>.btn, .btn-sm,
.form-control-sm{
	font-size: 0.7rem;
}
.btn-group-sm>.btn, .btn-sm{
	height: auto;
}
textarea.form-control {
	min-height: 60px;
}
.form-text {
    font-size: 65%;
    margin-top: 1px;
}
.lineHeading h2 {
	margin-bottom: 5px;
}
.tbleActWid{
	width: 20px;
}
.dWid{
	width: 10px;
}
.prcsWid {
	width: 100px;
}
table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
    padding-right: 6px;
}
/*.h1,h1 {
    font-size: 2rem
}
*/
.h2,h2 {
    font-size: 1.8rem
}

.h3,h3 {
    font-size: 1.5rem
}

.h4,h4 {
    font-size: 1.2rem
}

.h5,h5 {
    font-size: 1rem
}

.h6,h6 {
    font-size: 0.8rem
}
table.dataTable.nowrap2 th, table.dataTable.nowrap2 td {
    white-space: nowrap;
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    top: 4px;
    left: 4px;
    height: 12px;
    width: 12px;
    border: 1px solid white;
    border-radius: 14px;
    line-height: 12px;
    font-weight: bold;
}
.lineHeadMinus {
    margin-top: -40px;
}
.table-responsive {
	width: 100%;
	overflow-y: hidden;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	border: 1px solid #ddd;
  }
  .table-responsive > .table {
	margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
	white-space: nowrap;
  }
  .table-responsive > .table-bordered {
	border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
	border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
	border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
	border-bottom: 0;
  }
  .topHeader{
	    width:100%;
	}
}
@media screen and (max-width:480px){
	.row {
		margin-right: -5px;
		margin-left: -5px;
	}
	.col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9,
	.col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9,
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
		padding-right: 5px;
		padding-left: 5px;
	}
	.mainBodyWrap {
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
	}
	p {
		font-size: 11px;
		line-height: normal;
	}
	.h1, h1 {
		font-size: 17px;
	}
	.h2, h2 {
		font-size: 15px;
	}
	.lineHeading h2 {
		padding-bottom: 4px;
		margin-bottom: 11px;
	}
	.lineHeading h3{
		font-size:14px;
	}
	.dashBoardHeadBlocks div:nth-child(2) {
		padding-left: 3px;
		padding-right: 3px;
	}
	.headingBlock{
		padding: 15px 15px 15px 11px;
		border-left-width:3px;
	}
	.whiteBlock {
		padding: 15px;
	}
	/*.input-group-addon{font-size: 10px;}
	.form-control {
		font-size: 10px;
		line-height: 29px;
		height: 29px;
	}*/
	/*.usrWrpCont img {
		margin-top:-1px;
		width: 31px;
		margin-right: 1px;
	}
	.userInfoWrap h4 {
		font-size: 10px;
	}
	.btn, .btn.fa {
		font-size: 11px;
	}*/
	.dTableViewStat{
		display:none;
	}
	.dTablePagination{
		display:block;
		width:100%;
	}
	.dataTables_filter label, .dataTables_length label {
		font-size: 8px;
	}
	div.dataTables_wrapper div.dataTables_filter input,
	div.dataTables_wrapper div.dataTables_length select {
		padding: 2px 5px;
		font-size: 8px;
	}
	.footerMainWrapper{
		position:static;
		padding-top:5px;
		padding-bottom:0;
		background:none;
	}
	.footerMainWrapper .highLightBox {
		padding: 2px 4px;
		border-radius: 2px;
	}
	.footerMainWrapper .col-xs-6{
		padding:2px 0;
	}
	.modal-title{
		font-size: 1rem;
	}
	.lineHeadMinus .form-control {
    font-size: 0.65rem;
    height: auto;
    padding: .25rem .4rem;
	}
	.topHeader img{
	    width:100%;
	}
}


/*renew media start*/

@media only screen and (max-width: 767px) {
    .main-sec .container {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .main-sec .product-right {
        padding: 0px 0 0;
    }
}

@media only screen and (max-width: 767px) {
    .main-sec .product-right .preview-img {
        padding: 0px 0 40px;
    }
}

@media only screen and (max-width: 767px) {
    .main-sec .left-side-data {
        /*padding: 40px 0 40px;*/
        padding: 0px 0 40px;
    }
}
@media screen and (max-width: 575.98px) {
    .bodySection, .heading {
        width: 90%;
        text-align: center;
    }
}
/*renew media end*/