

@media only screen and (min-width: 960px) {
	/* styles for browsers larger than 960px; */
	.MuiGridList-root {
		display: flex;
		padding: 0;
		flex-wrap: wrap;
		list-style: none;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		margin: 0px;
		width: 100%;
		justify-content: center;
	}

}
@media only screen and (min-width: 1440px) {
	/* styles for browsers larger than 1440px; */
	.MuiGridList-root {
		display: flex;
		padding: 0;
		flex-wrap: wrap;
		list-style: none;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		margin: 0px;
		width: 100%;
		justify-content: center;
	}
}
@media only screen and (min-width: 2000px) {
	/* for sumo sized (mac) screens */
}
@media only screen and (max-device-width: 480px) {
   /* styles for mobile browsers smaller than 480px; (iPhone) */
   .MuiGridList-root {
	display: block;
    padding: 0 0 0 25px;
	flex-wrap: wrap;
	list-style: none;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	margin: 0px;
	width: 700px;
}
}
@media only screen and (device-width: 768px) {
   /* default iPad screens */
   .MuiGridList-root {
	display: block;
    padding: 0 0 0 25px;
	flex-wrap: wrap;
	list-style: none;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	margin: 0px;
	width: 700px;
}
}
/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
}
.emptyCampaigns{
	text-align: center;
    padding: 30px;
    font-size: 18px;
}