@media(max-width: 1600px) {
	.panal-card-wrap {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media(max-width: 1400px) {
	.panal-card-wrap {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/*@media(max-width: 1300px) {
	.session-card-wrap .session-panal-card-wrap {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
}*/
@media(max-width: 1280px) {
	#page-local-lms-session_attendance .multiselect-container {
		min-width: 680px;
	}

	.users-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media(max-width: 1199px) {
	.panal-card-wrap {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.calendar-container {
		overflow-x: auto;
	}
}

@media(max-width: 991px) {
	.container {
		padding: 0 15px;
	}

	.user-listing .main-form .form-item {
		flex: 1 1 calc(50% - 20px);
	}

	/*.user-listing .main-form .action-btn {
		margin-top: 20px;
		}*/
	.user-filter.main-form {
		grid-template-columns: repeat(2, 1fr);
	}

	.stat-card {
		flex: 1 1 calc(33.333% - 20px);
	}

	.assessment-block {
		flex-direction: column;
		align-items: self-start;
	}

	.assessment-block p {
		margin-bottom: 8px;
	}

	.report-management .main-form.report-form {
		grid-template-columns: repeat(2, 1fr);
	}

	.session-wrapper .session-title {
		display: block;
	}

	.session-wrapper .zoom-meeting {
		position: static;
		max-width: 150px;
	}

	.session-wrapper .status-virtual,
	.session-wrapper .status-f2f {
		width: auto;
		max-width: 115px;
		margin-top: 10px;
	}

	/*#page-local-lms-pastsessions .user-listing .action-btn {
		margin-top: 20px;
		}*/

	.card-accordion .info .infoboxtext {
		left: 40px;
	}

	.attendancemain-form {
		display: block;
	}

	#page-local-lms-session_attendance .multiselect-container {
		min-width: 100%;
	}

	.attendancemain-form .action-btn {
		margin-top: 16px;
	}

	#add-session-user-form {
		width: 100%;
	}
}

@media(max-width: 767px) {
	.card-accordion .accordion-wrap.open {
		padding: 8px;
	}

	.login-container {
		max-width: initial;
		margin: 70px 20px;
		padding: 24px;
	}

	form .form-group {
		flex-direction: column;
		gap: 0;
	}

	form .form-group .form-item {
		width: 100%;
	}

	.footer-bg {
		padding: 15px;
		flex-direction: column;
		align-items: center;
		gap: 8px;
	}

	.contact-wrapper {
		padding: 24px 24px;
	}

	.login-bg {
		height: auto;
	}

	.form-item.form-type-checkbox label {
		font-size: 14px;
	}

	.header-bg .header-main .header_title .title {
		font-size: 16px;
	}

	.tabing-wrap .tab-link {
		padding: 12px 10px 12px 10px;
		font-size: 14px;
	}

	.form-fields {
		flex-direction: column;
		gap: 0;
	}

	.user-form-wrapper {
		padding: 24px;
	}

	.company-home .tab-container,
	.manage-requests .tab-container {
		padding: 25px 12px 0px 12px;
	}


	.status-f2f,
	.status-virtual {
		font-size: 12px;
		min-width: 80px;
		padding: 8px 0;
	}

	.grid-2 {
		grid-template-columns: repeat(1, 1fr);
	}

	.user-header {
		flex-direction: column;
		justify-content: center;
		gap: 12px;
	}

	.user-info {
		text-align: center;
	}

	.user-header .session-title {
		order: 1;
	}

	.user-header .user-info {
		order: 2;
	}

	.user-btn {
		order: 3;
	}

	.bookingmodal .modal-content {
		width: auto;
		margin: 10% 20px;
	}

	.form-search form {
		flex-wrap: wrap;
		min-width: auto;
	}

	.form-search {
		flex-wrap: wrap;
		max-width: initial;
	}

	.panal-card-wrap .card-box .card-text {
		padding: 14px 12px;
	}

	.report-management .main-form .form-item {
		flex: 100%;
	}

	.user-listing .main-form .form-item {
		flex: 100%;
	}

	.stat-card {
		flex: 1 1 calc(50% - 20px);
	}

	.membership-detail .main-form .form-item {
		flex: 100%;
	}

	.panal-card-wrap {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.user-filter.main-form {
		grid-template-columns: repeat(1, 1fr);
	}

	.user-filter.main-form .action-btn {
		margin-top: 20px;
	}

	.assessment-heading {
		flex-direction: column;
	}

	.assessment-heading h6 {
		margin-bottom: 8px;
	}

	.report-management .main-form.report-form {
		grid-template-columns: repeat(1, 1fr);
	}

	.login-container form .form-item {
		margin-bottom: 20px !important;
	}

	.login-container .form-group {
		margin-bottom: 0;
	}

	.login-container .form-checkboxes .form-type-checkbox {
		margin-bottom: 0 !important;
	}

	.session-card-wrap {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.calendar-session .form-actions {
		flex-direction: column;
	}

	.calendar-nav .btn {
		padding: 9px 11px;
		font-size: 12px;
	}

	.month-year {
		font-size: 14px;
	}

	#page-local-lms-session_attendance .modal-content {
		top: 50%;
		left: 48%;
	}

	.action-attendance {
		flex-direction: column;
	}

	.induction-container iframe {
		position: static !important;
	}

	.induction-vimeo {
		height: 20vh !important;
	}

	button.prev-month-btn {
		padding: 9px 11px;
		font-size: 12px;
	}
	.scroll-table .ticket-table tr td {
    display: block;
}

.ticket-user {
    width: auto;
}
.ticket-actions td {
    padding: 0 !important;
}
}

@media(max-width: 480px) {
	.brudcrumb ul {
		font-size: 12px;
	}
	.deleteModalcontent {
    width: auto;
    margin: 15% 20px;
}

}