
	@media only screen and (max-width: 1393px)  and (min-width: 1200px){
		aside.left-text{
			width:100%;
		}
	} 
	@media only screen and (max-width: 1345px){
		.tabbed ul{
			display: inline;
		}
		.tabbed ul li {
			margin: 0px;
			padding: 0px;
			display: inline-block;
		}
		.tabbed{
			display: block !important;
			white-space:nowrap;
			overflow-x: auto;
			min-width:auto;
		}
		.action {
			display: inline-block;
			margin-left: 25px;
		}
		.tabbed ul li button.nav-link{
			top: 7px;
		}
	}
	@media only screen and (min-width:0) and (max-width: 1260px){
		.attendenceDays li{
			width:13%;
		}
		/* .attendenceWeek li{
			width:12.9999%;
		} */
		.customdatatable .table>:not(caption)>*>*, .table>:not(caption)>*>*{
			font-size: 0.775rem;
		}
	}
	@media only screen and (min-width:0) and  (max-width:1260px) {
		.attendenceDays li {
			width: 94%;
		}
	}
	@media only screen and (min-width:0) and (max-width: 991px){
		.hideSlide{
			display: none;
		}
		ul.subject{
			column-count: 1;
		}
		.customdatatable .table>:not(caption)>*>*, .table>:not(caption)>*>*, .spciTable .table>:not(caption)>*>*, .table>:not(caption)>*>*, .ticket .table>:not(caption)>*>*, .table>:not(caption)>*>* {

			padding: 0.7rem 0.3rem;
			text-wrap: nowrap;
		}
	}
	@media only screen and (max-width: 991px){
		main {
			overflow: hidden;
		}
		div.dataTables_wrapper div.dt-row { 
			white-space: nowrap;
			overflow-x: scroll;
		}
        .projectCatalogue .tabs-cnt ul{
            display: block!important;
            overflow-x:auto;
            white-space:nowrap;
        }
        .projectCatalogue .tabs-cnt ul li{
            display: inline-block;
            min-width:150px;
        }
	}
	@media only screen and (max-width: 766px){
		nav.sidebar {
			margin-left: -200px;
		}
		nav.sidebar.hide-navbar {
			margin-left: 0;
		}
		.navbar-expand, section.main_section, .footer{
			width: 100vw;
		}
		.customerList .col-sm-12 {
			width: 50%;
		}
        
	}
	@media only screen and (max-width: 666px){
		.add-visit .attendenceDays li {
			height: 75px;
		}
		.fc-notes p {
			display: none;
		}
		.incompletebtn {
			transform: rotate(90deg);
			margin-left: 15px;
		}
		.addbtn, .viewbtn, .incompletebtn {
			padding: 2px 4px;
			font-size: 0.6rem;
		}
	}
	@media only screen and (max-width: 420px){
		.customerList .col-sm-12 {
			width: 100%;
			margin-bottom:15px;
		}
		
	}
