@media not print {

	/************ MASONRY START ***************/
	@media(max-width:1230px){
		 .grid-item{	
			 width: 28.303% !important; /* 300px */ 

		}
	}

	@media(max-width:730px){
		 .grid-item{	
			 width: 44% !important; /* 300px */ 

		}
	}

	@media(max-width:590px){
		 .grid-item{	
			 width: 43% !important; /* 300px */ 
		}
	}

	@media(max-width:510px){
		 .grid-item{	
			 width: 85% !important; /* 300px */ 
		}
	}

	@media(max-width:450px){
	   .grid-item{	
			 width: 90% !important; /* 300px */ 
		}

	}

	@media(max-width:370px){

		.grid-item{	
			 width: 87% !important; /* 300px */ 
		}

	}


	@media(max-width:320px){

		.grid-item{	
			 width: 100% !important; /* 300px */ 
		}
	}

	/************ MASONRY END ***************/
	@media(max-width:1300px)
	{
		
		#sidebar,
		#sidebar.collapsed{
			position:fixed !important;
			top:0 !important;
			left:0 !important;
			height:100% !important;
			z-index:1000 !important;
			padding:0 !important;
			overflow-y:auto !important;
			transition:transform 0.3s ease !important;
		}

		#sidebar{
			transform:translateY(-100%) !important;
		}
		
		#main{
			top:0;
			left:0 !important;
			bottom:0;
			width:100%;
			height:100%;
		}

		#sidebar .company .name, 
		#sidebar .user,
		#sidebar.collapsed .company .name{
			display:none;
		}
		
	}




	@media(max-width:900px)
	{	
		table{
			margin-top:15px;
		}
		
		table, thead, tbody, th, td, tr {
			display: block;
			border:0 !important;
	    }

	    thead,th{
	    	display:none;
	    }
		
		table,
		table.table-bordered,
		table.table-striped{
			border:0 !important;
			outline: 0;
		}
		
		
		tr{
		  	border-style: solid !important;
			border-width: 2px !important;
			margin-bottom:10px; 
		}

	   td{
	    	width:100%;
			border: none;
			border-bottom: 1px solid #eee;
			padding-left: 50%;
			font-weight:100;
			white-space:nowrap;
			text-align:left;
			vertical-align:middle;
			overflow-x:auto;

		}
		
	      td:before {   
			display:inline-block;
			width: 45%;
			height:100%;
			padding-right: 10px;
			white-space: normal;
			text-align:left;
			font-size:0.9em;
			font-weight: bold;
			margin-bottom: 10px;
			content: attr(data-title);
	    }


	      td.action{
			width:100%;
			border: none;
			border-bottom: 1px solid #eee;
			padding-left: 0;
			font-weight:100;
			white-space:nowrap;
			text-align:center;
	     }

		  td.action:before {   
			display:inline-block;
			width: 0%;
			height:100%;
			padding-right: 0px;
			white-space: normal;
			text-align:left;
			font-size:1.1em;
			font-weight: bold;
			content:"";
	    }

	    td.action a{
	    	margin-left: 1px;
	    	margin-right: 1px;
	    }

	    td.action .fa{
	    	font-size:1.5em;
	    }
	}

	@media(max-width:500px){

	.users{
		margin-top:20px;
	}

	.users .user{
		min-height:210px;
		height:210px;
		padding:5px 0px;
	}

	.users .user h3{
		margin-top:2px;
		margin-bottom:2px;
		text-align: center;
	}

	.users .user .name{
		font-size:1.1em;
		font-weight: bold;
		margin-bottom:5px;
	}

	.users .user .gst,
	.users .user .email,
	.users .user .contact{
		font-size:1em;
		margin-top: 6px;
		font-weight: bold;	
	}

	.users .user .action{
		position:absolute !important;
		bottom:5px;
		right:5px;
		text-align: right;
		margin-top:10px;
			
	}

	.users .user .action a{
		padding:2px 5px;
		font-size:1.1em;
		color:#FFF;
		width:25px;
		text-align: center;
	}


	}

	@media(max-width:450px){
		.analytics .col{
			padding:0;
		}
	}

}