@media only screen and (max-width:768px) {

    .tab-card .tab-table-row {
        padding: 0;
    }
    
    .tab-card .tab-table-col {
        padding: 0 5px;
    }
    
    .tab-table .last-row {
        padding: 5px 0px;
    }
    
    .last-row .btnChkBox {
        margin-right: 5px;
    }
    
    .last-row .btnChkBox input[type="checkbox"]+label {
        padding: .375rem .5rem;
        font-size: 13px;
        min-width: auto;
    }
    
    .wonLostBtnC {
        float: left;
        margin-top: 10px;
        font-size: 13px;
    }
    
    .tab-card .card-heading {
        margin-bottom: 5px;
    }
    
    .tab-card .card-heading h3 {
        float: left;
        font-size: 18px;
    }

	.backUrl font{display:none}
	.comp-ico input, .cont-ico input{width:100%}
	
	.planr-mnth .subHeader-wrap{display:inherit;padding:10px}
	.planr-mnth .sliderNav  {float:left}

	
	.salesHeader h4 { display: none}
	.switchSMTab label .txt { display: none}
	.slsMargDurationTab  { margin-left: 0}

	.salesHeader .dropd {width: 110px;margin: 0;}
	.salesHeader .dropC {margin: 0;}
}    


@media only screen and (max-width:768px) {
	.dashbord .subHeader-wrap{display: inherit;
    padding: 10px;}
	.table-wrap .table-head {
		display: none !important
	}
	.table-wrap {
		padding: 10px
	}
	.table-wrap .table-row {
		margin-bottom: 10px;
		padding: 0 15px;
	}
	.table-row .viewCont {
		display: flex;
		flex-direction: column;
	}
	.table-wrap .table-row .table-cell {
		width: 100%;
		justify-content: space-between !important;
		border-bottom: 1px solid #ddd;
		border-right: none;
		max-width: inherit;
	}
	.table-wrap .table-body {
		top: 0
	}
	.table-wrap .table-row .table-cell .lbl {
        display: inline-block;
        text-transform: uppercase;
        font-size: 13px;
	}
	.table-wrap .table-row .table-cell .data {
		font-weight: 600;
	}
	.topMenu {
		/* background: #43425d; */
		position: fixed;
		right: 0;
		width: fit-content;
		z-index: 22;
		display: flex;
		justify-content: center;
		padding: 0 2px;
		top: 70px;
		left: 0;
		height: 100%;
		transition: all 0.5s ease-in-out;
	}

	.dropdownlist ul li a{
		color: #43425d ;
	}

	.activity-col{
		width: 100%;
	}
	header.show .topMenu ul{
		height: 50%;
		margin: auto;
	}
	.topMenu ul li {
		float: none;
		padding: 10px 0;
	}
	.topMenu ul li a {
		/* color: #fff; */
		
	}
	header {
		justify-content: space-between;
		padding: 0 15px;
	}
	.logOut {
		display: none !important
	}
	.mob-menu {
		font-size: 25px !important;
		margin: 0 0 0 20px;
		color: #43425d;
		display: inline-block !important
	}
	header.show::before {
		content: '';
		position: fixed;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.6);
		z-index: 1;
		top: 70px;
		left: 0;
	}
	.mob-logout {
		display: block
    }
    
    .csDetailsTab.nav-tabs a.nav-link { min-width: auto; margin: 0 5px;}

    .csDetailsTab.nav-tabs a.nav-link::after, .csDetailsTab.nav-tabs a.nav-link::before { display: none}

    .subHeader-wrap { padding: 0 10px}

    .subHeader-wrap .csDetailsTab.nav-tabs {  padding: 0; margin: 0 auto;    font-size: 13px;}
    .csDetailsTab .nav-link {    padding: .5rem .5rem;}

    .mob-break{
        display: block
    }

    .subHeader-wrap h2 {    font-size: 18px;
        margin: 5px 0;
        width: 100%;
        text-align: center;}

        .commonInsideWrap {
            padding-top: 90px;
        }

        .card .card-body {
            padding: 10px 10px;
        }


		.cust-row{display:inherit}
		.cust-row .viewCont{width:100%;padding:0 7px}
		.cust-row.heading{display:flex;font-size:14px}

		.backUrl font{display:none}
		
	.sumary-row{display:inherit}

.dashbrd-cell{font-size:18px}
.tri-green,.tri-red{right:3px}

.reciepeHeader {    flex-wrap: wrap;
    padding: 5px 10px !important;
}

}





@media only screen and (max-width:767px) {

	.login .form-fld  { width:100%;}
	
	.mob-stat{display:none!important}
.cust-row{display:inherit;padding-bottom:35px}
   .cust-row.heading{display:none}
   
   .timelist .viewCont:before{display:none;}
   
   
  .view-cell{width:100%!important;text-align:left;padding-bottom:7px} 
   .cust-row .viewCont{display:inherit;padding:0}
   .view-cell  .lbl{display:block;width:80px;float:left;font-weight:600;color: #000;}
   
   .activity ul.timeline {padding:0 0 0 30px}
   .activity ul.timeline>li .ico{top:inherit;left:-33px}
   .activity ul.timeline .t-content{min-height:35px;    padding-left: 2px;padding-top: 0;}
    .activity ul.timeline>li{padding-left:50px}
	.view-cell.subj{padding-left: 7px}
	.cust-row:after{content:'';clear:both;display:block}
	
	.subj .lbl{margin-top:6px}
	.activtymod .modal-dialog{min-width:100%;display:initial}
	.activtymod .modal-body{display:initial;}
	.activtymod .cb-wrap span input[type="checkbox"] + label, .cb-wrap span input[type="radio"] + label{min-width:52px}
	.first-col{padding:0;border:none;}
	.timeDura .inp{margin-right:4px;}
	.timeDura .inp input { width: 100%}
	
	
	.accnt-mangr .subHeader-wrap{display:inherit;padding-bottom:10px}
	.accnt-mangr .subHeader-wrap .hedr{float:inherit!important}
	.accnt-mangr .subHeader-wrap .addButtonC {float:inherit!important;}
	.accnt-mangr .subHeader-wrap .addButtonC button{
		display: block;
		margin: 0 auto;}
	.user-names .form-field {
		min-width: inherit;
		width: 160px;
		display: block;
		margin: 0 auto;
		margin-right:30px;
	}
	.dashbrd-cell {
    font-size: 11px;
	flex-flow:column
	}
	.tri-red{border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 12px solid #E74646;right:0px}
	.tri-green{
		border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 12px solid #2BBF55;right:0px
	}
	.user-names{float:right!important}
	.addButtonC {float:inherit!important}
	.dashbord .user-names .form-field{margin-right:0}
	.dashbrd-cell  .lbl{display:inherit}
	.dashbord .addButtonC button{margin-top:10px}
	.dashbrd-head .dashbrd-cell p{font-size:11px}

	.salesHeader {}
	
	
}
@media only screen and (min-width:1024px) and (max-width:1376px)  {
	/* .topMenu ul li a{margin:15px} */
	.sum-block	{min-width:inherit;width:200px}
.dashbrd-cell{font-size:20px}
.tri-red ,.tri-green{right:15px}



}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation: landscape) {

.tri-red ,.tri-green{right:15px}




}

@media only screen and  (max-width:1376px)  {
	.backUrl font { display: none}
}	


@media only screen and (max-width:1024px) and (orientation: landscape) {

    /* .topMenu ul li a {    font-size: 13px;    margin: 15px;} */

    .table-wrap .table-head .head-col {     font-size: 12px; }
    .table-wrap .table-row .table-cell {     font-size: 13px; }
    .table-wrap .table-row, .table-wrap .table-head {    padding: 0 10px;}

    .table-wrap .comp_name {    width: 240px;}

    .subHeader-wrap h2 {
        font-size: 14px;
        margin: 0;
        width: 300px;
    }

    .subHeader-wrap .csDetailsTab.nav-tabs {    padding-left: 20px;}

    .csDetailsTab.nav-tabs a.nav-link {    margin-right: 15px;}
.sum-block	{min-width:inherit;width:200px}










}    

@media only screen and (min-width:1366px) and (max-width:1440px) {

.backUrl font{display:none}

.salesHeader .dropdC { margin-right: 0}

.slsMargDurationTab { margin-left: 0}

.graphOnly .slsMargDurationTab { margin-right: 100px}

.reciepeHeader h4 { max-width: 460px}

}


@media only screen and (min-width:1441px) {
	.rec_desc { max-width: 290px !important}
}

.pr-head-row {
	display: flex;
	justify-content: space-between;
}
 

@media only screen and (min-width:2560px) {


.pr-head-row {
	display: flex;
	justify-content: flex-start;
}

	.table-wrap .pr-head-row .head-col, .preport .table-row .table-cell {
		max-width: 110px;
	}

	
	 .preport .table-row .viewCont {
		justify-content: flex-start !important;
	 }
	 .preport .table-row .viewCont .pr_desc, .pr-head-row  .pr_desc {
		 max-width: 600px !important;
	 }

	 .table-wrap .pr-head-row .head-col {
		 max-width: 110px;
	 }

	 .table-wrap .pr-head-row .pr_mould,  .preport .table-row  .pr_mould {
		 max-width: 200px;
	 }

}