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

	.grid-thirds {
		grid-template-columns: 1fr;

	}

	.delete-button {display:none;}

	.domain-list-grid {
		grid-template-columns: auto 100px max-content;
		overflow-x:auto;
		gap:10px;
	}
	.domain-list-grid .client {display:none;}
	.domain-list-grid .registrar {display:none;}
	.domain-list-grid .server {display:none;}

	.domains-list-grid {
		grid-template-columns: auto 70px 100px max-content;
		overflow-x:auto;
		gap:10px;
	}
	.domains-list-grid .client {display:none;}

	.project-list-grid {
		grid-template-columns: auto 70px max-content;
		overflow-x:auto;
		gap:10px;
	}

	.jobcoster-list-grid {
		overflow-x:auto;
		gap:10px;
		grid-template-columns: auto 60px max-content;
	}

	.domainnames-list-grid {
		overflow-x:auto;
		gap:10px;
		grid-template-columns: auto 100px max-content;
	}

	.invoice-list-grid {
		overflow-x:auto;
		gap:10px;
		grid-template-columns: 70px auto 100px max-content;
	}

	.invoicelist-list-grid {
		overflow-x:auto;
		grid-template-columns: 50px auto 80px max-content;
		gap:10px;
	}



	.project-list-grid *,.domain-list-grid *,.domains-list-grid *, .jobcoster-list-grid *, .domainnames-list-grid *,.invoicelist-list-grid *{font-size:12px;}
	.project-list-grid .project-icon,
	.project-list-grid .client,
	.project-list-grid .job-status,
	.jobcoster-list-grid .client,
	.jobcoster-list-grid .job-date,
	.domainnames-list-grid .client,
	.domainnames-list-grid .registrar,
	.invoice-list-grid .project-icon,
	.invoice-list-grid .inv-date,
	.invoicelist-list-grid .icon,
	.invoicelist-list-grid .client,
	.invoicelist-list-grid .invoice-date,
	.mobile-hide
	{display:none;}

	.monthly-grid {
		display: grid;
		grid-template-columns: 1fr;
	}

	.desktop-hide {display:block;}
	small {display:block;}

}

@media screen and (max-width:400px){
	.domain-list-grid {grid-template-columns: auto max-content;}
	.domain-list-grid .domain-date {display:none;}
}