@media screen and (max-height: 700px){
	.ui-dialog .ui-dialog-content {max-height: calc(100vh - 120px);}
}

/* LAPTOP */
@media screen and (max-width:1534px) {
	.global-header-vertical {width: 246px;}
	.secure-body .bottom-footer {width: calc(100% - 246px);}
	.secure-body .content-wrapper-main {margin-left: 246px; width: calc(100% - 246px);}
	.page-content {max-width: none;}
	.page-content.form-content .ui-card, .page-content.form-content .disclaimer {max-width: 650px;}
	.ui-messages.form-messages:not(:empty) {max-width: 650px;}
}

/* LAPTOP - TABLET */
@media screen and (max-width: 1279px){
	
	.secure-body .content-wrapper-main, .secure-body.menu-collapsed .content-wrapper-main {width: 100%; height: 100%; border-radius: 0px; margin: 0px;}
	
	/*Header */
	.secure-body .page-title {display: none;}
	.secure-body .global-header .top-header > .page-title {display: block; box-sizing: border-box; padding: 8px 32px;}
	
	.common-body .global-header-vertical {display: none;}
	
	.common-body.active-burger-menu .global-header-vertical {position: fixed; display: block; width: 320px; right: 0px; top:0; padding: 0px;}
	.common-body.active-burger-menu .global-header-vertical .slim {border-radius: 0px;}
	.common-body.active-burger-menu.menu-collapsed .global-header-vertical .slim-footer {width: 100%;}
	.common-body.active-burger-menu.menu-collapsed .menu-btn .ui-button-text {display: block;}
	.common-body .header, .common-body .content, .common-body .footer, .common-body.menu-collapsed .header, .common-body.menu-collapsed .content, .common-body.menu-collapsed .footer {padding-left: 0px;}
	.common-body .cd-btn {background-image: url("../images/svg/menu-open.svg"); background-repeat: no-repeat; background-position: center; background-size: 30px; display: block; height: 32px; width: 32px; line-height: 32px; font-size: 30px;}
	.common-body.active-burger-menu .cd-btn {background-image: url("../images/svg/menu-close.svg"); background-size: 20px; margin: 16px 16px 24px 16px;}
	.common-body .bottom-footer {width:100%;}
	.primary-nav.ui-menu {display: none;}
	.ui-menu.slim-nav {border-top: 1px solid #5176c7;}
	.ui-menu.slim-nav .ui-menu-list .child-open.last {border-radius: 0 0 8px 8px; padding-bottom: 8px;}
	.slim-footer {position: fixed; bottom: 0px; width: 195px; left: 16px; padding: 8px 0px; box-sizing: border-box; display: flex; flex-wrap: wrap;}
	
	.global-header-vertical {top: 80px; width: 270px;}
	.global-header-vertical .logo-panel {display: none;}
	.unsecure-body .global-header .top-header table.centering tbody tr td:nth-child(2) > span {font-size: 22px;}
    .secure-body .global-header .top-header > .centering > tbody > tr > td:NTH-CHILD(1), .secure-body .global-header .top-header > .centering > tbody > tr > td:NTH-CHILD(2) {display: table-cell;}
	.secure-body .global-header .top-header > .centering > tbody > tr > td:NTH-CHILD(1) {width: 24px; padding: 20px 0px;}
	.secure-body .global-header .top-header > .centering > tbody > tr > td:NTH-CHILD(2) {width: 182px; padding: 0px 0px 0px 16px;}
	.secure-body .global-header .top-header > .centering > tbody > tr > td:NTH-CHILD(3) {width: 100%; text-align: center;}
	.secure-body .global-header .top-header > .centering > tbody > tr > td:NTH-CHILD(4) {width: 200px;}
	
	.common-body.menu-collapsed .ui-menu.slim-nav li {visibility: visible;}
	.common-body.menu-collapsed .ui-menu.slim-nav .child-open {display: block;}
	.common-body.active-burger-menu .btn-menu-collapse {display: none;}
	.common-body.active-burger-menu .burger-menu-bg {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 998;}
	.logo-panel {border-bottom: none; padding-top: 0px;}
	
	.btn-menu-default {display: none;}
	
	.ui-card .ui-group  {width: 100%;}
	
}

/* TABLET */
@media screen and (max-width: 1023px){

	.layout-row {flex-direction: column-reverse;}
	.unsecured-body .layout-col.col-1 {display: none;}
	
	/* Login */
	.login-images {display: block;}
	.login-body .main-panel {max-width: none; width: 100%;}
	.login-body .logo-panel {margin-left: 0px; height: 50px;}
	.login-body .content, .login-body .external-link-panel {width: 320px; margin-left: auto; margin-right: auto;}

	.layout-row {flex-direction: column; height: 100%; min-height: auto;}
	.layout-col.col-1 {flex: 0 0 auto; order: 2;}
    .layout-col.col-2 {flex: 1; min-width: 0;}
	
	/* Login Slick Carousel - Marketing Image Slider */
	.slick-carousel.marketing-image-slider .slider-image .web {display: none;}
	.slick-carousel.marketing-image-slider .slider-image .tablet {display: block;}
	.slick-carousel.marketing-image-slider {position: relative;}
	.slick-carousel.marketing-image-slider, .slick-carousel.marketing-image-slider .slider-image > div {height: 400px;}
	
	/* Header */
	.global-header > .top-header .centering {padding: 0 16px;}
	.secure-body .global-header .top-header > .page-title {padding: 8px 16px;}
	.page-content {padding: 0px 8px;}
	.layout-sp {padding: 8px !important;}
	.page-content.form-content .ui-card, .page-content.form-content .disclaimer, .ui-messages:not(:empty), .ui-messages.form-messages:not(:empty) {max-width: none; box-sizing: border-box;}
	.ui-messages:not(:empty) {padding: 16px;}
	.bottom-footer .centering {padding: 16px 16px 24px;}
	
	/* Account Panel Carousel */
	.accountInfoPanel-left {width: 100%; float:initial;}
	.accountInfoPanel-right {width: 100%;}
    .accountInfoPanel-right .details-panel{float:left; padding-left:0px;}
	
	/* Datatable */
	.ui-datatable tbody.ui-datatable-data > tr td[role="gridcell"]:LAST-CHILD
	.ui-datatable-reflow > .ui-datatable-tablewrapper > table > thead {display: none;}
	.ui-datatable-reflow .ui-datatable-data td[role="gridcell"] {display: table !important; width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; border: none; text-align: left; clear: left;}
	.ui-datatable-reflow .ui-datatable-data td.md-hide, .ui-datatable-reflow .ui-datatable-data td[role="gridcell"].md-hide {display: none !important;}
	.ui-datatable-reflow .ui-datatable-data tr.ui-widget-content {border-left: 0 none; border-right: 0 none; position: relative;}
	.ui-datatable-reflow .ui-datatable-data.ui-widget-content {border: 0 none;}
	.ui-datatable-reflow thead th, .ui-datatable-reflow tfoot td {display: none;}
	.ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title {color: #0033a1; font-size: 12px; font-family: "Ff-Bold"; width: 50%; padding: 16px 8px; padding-left: 0px; min-width: 30%; display: table-cell; margin: 0px; text-align:left; vertical-align: middle; word-break: break-word;}
	.ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-data  {font-size: 12px; padding: 16px 8px; padding-right: 0px; display: table-cell; vertical-align: middle; text-align: right; word-break: break-word; max-width: 1px; /*max-width used for selections*/}
	.ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-data .field, .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-data .select  {float: right;}
	.ui-datatable-reflow.ui-datatable tbody.ui-datatable-data > tr td[role="gridcell"] {border-bottom: none;}
	.ui-datatable-reflow.ui-datatable tbody tr td[role="gridcell"]:last-child {border-bottom: 1px solid #f2f2f2;}
	.ui-datatable-reflow.ui-datatable tbody tr:last-child td[role="gridcell"]:last-child {border-bottom: 1px solid #EFEFEF;}
	.ui-datatable-reflow.ui-datatable > .ui-datatable-tablewrapper > table {border-collapse: collapse; table-layout: auto;}
	.ui-datatable-reflow.ui-datatable > div > table > tbody > tr.ui-datatable-empty-message:before, .ui-datatable-reflow.ui-datatable > div > table > tbody > tr.ui-datatable-empty-message:after {content: none;}
	.ui-datatable .ui-expanded-row-content.hidden {display: table-row;}
	.ui-datatable.showKeyword .ui-datatable-header {padding: 5px 10px;}
	.ui-datatable .content-C .ui-chkbox, .ui-datatable .content-C .switch-checkbox {margin: 0px;}
	.ui-datatable td .ui-chkbox .ui-chkbox-box, .ui-datatable td .ui-radiobutton .ui-radiobutton-box{right: auto;}
	.ui-datatable-reflow > div > table > tbody > tr:before, .ui-datatable-reflow > div > table > tbody > tr:after, .ui-datatable-reflow > div > table > thead > tr:before, .ui-datatable-reflow > div > table > thead > tr:after {content: none;}
	
	.ui-datatable table.expansion-grid table tr td:first-child {width: 50%; min-width: 0; font-size: 12px;}
	.ui-datatable table.expansion-grid table tr td:last-child {width: 50%; word-break: break-word; font-size: 12px;}
	.ui-datatable table.expansion-grid table tr td:last-child a > span {font-size: 12px;}
	
	.ui-datatable-reflow td.content-R .btn-group, .ui-datatable-reflow td.content-C .btn-group {margin: 0; margin-left: auto;}
	.ui-datatable-reflow .btn-group .ui-button {margin: 0px; margin-left: 8px;}
	
	.ui-datatable-reflow td.content-R .switch-checkbox, .ui-datatable-reflow td.content-C .switch-checkbox {margin: 0; margin-left: auto;}
	
	.ui-datatable-reflow tbody.ui-datatable-data > tr td[role="gridcell"]:FIRST-CHILD, .ui-datatable-reflow tbody.ui-datatable-data > tr td[role="gridcell"]:LAST-CHILD {padding-left: 0px; padding-right: 0px;}

	.truncate-hover-eff {width: 100%; white-space: normal; word-break: break-word; overflow: hidden; display: block;}
	
	.ui-datatable td.content-C .toggle-switch > div {justify-content: right;}
	
	
	.input-panel.compact-input .ui-inputfield, .input-number.compact-input .ui-inputfield, .input-number.compact-input.disabled .ui-inputfield {font-size: 12px;}
	.input-panel.compact-input .ui-inputfield::placeholder, .input-number.compact-input .ui-inputfield::placeholder, .input-number.compact-input.disabled .ui-inputfield::placeholder {font-size: 12px;}
		
	/* Row Toggler */
	.ui-datatable-reflow .row-toggler {position: relative; border-bottom: none !important;}
	.ui-datatable-reflow .ui-datatable-data td[role="gridcell"].row-toggler .ui-column-title, .ui-datatable-reflow .ui-datatable-data td[role="gridcell"].row-toggler .ui-column-data {padding: 20px; }
	.ui-datatable-reflow .ui-row-toggler.ui-icon {height: 40px; width: 100%; position: absolute; left: 0; right: 0; background: #f3f3f3; text-align: center;}
	.ui-datatable-reflow .ui-row-toggler.ui-icon:before {line-height: 40px;}

	/* Dialog */
	.ui-dialog .details-grid {table-layout: fixed;}

	/*Financial Calendar*/
	.fc-ltr .fc-basic-view .fc-day-number{font-size: 18px;}
	.fc-event-container .fc-content {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	
	.chart-color tr{float: right;}
	.chart-color td:last-child{display: inline-block;}
	
 	/* Slick Carousel - Image Slider */
 	.slick-carousel.image-slider .slider-image .web {display: none;}
	.slick-carousel.image-slider .slider-image .tablet {display: block;}

	.details-panel .positive-txt.large {font-size: 16px;}
	.details-panel .positive-txt.large sub {font-size: 12px;}
	 	
	 /* Widgets */
	.pfm-panel .widget-title-wrapper > tbody > tr > td {display: block; width: 100%; padding: 0px;}
	.pfm-panel .widget-title-wrapper .selectOneMenu {width: 100%; float: none; margin-top: 20px;}
	 	
	 #widgetQuickLinks .quickLinks-panel > div:nth-of-type(2) {flex-direction: column; justify-content: center; align-items: center; height: 100%;}

 	.grid-item {width: 50%;}
 	
 	/*PFM GOALS*/
 	.goals-panel .ui-datatable tbody.ui-datatable-data > tr td[role="gridcell"] {padding: 0px;} 	
 	
 	/*Knob*/
	.knob-group {margin-right: 10px;}
	
	.card-details-wrapper > tbody > tr > td {display: inline-block; width: 50%;}
	
	.search-panel .primary-btn, .search-panel .secondary-btn {width: auto !important;}
	
		
	/* STEPS */
	.ui-steps .ui-steps-item .ui-steps-title {display: none;}
	.steps-panel.items-3 .step-no.ui-steps:before {width: calc(100% - 140px);}
	.steps-panel.items-4 .step-no.ui-steps:before {width: calc(100% - 200px);}
	
	.app-centre-options.item-3, .app-centre-options.item-2, .app-centre-options.item-1 {max-width: none; min-width: auto; width: 100%;}
	.app-centre-options.item-1 {width: 50%;}
}

/* MOBILE */
@media screen and (max-width: 767px){
	
	/* STEPS */
	.steps-panel.items-3 .step-no.ui-steps:before {width: calc(100% - 140px);}
	.steps-panel.items-4 .step-no.ui-steps:before {width: calc(100% - 130px);}
	
	
	.breadcrumb-panel {display: none;}
	.userProfileMenu {display: block;}
	.ui-menu.slim-nav .userProfileMenu ~ .ui-menuitem.child-open {display: inline-block;}
	
	.details-grid-wrapper, .sca-panel > table {width: 100%;}
	.details-grid-wrapper > table {flex: 1 0 100% !important; padding: 8px 0px !important;}
	
	.details-grid table > tbody > tr > td:FIRST-CHILD, .details-grid table > tbody > tr > td:NTH-CHILD(2) {display: inline-block; width: 100%; padding: 0px; text-align: left;}
	.details-grid table {padding: 8px 0}
	
	.login-body .content, .login-body .external-link-panel {width: 100%;}
	.ui-card {padding: 16px;}
	
	/* Global Header */
	.secure-body .global-header .top-header > .centering > tbody > tr > td:NTH-CHILD(3) {display: none;}
	
	.unsecure-body .global-header .top-header > .centering > tbody > tr > td:NTH-CHILD(1), .unsecure-body .global-header .top-header > .centering > tbody > tr > td:NTH-CHILD(3) {width: 50%;}
	.unsecure-body .global-header .top-header table.centering tbody tr td:nth-child(2) {display: none;}

	.global-header .top-header > .page-title {display: block; padding: 8px 16px; box-sizing: border-box; font-size: 20px;}
	.global-header > .top-header .centering {padding: 0 12px; height: 70px;}
	.secure-body .global-header .top-header > .page-title {padding: 8px 12px;}
	.secure-body .global-header .top-header > .centering > tbody > tr > td:NTH-CHILD(3) {display: none;}
	.secure-body .global-header .top-header > .centering > tbody > tr > td:NTH-CHILD(4) {width: 100%;}
	
	.page-content {padding: 0px 8px;}
	.login-body .page-content {padding: 16px;}
	
	.layout-sp {padding: 8px !important;}
	.ui-messages:not(:empty) {padding: 8px 16px;}
	
	.notifications-overlay.scrollable .ui-overlaypanel-content {height: calc(100% - 50px);}
	.notification-btn.ui-button.active:after {bottom: -20px;}
	
	.notification-btn.select-cif-btn.ui-button {width: 32px;}
	.notification-btn.select-cif-btn.ui-button > span:NTH-CHILD(2) {display: none;}
	.notification-btn.select-cif-btn.ui-button-text-icon-right {padding-left: 0px; padding-right: 0px;}
	.notification-btn.select-cif-btn.ui-button-text-icon-right .ui-icon {right: 0; left: 0;}
	
	.custom-checkbox.active:after {top: 35px;}
	
	.button-group {width: 100%;}
	.search-panel .primary-btn, .search-panel .secondary-btn {width: 100% !important;}
    
	/* Filters */
	.filters-panel {flex-direction: column;}
	.filters-panel .keywordSearch {width: 100%; margin-bottom: 12px;}
	.overview-panel .filters-panel .keywordSearch {margin-bottom: 0px;}
	.overview-panel .filters-panel {padding-bottom: 0px;}
	.filters-panel .filters-header {margin-top: 12px;}
	
	/* Slick Carousel - Marketing Stories*/
	.slick-carousel.marketing-stories-modal img {height: 480px;}
	.slick-carousel.marketing-stories-modal .slider-dots li {width: 12px;}

	#widgetQuickLinks .quickLinks-panel {display: block;}
	#widgetQuickLinks .quickLinks-panel > div:nth-of-type(2) {flex-direction: column-reverse; justify-content: flex-end;}
	#widgetBalances .add-product-panel .ui-commandlink {width: auto;}
	#widgetBalances .add-product-panel-container {margin:0;}
	#widgetBalances .balances-panel > div:first-of-type {max-width: 100%;}
	#widgetBalances .balances-panel {display: block;}
	#widgetBalances .balances-panel .add-product-panel-container .add-product-panel:NTH-CHILD(2) {margin: 0px;}

	.selectAccountMenu > tbody > tr > td:first-child, .selectAccountMenu > tbody > tr > td:last-child {padding: 0px; display: inline-block; width: 100%;}
	.selectAccountMenu > tbody > tr > td:first-child {padding-bottom: 7.5px;}
	.selectAccountMenu > tbody > tr > td:last-child {padding-top: 7.5px;}
	.selectAccountMenu > tbody > tr > td:only-child {padding: 0px;}
	
	input[type="text"].searchInput {width: 100%;}

	/* Scrollable Tabs */
	.ui-tabs.ui-tabs-scrollable .ui-tabs-navscroller .ui-tabs-nav li a > table > tbody > tr > td:LAST-CHILD {padding-top: 10px;}
	.ui-tabs.ui-tabs-scrollable .ui-tabs-navscroller:not(.ui-tabs-navscroller-btn-hidden) .ui-tabs-nav li:first-child {margin-left: 16px;}
	.ui-tabs .ui-tabs-navscroller .ui-tabs-nav li i {font-size: 20px;}
	.ui-tabs .ui-tabs-navscroller:not(.ui-tabs-navscroller-btn-hidden) {padding: 0px;}
	/* .ui-tabs.ui-tabs-scrollable .ui-tabs-navscroller .ui-tabs-nav li {min-width: 100px;} */

	/* Exchange Rates Table */
	.base-currency-table table, .rates-table table {padding-bottom: 10px;}
	.rates-table > table > tbody > tr:nth-child(2) > td {padding-bottom: 5px;}
	.rates-table:NTH-CHILD(3), .rates-table:NTH-CHILD(4) {display: none;}
	
 	/* Fileupload */
 	.fileupload-panel > table > tbody > tr > td:FIRST-CHILD, .fileupload-panel > table > tbody > tr > td:LAST-CHILD{padding: 0px; display: inline-block; width: 100%;}
 	.fileupload-panel > table > tbody > tr > td:LAST-CHILD {padding-top: 10px;}
 	
 	/*Widget Overview*/
 	.overview .overview-panel {min-height: 80px;}
 	.overview .overview-panel > div > table:NTH-CHILD(2) > tbody > tr > td:LAST-CHILD span {font-size: 16px;}
	
	.toggler-btn .ui-button-text {font-family:'Ff-Regular'; font-size: 13px;}
	.toggler-btn .ui-icon {font-size: 13px;}
	.toggler-btn.btn1 .ui-icon {top: 20px;}
	
	.messages-conversation.ui-datalist .ui-datalist-data .ui-datalist-item .admin-message-align > tbody > tr > td > table:first-child > tbody > tr {display: block;}
	
	.messages-table.ui-datatable table.btn-group .ui-button-text {display: none;}
	.messages-table.ui-datatable.ui-widget {font-size: 12px;}
	
	.positive-txt.small, .negative-txt.small {font-size: 16px;}
	
	 /* BUTTONS */
	.button-panel button.primary-btn, .button-panel button.secondary-btn {width: 100%;}
	.button-panel > div:ONLY-CHILD button:not(.link-btn) {width: 164px;}
	.button-panel .button-col {text-align: center;}
	
	.button-panel.right.buttons-3 {flex-wrap: wrap;}
	.button-panel.right.buttons-3 .button-col.col3 {order: 1; width: 100%; text-align: center !important;}
	.button-panel.right.buttons-3 .button-col.col2 {flex: 1;}
	.button-panel.right.buttons-3 .button-col.col1 {text-align: left;}
	.button-panel.right:not(.buttons-3) .button-col.col1 {flex: auto;}

	/* Amount Input */
	.amount-input > table > tbody > tr > td {display: inline-block; width: 100%;}
	.amount-input > table > tbody > tr > td:nth-child(1):not(:only-child) {padding-right: 0px; padding-bottom: 10px;}
	.amount-input > table > tbody > tr > td:nth-child(2) {padding-left: 0px; padding-top: 10px;}
	
	/* TAN Panel */	
 	.sca-panel .sca-container {width: 100%;}
 	
 	/* Slick Carousel - Image Slider */
 	.slick-carousel.image-slider .slider-image .tablet {display: none;}
	.slick-carousel.image-slider .slider-image .mobile {display: block;}
	
	/* Slick Carousel - Normal Marketing Messages*/
	.slick-carousel.marketing-options img {border-radius: 16px 16px 0px 0px; order: 1;}
	.marketing-message-text {border-radius: 0px 0px 16px 16px; order: 2;}
	.marketing-message-text:before {margin: 12px 12px 0px 16px;}
	
	.slick-carousel.marketing-image-slider, .slick-carousel.marketing-image-slider .slider-image > div {height: 400px;}
	.slick-carousel.marketing-image-slider table {width: calc(100% - 20px); left: 10px; bottom:27px;}
	.slick-carousel.marketing-image-slider table tr:first-child td {font-size: 18px;}
	.slick-carousel.marketing-image-slider table tr:nth-child(2) td {padding-bottom: 16px;}
	.slick-carousel.marketing-image-slider .slider-dots {padding-left: 0; bottom: 8px; left: 26px;}
	
	/* Calendar Range */
	.calendar-range-panel > table > tbody > tr > td {display: inline-block;}
	.calendar-range-panel > table > tbody > tr > td:nth-child(1) {padding-right: 0px;}
	.calendar-range-panel > table > tbody > tr > td:nth-child(2) {padding-left: 0px;}
	.calendar-range-panel > table > tbody > tr > td:not(:FIRST-CHILD) {padding-top: 16px;}
	
	/* PFM */
	.pfm-panel .ui-card {height: auto;}	
	.pfm-panel .pfm-grid > tbody > tr:first-child, .pfm-panel .pfm-grid > tbody > tr:last-child {display: table; width: 100%;}
 	
	/*PFM Goal*/
	.goals-details > tbody > tr > td {display: block; text-align: left;}
	
	/* SCHEDULE */
	.schedule-header > tbody > tr > td {width: 100%; display: inline-block;}
	.schedule-header > tbody > tr > td:not(:FIRST-CHILD) {padding-top: 20px;}
	.schedule-nav td:NTH-CHILD(2) {min-width: auto;}
	.fc-view-container *, .fc-view-container *:before, .fc-view-container *:after {overflow: hidden !important; height: auto !important; min-height: 6px;}
	.fc th.fc-col-header-cell {font-size: 14px;}
	
	/* SelectOneRadio */
	.selectOneRadio {height: auto;}
	.selectOneRadio .ui-selectoneradio.ui-widget td {display: inline-block; width: 100%;}
	.selectOneRadio .ui-selectoneradio.ui-widget td:not(:last-child) {border-right: none; border-bottom: solid 1px #c5c7c8; border-radius: 0px;}
	
	.grid-item-2 {width: 50%;}
		
	/*Loan Application*/
	.loan-panel {display: block; width: calc(100% - 20px);}
	
	/* Checkbox */
	.selectBooleanCheckbox.selectLink .link-panel {padding: 10px 15px;}
	
	.currency-converter > tbody > tr > td, .currency-converter > tbody > tr > td:NTH-CHILD(2) {display: inline-block; width: 100%;}
	
	.slick-carousel.card-carousel .link-cards-info .ui-commandlink, .slick-carousel.card-carousel .link-cards-info.active-slide .ui-commandlink,
	.cards-carousel-panel .slick-carousel.card-carousel .link-cards-info .ui-commandlink, .cards-carousel-panel .slick-carousel.card-carousel .link-cards-info.active-slide .ui-commandlink {width: 225px; height: 142px;}

	.card-details-wrapper > tbody > tr > td {width: 100%;}

	.no-records-btns-group > tbody > tr > td {display: inline-block; width: 100%;}
	
	/* STEPS */
	.step-no.ui-steps ul {width: 100%; table-layout: fixed}
	.step-no.ui-steps .ui-steps-item {display: table-cell; float: none; width: auto !important; margin: auto !important;}
	.steps-panel .ui-steps .ui-steps-item a {float: none !important;}
    
    /* Account Panel */
    .account-panel {flex-direction: column;}
    .account-panel > div {width: 100%;}
	.account-panel > .target-panel {margin-left: 0px; margin-top: 10px;}
	.account-panel > .target-panel:before {content: "\e0cf"; left: 0px; right: 0px; top: -22px; bottom: auto; height: 32px; width: 32px; line-height: 32px; font-size: 16px;}
		
	.subheading {flex-wrap: wrap;}
	.subheading-header {flex-direction: column; align-items: flex-start;}
	.subheading-icon + .subheading-text {padding-left: 0; padding-top: 8px;}
	
	.message-subject .subheading td{display: inline;}
	.message-subject .subheading td:FIRST-CHILD:not(:ONLY-CHILD) {padding-bottom: 0px;}
	
	/* TAN Panel */
	.inputOtp {gap: 8px;}
	.inputOtp input {width: 25px;}
	
	/*External link panel*/
	.external-link-panel a > table > tbody > tr:FIRST-CHILD > td {height: 0px;}
	
	/* Login Page */
	.login-card .external-link-panel > table > tbody> tr > td, .login-card .external-link-panel a > table > tbody > tr > td {display: inline-block; width: 100%;}
	.login-card .external-link-panel a {width: 100%;}
	.login-card .external-link-panel a > table {text-align: left;}
	.login-card .external-link-panel a > table > tbody > tr {display: flex; flex-wrap: wrap;}
	.login-card .external-link-panel {min-height: auto;}
	.login-card .external-link-panel a > table > tbody > tr:NTH-CHILD(2) > td {padding-left: 32px;}
	
	/* Footer */
	.common-body .bottom-footer {width: 100%;}
	.bottom-footer .centering {flex-wrap: wrap; text-align: center;}
	.bottom-footer .centering > div {width: 100%;}
	.bottom-footer .centering > div:not(:FIRST-CHILD) {padding-top: 12px;}
	.social-media-links a:FIRST-CHILD {padding-left: 0px;}
	.social-media-links a {padding-left: 16px;}

	#userOptionsOverlayPanel {height: 100%; width: 100%; top: 0 !important; right: 0px !important; left: auto !important; max-width: none !important; padding: 0;}
	#userOptionsOverlayPanel .ui-overlaypanel-content {border-radius: 0px; border: none; max-height: none !important; height: 100%; width: 100%;}
	
	/* Footer Panel */
	.footer-panel .ui-panel-titlebar .ui-panel-title > table > tbody > tr > td:first-child {width:100%; display: inline-grid;}
	.footer-panel .ui-panel-titlebar .ui-panel-title > table > tbody > tr > td:last-child {width:100%; display: inline-grid; text-align:left; padding-top:24px;}
 	.footer-panel .ui-panel-content > table > tbody > tr > td:first-child {width:100%; display: inline-block;}
	.footer-panel .ui-panel-content > table > tbody > tr > td:last-child {width:100%; display: inline-block; text-align:left;}
	
	.total-transactions span:first-child, .total-charges span:first-child {flex: none;}
	.total-transactions span:last-child, .total-charges span:last-child {margin-top: 32px; width: 100%; text-align: left;}

	/* Application Centre Dialog */
	.ui-dialog .ui-dialog-content {padding: 0px 8px 8px;}
	.ui-accordion .ui-accordion-header {padding-left: 16px;}
	.ui-accordion .ui-accordion-content {padding: 16px;}
	.ui-dialog .ui-dialog-titlebar {padding: 14px 8px 10px;}

	.link-notify-panel-2 a {display: block;}
	.link-notify-panel-2 .notification-text {padding-left: 0;}
	.link-notify-panel-2 .button-panel {display: inline-flex; }
	.link-notify-panel-2 .button-panel .button-col {text-align: left;}
	
}

@media screen and (max-width: 545px){
	.app-centre-options.item-1 {width: 100%;}
}

/* X-SMALL */
@media screen and (max-width: 411px){
	
	.common-body.active-burger-menu .global-header-vertical {width: 100%;	}

 	/* Checkbox */
	.selectBooleanCheckbox.selectLink .link-panel {padding: 20px 15px;}
	.selectBooleanCheckbox.selectLink .ui-selectbooleancheckbox {padding: 28px 15px;}
	
	/*Steps*/
	.steps-panel.items-3 .step-no.ui-steps:before {width: calc(100% - 100px);}
	.steps-panel.items-4 .step-no.ui-steps:before {width: calc(100% - 100px);}
	
	/* Datatable */
	.ui-paginator .ui-paginator-prev, .ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-last {width:24px;}
	
	/* TAN Panel */
	.inputOtp input {height: 36px; width: 12px; font-size: 18px; padding: 0px 12px;}
	
	/* CAPTCHA Panel*/
	.captcha-panel {transform: scale(0.80); -webkit-transform: scale(0.80); transform-origin: center; -webkit-transform-origin: center; display: flex; justify-content: center;} 
}