@media screen and (min-width: 1px) and (max-width: 767px){
	#eservices-grid[data-columns]::before {
		content: '1 .col-xs-12';
	}
}

@media screen and (min-width: 768px) and (max-width: 991px){
	#eservices-grid[data-columns]::before {
		content: '2 .col-sm-6';
	}
}

@media screen and (min-width: 992px) and (max-width: 1200px){
	#eservices-grid[data-columns]::before {
		content: '3 .col-md-4';
	}
}

@media screen and (min-width: 1201px) and (max-width: 9999px){
	#eservices-grid[data-columns]::before {
		content: '3 .col-lg-4';
	}
}
		

/* make sidebar nav vertical */ 
@media (min-width: 768px) {
	.sidebar-nav .navbar .navbar-collapse {
		padding: 0;
		max-height: none;
	}
	.sidebar-nav .navbar ul {
		float: none;
	}
	.sidebar-nav .navbar ul:not {
		display: block;
	}
	.sidebar-nav .navbar li {
		float: none;
		display: block;
	}
	.sidebar-nav .navbar li a {
		padding-top: 12px;
		padding-bottom: 12px;
	}
	#application-main-menu {
		display: block;
	}
}