@media screen and (max-width: 1919px){
	.primary-nav.ui-menu.ui-megamenu > ul > .ui-menu-parent > a .ui-menuitem-text {padding: 0px 20px; font-size: 16px;}
}

@media screen and (min-width: 1345px) and (max-width: 1440px){
	.primary-nav.ui-menu.ui-megamenu > ul > .ui-menu-parent > a .ui-menuitem-text {padding: 0px 15px; font-size: 15px;}
}

@media screen and (max-width: 1344px){
	.primary-nav.ui-menu.ui-megamenu > ul > .ui-menu-parent > a .ui-menuitem-text {padding: 0px 10px; font-size: 14px;}
	.notifications-panel .ui-button {margin-right: 0px;}
}

@media screen and (max-width: 1280px){
	button.negative-btn.logout-btn {padding: 0px; width: 40px;}
	button.negative-btn.logout-btn .ui-button-text {display: none;}
	button.negative-btn.logout-btn .ui-icon {left: 0px; right: 0px;}
	.notifications-panel .ui-button {margin-right: 0px;}
	.primary-nav.ui-menu .myOnlineBankingClick {padding: 0px 10px 0px 0px;}
}

@media screen and (max-width: 1190px){
	/*Header */
	.burger-col{display: table-cell;}
	.cd-btn {display: block; background: #84BD00; height: 70px; line-height: 70px; font-size: 25px; width: 30px; padding-left: 10px; color: #FFFFFF; margin: auto 0px; }
	.global-header > table:NTH-CHILD(2) {background: transparent; margin: 15px auto 0px auto;}
	.global-header .page-title {color: #84BD00;}
	
	/*Show Home menu on responsive view*/
	.slide-menu .myOnlineBankingClick {display: list-item;}
	
	button.negative-btn.logout-btn {margin: 17px 0px;}
	
	.primary-nav {display: none;}
	
	/* Responsive Menu */
	.cd-panel {display: block; z-index: 99999;}
	.cd-panel.is-visible {visibility: visible; -webkit-transition: visibility 0s 0s; -moz-transition: visibility 0s 0s; transition: visibility 0s 0s;}
	.cd-panel.is-visible:after {background: rgba(0, 0, 0, 0.6); -webkit-transition: background 0.3s 0s; -moz-transition: background 0.3s 0s; transition: background 0.3s 0s; z-index: 4;}
}

/* LAYOUT - MEDIUM */
@media screen and (max-width: 1000px){
	.md-1,.md-2,.md-3,.md-4,.md-5,.md-6,.md-7,.md-8,.md-9,.md-10,.md-11,.md-12{float:left; box-sizing:border-box; padding: 7.5px;}
	.md-1{width:8.3333%}.md-2{width:16.6667%}.md-3{width:25%}.md-4{width:33.3333%}.md-5{width:41.6667%}.md-6{width:50%}.md-7{width:58.3333%}.md-8{width:66.6667%}.md-9{width:75%}.md-10{width:83.3333%}.md-11{width:91.6667%}.md-12{width:100%}

	.md-justify-R {justify-content: flex-start;}
	.md-justify-L {justify-content: flex-end;}
	.md-justify-C {justify-content: center;}
	.md-float-R {float: right;}
	.md-float-L {float: left;}
	.md-float-none {float: none;}
	.md-txt-R {text-align: right;}
	.md-txt-L {text-align: left;}
	.md-txt-C {text-align: center;}
	.md-margin-L {margin-right: auto;}
	.md-margin-R {margin-left: auto;}
	.md-margin-C {margin: auto;}
	.md-hide, .ui-datatable-reflow .ui-datatable-data td.md-hide {display: none;}
	.md-flex {display: flex;}
	.md-block {display: block;}
	.md-inline-block {display: inline-block;}
	.md-inline {display: inline;}
	
	.centering {max-width: 790px;}
	.ui-card .ui-group.container  {padding-left: calc(10% - 7.5px);  padding-right: calc(10% - 7.5px);}
	.ui-card .ui-group.container:before {left: calc(5% - 7.5px);}
	.ui-card .ui-group.container:after {left: calc(5% + 5px);}
	
	.global-header > table:LAST-CHILD {max-width: 790px;}
	.global-header > table > tbody > tr > td:NTH-CHILD(2) {padding: 0px 15px;}
	
	/* Tabs */
	.ui-tabs.ui-tabs-top > .ui-tabs-nav {width: 50%;}
		
	/* Login */
	.login-body .main-panel  {max-width: 440px; width: 60%;}

	.customDatagrid .threeColumns td:not(:first-child) {width: 100%; display: inline-block; padding-bottom: 10px; box-sizing: border-box;}	
	
	.calendar-slideMenu {padding: 0 0 10px 0; background: #383a35; box-sizing: border-box;}
	.calendar-slideMenu .ui-tabs-nav.ui-helper-reset.ui-widget-header.ui-corner-all, .calendar-slideMenu li.ui-state-default.ui-tabs-selected.ui-state-active.ui-corner-top{background: #383a35;}
	.calendar-slideMenu li.ui-state-default.ui-corner-top{color: #FFFFFF;}
	.calendar-slideMenu.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected > a {color: #fff;}
	.calendar-slideMenu.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected {border-bottom: solid 2px #FFFFFF; color: #FFFFFF;}
	
	/* Datatable */
	.ui-datatable-reflow > .ui-datatable-tablewrapper > table > thead{display: none;}
	.ui-datatable-reflow .ui-datatable-data td[role="gridcell"] {border-top: 1px dashed #EEEEEE !important; text-align: right; display: table !important; width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; clear: left;}
	.ui-datatable-reflow .ui-datatable-data tr.ui-widget-content {border-left: 0 none; border-right: 0 none;}
	.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 > div > table > .ui-datatable-data > tr:not(.ui-datatable-summaryrow) > td {text-align: right; width: 100% !important; word-break: break-word; display: table; min-height: 36px;}
	.ui-datatable-reflow table.expansion-grid {table-layout: auto;}
	.ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title, .ui-datatable-reflow table.expansion-grid tr td:first-child {width: 35%; padding: 10px; padding-left: calc(5% - 7.5px); min-width: 30%; display: table-cell; margin: 0px; text-align:left; vertical-align: middle; background-color: rgba(255, 255, 255, 0.2); font-size: 16px; color: #4BC4CF; word-break: break-word; white-space: nowrap;}
	.ui-datatable-reflow .ui-datatable-data .ui-column-data, .ui-datatable-reflow table.expansion-grid tr td:last-child {width: 65%; padding: 5px; padding-right: calc(5% - 7.5px); display: table-cell; vertical-align: middle; text-align: right;}
	.ui-datatable-reflow .ui-datatable-data td[role="gridcell"].row-toggler .ui-column-title{display: none;}
	.ui-datatable-reflow .ui-datatable-data tr.ui-datatable-empty-message td {display: table-cell; text-align: left; padding: 0px 15px; border-top: 1px dashed #EEEEEE;}
	.ui-datatable-reflow.ui-datatable tbody tr:first-child td[role="gridcell"], .ui-datatable table.expansion-grid:not(:first-child) {border-top: 1px dashed #EEEEEE;}
	.ui-datatable-reflow.ui-datatable tbody.ui-datatable-data .expansion-grid tr td:last-child{text-align: right;}
	.ui-datatable-reflow.ui-datatable tbody tr td[role="gridcell"]:first-child {border: none;}	
	.ui-datatable-reflow.ui-datatable > .ui-datatable-tablewrapper > table {border-collapse: collapse;}
	.ui-datatable-reflow.ui-datatable .ui-datatable-data > tr.ui-widget-content:first-child {border-top: none;}
	.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 table.expansion-grid tbody tr, .list-table.ui-datatable .ui-datatable-data .details-grid tr, .list-table.ui-datatable .ui-datatable-data tr.ui-expanded-row-content {height: 40px;}
	.ui-datatable .ui-datatable-data .details-grid tr, .ui-datatable .ui-datatable-data tr.ui-expanded-row-content{height: auto;}
	.ui-datatable .ui-datatable-data tr.ui-expanded-row-content {border-top: 1px dashed #EEEEEE !important;}
	.ui-datatable .ui-expanded-row-content.hidden {display: table-row;}
	.ui-datatable .ui-expanded-row-content > td {padding: 4px 10px;}
	.ui-datatable input[type="number"], .ui-datatable input[type="password"], .ui-datatable input[type="text"], .ui-datatable .mobile-table-data{height: 35px; margin: 5px 0px;}
	.ui-datatable .content-C .ui-chkbox, .ui-datatable .content-C .switch-checkbox{margin: 0px; float: right;}
	.ui-datatable td .ui-chkbox .ui-chkbox-box, .ui-datatable td .ui-radiobutton .ui-radiobutton-box{right: auto;}
	.ui-datatable table.icon-table {float: right;}
	.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.list-table table.expansion-grid tr td:first-child {width: 35%;}
	.ui-datatable.list-table table.expansion-grid tr td:last-child {width: 65%;}
	
	.truncate-hover-eff {width: 100%; white-space: normal; word-break: break-word; overflow: hidden; display: block;}
	
	.ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow {height: auto;}
	.ui-datatable-summaryrow > td:first-child, .ui-datatable-summaryrow > td:last-child {display: inline-block; width: 100%; padding: 10px; padding-right: calc(5% - 7.5px); margin: 0px; text-align: right; vertical-align: middle; background-color: rgba(255, 255, 255, 0.2); font-size: 16px; color: #4BC4CF; word-break: break-word; white-space: nowrap;}
	
	/* Row Toggler */
	.ui-datatable .ui-row-toggler {padding: 8px 0px;}

	/* Dialog */
	.ui-dialog .details-grid {table-layout: fixed;}
	.ui-dialog.custom-dialog{width: 100% !important; position: absolute !important; overflow-y: auto;}
	.ui-dialog.custom-dialog .ui-datatable {width: 100%;}	

	/*Dashboard*/
	.dashboard td.topPosit.pct100{width: 100%; display: inline-block;}
	table.dashboard {width: 100%;}
	
	/* Dashboard - less than 10 */
	.ui-accordion.list-view tbody.ui-datatable-data .auto-dt td:first-child{padding: 10px 10px 10px 0px;}
	
	/*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;}
	
	/*Dashboard Widgets*/
	.widgets-panel > tbody > tr > td:FIRST-CHILD, .widgets-panel > tbody > tr > td:LAST-CHILD{display: inline-table; width: 100%; min-height: 0px; max-height: none;}
	.widgets-panel > tbody > tr > td:not(:FIRST-CHILD){padding-left: 0px; padding-top: 10px;}	
	.widget-grid .ui-g-12 {width: 50%;}	
}

@media screen and (max-width: 640px){
	.ui-picklist-buttons .ui-icon-arrow-1-e:before {content: '\f107';}
	.ui-picklist-buttons .ui-icon-arrowstop-1-e:before {content: '\f103';}
	.ui-picklist-buttons .ui-icon-arrow-1-w:before {content: '\f106';}
	.ui-picklist-buttons .ui-icon-arrowstop-1-w:before {content: '\f102';}
}

/* LAYOUT - SMALL */
@media screen and (max-width: 570px){
	.sm-1,.sm-2,.sm-3,.sm-4,.sm-5,.sm-6,.sm-7,.sm-8,.sm-9,.sm-10,.sm-11,.sm-12{float:left; box-sizing:border-box; padding: 7.5px;}
	.sm-1{width:8.3333%}.sm-2{width:16.6667%}.sm-3{width:25%}.sm-4{width:33.3333%}.sm-5{width:41.6667%}.sm-6{width:50%}.sm-7{width:58.3333%}.sm-8{width:66.6667%}.sm-9{width:75%}.sm-10{width:83.3333%}.sm-11{width:91.6667%}.sm-12{width:100%}
	
	.sm-justify-R {justify-content: flex-start;}
	.sm-justify-L {justify-content: flex-end;}
	.sm-justify-C {justify-content: center;}
	.sm-float-R {float: right;}
	.sm-float-L {float: left;}
	.sm-float-none {float: none;}
	.sm-txt-R {text-align: right;}
	.sm-txt-L {text-align: left;}
	.sm-txt-C {text-align: center;}
	.sm-margin-L {margin-right: auto;}
	.sm-margin-R {margin-left: auto;}
	.sm-margin-C {margin: auto;}
	.sm-hide, .ui-datatable-reflow .ui-datatable-data td.sm-hide{display: none;}
	.sm-flex {display: flex;}
	.sm-block {display: block;}
	.sm-inline-block {display: inline-block;}
	.sm-inline {display: inline;}
	
	.centering {max-width: 480px;}
	.main-padding {padding-bottom: 135px;}
	
	/* Login */
	.login-body .main-panel {max-width: none; width: 100%; margin: 5% 0px;}
	.login-body .logo-panel {margin-left: 0px; height: 50px;}
	
	.ui-card .ui-group, .details-grid table {padding-left: 7.5px; padding-right: 7.5px;}
	.confirmation-page .dynamic-body .details-grid.ui-panelgrid:not(.lg-txt-C) > tbody > tr > td:FIRST-CHILD {padding-left: 7.5px;}
	.confirmation-page .dynamic-body .details-grid.ui-panelgrid:not(.lg-txt-C) > tbody > tr > td:NTH-CHILD(2) {padding-right: 7.5px;}
	.ui-card .ui-group.container {padding-left: 50px; padding-right: 7.5px;}
	.ui-card-body .ui-group.container:before {left: 15px;}
	.ui-card-body .ui-group.container:after {left: 27px;}
	.ui-datatable.list-table > div > table > tbody > tr:before, .ui-datatable.list-table > div > table > tbody > tr:after {width: 7.5px;}
	
	.cd-panel .cd-panel-container {width: 100%;}
	
	/* Header */
	.global-header .logo-txt {line-height: 45PX; font-size: 25px;}
	button.negative-btn.logout-btn {margin:5px 0px; height: 35px; width: 35px;}
	.cd-btn {height: 45px; line-height: 45px; width: 25px; padding-left: 5px;}
	
	.notifications-panel .ui-button {height: 55px;}
	.header-image {height: 35px;}
	
	.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;}
	
	
	/* Datatable */
	.ui-datatable-reflow.ui-datatable > .ui-datatable-tablewrapper > table{padding: 0px; box-sizing: border-box;}
	.ui-datatable-reflow.ui-datatable > div > table > tbody > tr:before, .ui-datatable-reflow.ui-datatable > div > table > tbody > tr:after, .ui-datatable-reflow.ui-datatable > div > table > thead > tr:after, .ui-datatable-reflow.ui-datatable > div > table > thead > tr:before{display: inline;}
	.ui-datatable-scrollable table {table-layout: fixed;}
	.ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title, .ui-datatable-reflow table.expansion-grid tr td:first-child {width: 40%; padding-left: calc(5% - 7.5px);}
	.ui-datatable-reflow .ui-datatable-data .ui-column-data, .ui-datatable-reflow table.expansion-grid tr td:last-child{width: 60%; padding-right: calc(5% - 7.5px);}
	
	/* List Datatable */
	.ui-datatable.list-table .expansion-grid tr td:first-child {width: 40%;}
	.ui-datatable.list-table .expansion-grid tr td:last-child {width: 60%;}
	.ui-datatable.list-table .actions{text-align: left;}
	.ui-datatable.list-table .actions .ui-button:not(:first-child){margin: 0px 15px;}
	.ui-datatable.list-table .actions .ui-button:not(:last-child){margin: 0px;}
	.ui-datatable.list-table .actions .ui-button:not(:last-child){border: none;}
	.ui-datatable.list-table .actions .ui-button:last-child{border: none;}
	
	/* Login 
	.login-body .slideshow-wrap-btn{display: none;}
	.login-body .slideshow-wrap-txt-2 {padding: 0 30px;}
	.login-body .main-panel {padding: 0px 15px;}
	.login-content .centering {width:275px;}
	.login-content, .login-body .ui-messages, .login-body .rightPanel {width: 100%;  padding: 0px;} */
	
	/* Tabs */
	.ui-tabs.ui-tabs-top > .ui-tabs-nav {width: 100%;}
	
	.selectOneButtonSt.ui-selectonebutton > .ui-button{display: inline-block; width: 100%;}
	.selectOneButtonSt.ui-selectonebutton > .ui-button .ui-button-text{line-height: 44px;}
	
	/* Dashboard Balances - less than 10 */
	.ui-accordion.list-view .ui-datatable .dashboard-balances td {padding-top: 7.5px;}
	
	/* Dashboard Accordion - more than 10 */
	.ui-accordion.st-1 .ui-datatable .ui-datatable-data > tr > td {display: inline-block; width: 100%;}
	.ui-accordion.st-1 .ui-datalist {padding: 0px 10px;}
	.ui-accordion.st-1 .ui-accordion-header{padding: 17px 75px;}
	.tab-current:before, .tab-deposit:before, .tab-loan:before, .tab-saving:before{left: 11px;}
	
	/* Dashboard Accordion - less than or equal to 10 */
	.ui-accordion.list-view .fixed-dt tbody.ui-datatable-data .auto-dt {border: none; margin-bottom: 7.5px;}
	.ui-accordion.list-view .fixed-dt tbody.ui-datatable-data div:first-child > div:first-child{border-bottom: 1px dashed rgba(151,151,151,0.16);}
 	.ui-accordion.list-view tbody.ui-datatable-data .auto-dt td:first-child{padding: 10px 25px; padding-left: 0px;}
 	
 	/* Dashboard Widgets */
 	.widget-grid .ui-grid-responsive > div:first-child > div:last-child table > tbody tr:first-child td {display: none;}
 	.widgets-panel .ui-datagrid-column:first-child table tr:not(:first-child) td:last-child {border-right: none;}
 	.widget-grid .ui-g-12 {width: 100%;}	
 	
 	/*Account/Card Details Links*/
 	.quick-links {text-align: center;}
 	
 	/* Fileupload */
 	.fileupload-panel > tbody > tr > td:FIRST-CHILD, .fileupload-panel > tbody > tr > td:LAST-CHILD{padding: 0px; display: inline-block; width: 100%;}
 	.fileupload-panel > tbody > tr > td:LAST-CHILD{padding-top: 10px;}
}

