/* LARGE */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	html {
		font-size: 15px;
	}

	.hidden-lg {
		display: none !important;
	}

	.container {
		max-width: 100%;
		width: 90%;
	}
}

/* MEDIUM */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	html {
		font-size: 15px;
	}

	.hidden-md {
		display: none !important;
	}

	.container {
		max-width: 100%;
		width: 90%;
	}
}

/* SMALL */
@media only screen and (min-width: 576px) and (max-width: 767px) {
	html {
		font-size: 15px;
	}

	.hidden-sm {
		display: none !important;
	}

	.container {
		max-width: 100%;
		width: 95%;
	}

	.login > div {
		width: 100%;
	}

	.login .content .form {
		padding: 20px;
	}

	.main-wrapper .content .registration .form-registration ul.diklat-listing {
		columns: 1;
		-webkit-columns:1;
		-moz-columns: 1;
	}
}

/* EXTRA SMALL */
@media only screen and (max-width: 575px) {
	html {
		font-size: 15px;
	}

	.hidden-xs {
		display: none !important;
	}

	.container {
		max-width: 100%;
		width: 95%;
	}

	.login > div {
		width: 100%;
	}

	.login .content .form {
		padding: 20px;
	}

	.card-body {
		padding: 10px;
	}

	.main-wrapper .content {
		padding: 20px;
	}

	.main-wrapper .content h1,
	.main-wrapper .content h2 {
		font-size: 24px;
	}

	.main-wrapper .content .tab-status ul {
		text-align: center;
	}

	.main-wrapper .content .tab-status ul li {
		width: 48%;
		margin: 3px 1px;
	  	display: inline-block;
	}

	.main-wrapper .content .tab-status ul li a {
		display: block;
	}

	.main-wrapper .content .registration {
		margin: 0 0 15px;
	}

	.main-wrapper .content .registration .form-registration {
		padding: 10px;
	}

	.main-wrapper .content .registration .form-registration ul.diklat-listing {
		columns: 1;
		-webkit-columns:1;
		-moz-columns: 1;
	}
}