@media(max-width:1650px) {
	.side-nav {
		width: 245px;
	}
	.nav-menu-item a {
		padding: 10px 10px;
		font-size: 13px;
	}
	.nav-logo svg{
		width: 130px;
	}
	.vertical-layout .content .content-main {
		padding: 25px;
	}
	.vertical-layout .content {
		margin-left: 245px;
	}
	.nav-logo {
		width: 245px;
	}
	.header-right {
		width: calc(100% - 245px);
		padding: 0px 25px;
	}
	.card-search-input input {
		width: 450px;
		padding: 12px 20px 12px 50px;
		font-size: 14px;
	}
	.main-btn {
		width: 160px;
		height: 48px;
		font-size: 14px;
	}
	.card-table.table thead th {
		padding: 18px 10px;
		font-size: 14px;
	}
	.card-table.table td {
		padding: 18px 10px;
		font-size: 14px;
	}
	.edit-name input {
		width: 95px;
	}
	.edit-email input {
		width: 190px;
	}
	.create-modal .modal-title {
		font-weight: 600;
		font-size: 18px;
		line-height: 25px;
	}
	.create-modal .modal-header {
		padding: 15px 40px;
		height: 70px;
	}
	.create-modal .modal-body {
		padding: 20px 30px;
	}
	.modal-tab ul li a {
		font-size: 14px;
	}
	.modal-tab ul {
		margin-bottom: 20px;
	}
	.form-input label {
		font-size: 12px;
	}
	.form-input input {
		height: 50px;
		padding: 15px 20px;
		font-size: 14px;
	}
	.form-select .select-styled {
		height: 50px;
		font-size: 14px;
		padding: 15px 20px;
	}
	.form-select .select{
		height: 50px;
	}
	.modal-tab-form {
		max-height: 440px;
	}
	.form-btn {
		margin-top: 50px;
	}
	.top-list-small li {
		display: flex;
		align-items: center;
		padding: 0px 0px;
		border-right: 0px solid #F2F4FA;
		margin-bottom: 30px;
	}
	.list-img {
		width: 40px;
		height: 40px;
		margin-right: 15px;
	}
	.top-detail span {
		font-weight: 400;
		font-size: 12px;
		line-height: 22px;
		letter-spacing: 0.04em;
		color: #6E7BB3;
		display: block;
		margin-bottom: 5px;
	}
	.top-detail h3 {
		font-weight: 600;
		font-size: 25px;
		line-height: 25px;
		letter-spacing: 0.02em;
		color: #424347;
		margin-bottom: 0;
	}
}

@media(max-width:1500px) {
	.card-table.table td {
		padding: 15px 8px;
		font-size: 12px;
		white-space: nowrap;
	}
	.card-table.table thead th {
		padding: 15px 8px;
		font-size: 12px;
		white-space: nowrap;
	}
	.edit-name input {
		width: 110px;
		font-size: 12px;
	}
	.edit-email input {
		width: 175px;
		font-size: 12px;
	}
	.edit-select .select-styled{
		font-size: 12px;
	}
	.nav-menu-item {
		margin-bottom: 10px;
	}
	.input-group-addon {
		top: 15px;
	}
	.modal-small-heading {
		font-size: 16px;
	}
	.user-detail-list li span {
		font-size: 14px;
	}
	.user-detail-list li .edit-input {
		width: 200px;
		font-size: 14px;
	}
	.user-detail-list {
		padding: 0px 20px;
	}
	
}

@media(max-width:1366px) {
	.side-nav {
		width: 230px;
		top: 65px;
	}
	.nav-logo svg {
		width: 120px;
	}
	.nav-menu-item a {
		padding: 10px 10px;
		font-size: 12px;
		margin: 0px 10px;
	}
	.nav-logo {
		width: 230px;
	}
	.header-right {
		width: calc(100% - 230px);
		padding: 0px 20px;
	}
	.vertical-layout .content {
		margin-left: 230px;
	}
	.card-search-input input {
		width: 400px;
		padding: 10px 20px 10px 50px;
		font-size: 12px;
	}
	.card-search-input span {
		width: 50px;
		height: 40px;
	}
	.main-btn {
		width: 160px;
		height: 45px;
		font-size: 12px;
	}
	.edit-name input {
		height: 35px;
	}
	.nav-profile .toggle-wrapper {
		font-size: 14px;
	}
	.header-nav {
		height: 65px;
	}
	.vertical-layout .content {
		padding-top: 65px;
	}
}

@media(max-width:1280px) {
	.side-nav {
		width: 220px;
	}
	.nav-logo {
		width: 220px;
	}
	.header-right {
		width: calc(100% - 220px);
		padding: 0px 15px;
	}
	.header-nav-item {
		padding: 0px 20px;
	}
	.vertical-layout .content {
		margin-left: 220px;
	}
	.card-section {
		padding: 20px;
	}
	.card-table.table td,.card-table.table th {
		padding: 14px 8px;
		font-size: 11px;
	}
	.nav-menu-item a {
		padding: 8px 10px;
	}
	.nav-menu-item {
		margin-bottom: 5px;
	}
	.edit-name input {
		width: 90px;
	}
	.edit-email input {
		width: 150px;
	}
	.margin-btn {
		margin-right: 30px;
	}
	.toggleSwitch label, .toggleSwitch > span {
		line-height: 25px;
		height: 25px;
	}
	.toggleSwitch {
		height: 25px;
	}
	.toggleSwitch a {
		width: 15px;
		height: 15px;
		top: 3px;
		border: 4px solid #fff;
	}
	.main-btn {
		width: 140px;
		height: 40px;
		font-size: 12px;
	}
	.card-search-input input {
		width: 360px;
		padding: 8px 20px 8px 50px;
		font-size: 12px;
	}
	.card-search-input span {
		width: 40px;
		height: 40px;
	}
	.card-search-input svg{
		width: 15px;
	}
	.nav-profile .toggle-wrapper {
		font-size: 12px;
	}
	.header-search .has-search .form-control {
		font-size: 12px;
	}
	.user-detail-list li .edit-input {
		width: 150px;
		font-size: 12px;
	}
	.user-detail-list li span {
		font-size: 12px;
	}
	.user-detail-list li h5 {
		font-weight: 400;
		font-size: 14px;
	}
	.user-detail-list li {
		margin-bottom: 20px;
	}
	.card-tab-menu li a {
		font-size: 14px;
	}
}


@media(max-width:1024px) {
}

@media(max-width:767px) {
}