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

	.hidden-sm {
		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 {
		display: block;
	}

	.my-container .page-wrapper .title ul {
		display: block;
		margin-top: 15px;
	}

	.my-container .page-wrapper .title ul li {
		padding-left: 0;
		display: block;
		margin: 0 0 10px;
	}

	.my-container .page-wrapper .title ul li:last-child {
		margin: 0;
	}

	.my-container .page-wrapper .title ul li .btn,
	.my-container .page-wrapper .title ul li .btn-group,
	.my-container .page-wrapper .title ul li .select2-container {
		width: 100% !important;
		display: block;
		text-align: center;
	}

	.fc .fc-toolbar {
		display: block;
		text-align: center;
	}

	.fc .fc-toolbar-title {
		font-size: 16px;
	}

	.fc-header-toolbar .fc-toolbar-chunk {
		margin: 0 0 15px;
	}

	.fc-header-toolbar .fc-toolbar-chunk:last-child {
		margin: 0;
	}

	.fc-toolbar-chunk button {
		font-size: 13px;
	}

	.calendar-notes ul li {
		font-size: 13px;
	}

	.nav-tab-appointment {
		justify-content: center;
	}

	.login {
		background: url(../img/core/bg-login2.jpg);
		background-size: cover;
		background-position: center;
	}

	.login .content .form h1 {
		font-size: 16px;
	}

	.patient-registration .content {
		padding: 15px;
	}

	.patient-registration .content .brand h1 {
		font-size: 18px;
	}

	.patient-registration .content .brand h2 {
		font-size: 16px;
	}

	.patient-registration .content .brand p {
		font-size: 14px;
	}
}