/* ===== Responsive Style ===== */
@media (min-width: 2500px) {
	.custom-container {
		margin-left: auto;
		margin-right: auto;
		max-width: 2000px;
	}

	.support-panel-info-list-wrap table tr th {
		font-size: 1.3rem;
		height: initial;
		padding: 1.5rem .9375rem;
	}

	.support-panel-info-list-wrap table tr th input {
		font-size: 14px;
		height: 2.5rem !important;
	}

	.figgers-support-panel .email-actions .el-button--primary {
		-webkit-border-radius: 50rem;
		border-radius: 50rem;
		font-size: 1.25rem;
		padding: 10px 1.25rem;
	}

	.support-topbar-inner > h3 {
		font-size: 2rem;
	}

	.support-topbar-inner {
		min-height: 6.125rem;
	}

	.header-inner .logo h1 a {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}

	.header-inner .logo h1 {
		margin: 20px 0 20px 30px;
	}

	.login-status > span {
		font-size: 1.5rem;
	}

	.login-status > i {
		font-size: 1.125rem;
	}

	.header-chat > a svg,
	.header-notify > a svg,
	.header-logout > a svg {
		height: 2rem;
	}

	.author-cap > h5 {
		font-size: 1.125rem;
	}

	.author-cap > span {
		font-size: 1rem;
	}

	.support-panel-info-list-wrap table tr td {
		font-size: 1.3rem;
	}

	.support-panel-info-list-wrap table tr td button {
		font-size: 14px;
	}

	.support-panel-info-list-wrap .el-dialog .el-dialog__header .el-dialog__title {
		font-size: 2.25rem;
	}

	.support-panel-info-list-wrap form .el-form-item {
		margin-bottom: 2rem;
	}

	.support-panel-info-list-wrap form .el-form-item .el-form-item__error {
		font-size: 1.125rem;
	}

	.support-panel-info-list-wrap form .el-form-item .el-input input,
	.support-panel-info-list-wrap form .el-form-item .el-select input {
		font-size: 1.25rem;
		height: 3.125rem;
	}

	.support-panel-info-list-wrap form .el-form-item button {
		border-radius: 5px;
		border-radius: 5px;
		font-size: 1.5rem;
	}

	.login-form-wrap {
		max-width: 730px;
		min-height: 1150px;
		padding: 750px 180px 120px;
	}

	.login-wrap .container {
		max-width: 2370px;
	}

	.login-form-wrap form .el-form-item {
		margin-bottom: 2rem;
	}

	.login-form-wrap form .el-form-item label {
		font-size: 1.75rem;
	}

	.login-form-wrap form .el-form-item input {
		font-size: 1.5rem;
		height: 3.75rem;
	}

	.login-form-wrap form .el-form-item .el-form-item__error {
		font-size: 1.375rem;
	}

	.login-form-wrap form .el-form-item button {
		font-size: 1.75rem;
		padding: 1.125rem 1rem;
	}
}

@media (max-width: 1610px) {
	.sp-stats-box {
		padding: 1.25rem;
	}

	.sp-stats-box > h5 {
		font-size: 1.125rem;
	}

	.support-panel-info-list-wrap table tr th {
		font-size: 14px;
	}

	.support-panel-info-list-wrap table tr td {
		font-size: 11px;
	}

	.login-form-wrap {
		min-height: 550px;
		padding: 420px 115px 60px;
	}
}

@media (max-width: 1445px) {
	.custom-container {
		padding: 0 1.25rem;
	}
}

@media (max-width: 1370px) {
	.figgers-employee-portal .el-container {
		max-width: 1170px;
	}

	.header-inner .logo h1 a {
		margin: -0.9375rem 0 -0.9375rem -1.6rem;
		-webkit-transform: scale(0.55);
		transform: scale(0.55);
	}

	header.dashboard-header {
		padding: 10px;
	}

	.author-top > img {
		flex: 0 0 50px;
		max-width: 50px;
	}

	.login-status > span {
		font-size: 14px;
	}

	.login-status > i {
		font-size: 11px;
	}

	.figgers-support-inner {
		padding: 0;
	}

	.login-form-wrap {
		max-width: 360px;
		min-height: 450px;
		padding: 320px 90px 50px;
	}

	.login-form-wrap form .el-form-item label {
		font-size: 13px;
		margin-bottom: 5px;
	}

	.login-form-wrap form .el-form-item input {
		height: 33px;
		line-height: initial;
	}

	.login-form-wrap form .el-form-item .el-input__icon {
		line-height: 33px;
	}

	.login-form-wrap form .el-form-item .el-form-item__error {
		padding-top: 3px;
	}

	.login-form-wrap form .el-form-item {
		margin-bottom: 20px;
	}

	.login-form-wrap form .el-form-item button {
		margin-top: 0;
		padding: 8px 1.25rem;
	}

	.sp-stats-box {
		padding: 1.25rem;
	}

	.sp-stats-box > h5 {
		font-size: 1.125rem;
	}

	.sp-stats-bottom > img {
		height: 3.2rem;
	}

	.detail-attachments {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}

@media (max-width: 1030px) {
	.figgers-employee-portal .el-container {
		max-width: 980px;
	}

	.fg-support-body {
		min-height: 12rem;
	}

	.support-panel-info-stats-wrap > div.el-row > div.el-col {
		width: 33.33333%;
	}

	.support-panel-info-list-wrap div:not(.customer-detail) table:not(.customer-detail) {
		min-width: 1200px;
		width: 100% !important;
	}

	.support-panel-info-list-wrap table tr th { font-size: 11px; padding: 8px; }

	.support-panel-info-list-wrap table tr th .caret-wrapper {
		height: 34px;
		margin-left: 4px;
		width: 10px;
	}

	.support-panel-info-list-wrap table tr th .caret-wrapper > i {
		left: 0;
	}

	.support-panel-info-list-wrap .el-table .el-table__body-wrapper {
		overflow-x: auto;
	}

	/*.fg-serv-box img:not(.f-mark) {*/
	/*	max-width: 70%;*/
	/*}*/
	.fg-serv-box img.f-mark {
		height: 6rem;
	}

	ul.figgers-dashboard-links.el-menu > li.el-menu-item {
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}

	.support-panel-info-list-wrap .fcp-avalb-lnks-table table,
	.support-panel-info-list-wrap .fcp-usage-report-data-item table {min-width: initial !important;}

	.details-detail-info-wrap,
	.ratings-row {grid-template-columns: 1fr;}

	.inviteFowmWrap .el-dialog {
		max-width: 90%;
		width: 100%;
	}
	.popup-wrapper .el-dialog {
		width: 50% !important;
	}
}

@media (max-width: 995px) {
	.figgers-employee-portal .el-container {
		max-width: 720px;
	}

	.figgers-support-dashboard-wrapper .el-container {
		max-width: 100%;
		padding: 0 1.25rem;
	}

	.header-inner .logo + .header-right {
		flex: 0 0 calc(100% - 6rem);
		max-width: calc(100% - 6rem);
	}

	.login-status + .header-info-data,
	.header-info-data + .header-author {
		padding-left: 1.25rem;
	}

	.fg-support-head > h6 {
		font-size: 0.9375rem;
	}

	.fg-support-body {
		min-height: 8.5rem;
	}

	.support-panel-info-list-wrap .el-dialog {
		width: 90% !important;
	}

	.fcp-avalb-lnks-table {
		overflow-x: auto;
	}

	.fcp-avalb-lnks-table table {
		min-width: 150%;
	}

	.detail-attachments {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.donation-email-wrap {
		grid-template-columns: 1fr;
	}

	.donation-email-inner iframe {
		height: 90vh;
	}
	.popup-wrapper .el-dialog {
		width: 90% !important;
	}
}

@media (max-width: 850px) {
	.centered-search .el-date-editor {
		padding: 10px;
	}

	.fg-serv-cap > img, .fg-serv-box > a .fg-serv-cap > img {
		flex: 0 0 3.125rem;
		max-width: 3.125rem;
	}

	.fg-serv-cap > h4 {
		font-size: 1rem;
		padding-right: 1.25rem;
	}

}

@media (max-width: 767px) {
	.detail-attachments {
		grid-template-columns: 1fr 1fr;
	}

	.call-recording-info-wrap,
	.rating-list {grid-template-columns: 1fr;}

	.dc-banner {display: none;}

	.mb-banner {display: block;}

	.list-wraper.create-form .support-panel-info-list-wrap > form {padding: 1.25rem;}
}

@media (max-width: 577px) {
	.figgers-employee-portal .el-container {
		max-width: 100%;
		padding: 0 1.25rem;
	}

	.figgers-support-inner > div.row > div {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.login-status,
	.author-cap {
		display: none;
	}

	.login-status + .header-info-data,
	.header-info-data + .header-author {
		padding-left: 0.9375rem;
	}

	.header-chat > a svg,
	.header-notify > a svg,
	.header-logout > a svg {
		height: 1.25rem;
	}

	/* .support-panel-info-list-wrap table {
			width: 1200px !important;
		} */
	.support-panel-info-list-wrap .el-dialog .el-dialog__header .el-dialog__title {
		font-size: 1.125rem;
	}

	.support-panel-info-list-wrap form .el-row > .el-col {
		width: 100%;
	}

	.support-panel-info-list-wrap .customer-detail table {
		min-width: initial !important;
		width: 100% !important;
	}

	.login-inner svg,
	.login-inner img {
		display: none;
	}

	.login-form-wrap {
		margin-left: auto;
		margin-right: auto;
		max-width: 420px;
		padding: 440px 90px 80px;
	}

	.support-panel-info-stats-wrap > div.el-row > div.el-col {
		width: 50%;
	}

	.sp-stats-box > h5 {
		font-size: 1rem;
	}

	ul.figgers-dashboard-links.el-menu > li.el-menu-item {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.login-wrap {
		height: initial;
		min-height: 100vh;
	}

	.support-panel-info-list-wrap .el-dialog .el-dialog__body {
		padding: 1.5rem 0.9375rem;
	}

	.el-dialog__footer {padding: .935rem;}

	.el-message-box {
		max-width: 90%;
		width: 100% !important;
	}

	.support-panel-info-list-wrap table tr th:first-child,
	.support-panel-info-list-wrap table tr td:first-child {
		padding-left: 10px;
	}

	.support-panel-info-list-wrap form .el-form-item button {
		max-width: initial;
	}

	.centered-search {
		grid-template-columns: 1fr;
	}

	.centered-search .el-input > input {
		height: 3.125rem;
		padding: 10px 1.25rem;
	}

	.centered-search .el-date-editor {
		min-height: 3.125rem;
		padding: 0 1.25rem;
	}

	.centered-search > button {
		padding: 1rem 1.25rem;
	}

	.inviteFowmWrap form .el-row > div.el-col {
		width: 100%;
	}
}

@media (max-width: 576px) {
	.list-wraper.create-form > .custom-container form {
		padding: 1.875rem;
	}

	.search-bar {
		width: 100%;
	}

	.email-actions {
		display: grid;
		gap: 5px;
		grid-template-columns: 1fr 1fr;
		margin-left: 0 !important;
		width: 100%;
	}

	.email-actions > * {
		font-size: 11px;
		margin: 0 !important;
	}

	.email-actions > * button {
		font-size: inherit !important;
		padding: 8px 12px !important;
	}

	.create-form .el-form > .el-form-item.el-form-item--feedback {
		margin: 10px 0 0;
	}

	.details-detail-info-inner {
		width: 100%;
	}

	.details-detail-info-inner > ul li, .details-detail-attachments > ul {
		grid-template-columns: 1fr;
	}

	.fg-serv-cap {
		justify-content: center;
		text-align: center;
	}

	.fg-serv-cap > h4 {
		flex: 0 0 100%;
		max-width: 100%;
		padding: .9375rem 0 0;
	}

	.fg-serv-cap > img, .fg-serv-box > a .fg-serv-cap > img {
		order: -1;
	}

	.fg-serv-box, .fg-serv-box > a {
		min-height: 10rem;
	}

	.filter-dropdown {
		flex-direction: column;
		width: 100%;
	}

	.filter-counts-label > p {text-align: center;white-space: normal;}

	.el-loading-spinner {font-size: 1.5rem;}
}

@media (max-width: 380px) {
	.login-form-wrap {
		padding: 390px 55px 80px;
	}

	.support-panel-info-stats-wrap > div.el-row > div.el-col {
		width: 100%;
	}

	.sp-stats-box > h5 {
		font-size: 1.125rem;
	}

	/*ul.figgers-dashboard-links.el-menu > li.el-menu-item {*/
	/*	flex: 0 0 100%;*/
	/*	max-width: 100%;*/
	/*}*/
	.login-form-wrap form .el-form-item {margin-bottom: 15px;}

	.login-form-wrap form .el-form-item label {font-size: 11.5px;}

	.login-form-wrap form .el-form-item input {font-size: 13px;height: 26px;padding: 0 10px;}

	.login-form-wrap form .el-form-item button {font-size: 13px;margin-top: 8px;}

	.figgers-support-panel a.forgot-password {font-size: 12px;}

	.login-form-wrap form .el-form-item .el-input-group__prepend {
		font-size: 13px;
		padding: 0 10px;
	}

	.login-form-wrap form .el-form-item .el-form-item__error {
		font-size: 11px;
		padding-top: 1px;
	}

	.list-wraper.create-form .custom-container .support-panel-info-list-wrap > button {
		font-size: 13px;
		padding: 8px 13px;
	}

	.list-wraper.create-form > .custom-container form {
		padding: 1.875rem 1.25rem;
	}

	.support-panel-info-list-wrap form .el-form-item .el-input input,
	.support-panel-info-list-wrap form .el-form-item .el-select input {
		height: 1.75rem;
	}

	.support-panel-info-list-wrap form .el-form-item i.el-input__icon {
		line-height: 1.75rem;
	}

	.login-form-wrap form .el-form-item .el-input__icon {line-height: 26px;}

	.support-panel-info-list-wrap form .el-form-item label {
		font-size: 11px;
	}

	.repeater-group .el-col-8 {
		width: 100%;
	}

	.repeater-group > div {
		padding: 1.25rem 10px;
	}

	.detail-attachments {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 325px) {
	.figgers-support-inner > div.row > div {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.fg-support-body {
		min-height: 14rem;
	}

	.login-form-wrap {
		padding: 340px 55px 80px;
	}
}