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

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

	.container,
	.container-fluid {
		max-width: 100%;
		width: 100%;
	}

	.sidebar {
		z-index: 9;
		margin-left: 0;
	}

	.sidebar.active-nav {
		margin-left: -300px;
	}

	.my-container.active-container {
		margin-left: 0;
	}

	.my-container .page-wrapper .title ul.filter-appointment {
		flex-wrap: wrap;
		margin: 0 -10px;
	}

	.my-container .page-wrapper .title ul.filter-appointment li {
		width: 33.3333333333%;
		padding: 0 10px !important;
	}

	.my-container .page-wrapper .title ul.filter-appointment li .select2 {
		width: 100% !important;
	}

	.my-container .page-wrapper .title ul.filter-appointment li:nth-child(1),
	.my-container .page-wrapper .title ul.filter-appointment li:nth-child(2),
	.my-container .page-wrapper .title ul.filter-appointment li:nth-child(3) {
		margin: 0 0 15px;
	}
}