/*
	====================================================
	IPad Resolution 
	====================================================
*/
@media all and (min-width: 415px) and (max-width: 768px){
	.ticker-news-home{display: none !important}
	.right-widgets{
		display: none !important
	}
	.its-center{
		width: 99% !important;
		margin: 0 auto !important;
	}
	div#msgPanel.ui-sticky{
		width: 100% !important;
	}
	.layout-wrapper .topbar-items>li>ul{
		right: -110px !important;
	}
	#msgPanel li[data-title]:hover:after{
		display: none !important
	}
	.layout-wrapper .topbar-items>li>ul.lastActivitiesMenu{
		right: -50px !important; 
	}
	.layout-wrapper .topbar-items>li>ul.messagesMenu{
		right: -50px !important
	}
	.mainTempfooter{
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: reverse !important;
		    -ms-flex-direction: column-reverse !important;
		        flex-direction: column-reverse !important;
	}
	.mainTempfooter ul.footerLinks{
		margin-bottom: 5px !important
	}
	#frmAccountStatement\:pnlAccountStatmentResult{margin-top: 0 !important}
	#frmAccountStatement\:pnlResAccStatement_content > .ui-grid-row > .ui-panelgrid-cell > label{
		font-size: 10px !important;
	}
	#frmAccountStatement\:pnlResAccStatement_content > .ui-grid-row > .ui-panelgrid-cell:nth-child(1),
	#frmAccountStatement\:pnlResAccStatement_content > .ui-grid-row > .ui-panelgrid-cell:nth-child(3){
		width: 30% !important;
	}
	#frmAccountStatement\:pnlResAccStatement_content > .ui-grid-row > .ui-panelgrid-cell:nth-child(2),
	#frmAccountStatement\:pnlResAccStatement_content > .ui-grid-row > .ui-panelgrid-cell:nth-child(4){
		width: 20% !important;
	}
	#frmTransfer\:pnlTransLimit\:pnlTransaction_content label.ui-outputlabel.ui-widget,
	#thirdPartyForm\:pnlTransLimit\:pnlTransaction_content label.ui-outputlabel.ui-widget,
	#frmLocalTransfer\:bccTransLimitComopnent\:pnlTransactionLimit_content label.ui-outputlabel.ui-widget,
	#accountOpenningFrm\:bccTransactionLimitBC\:pnlTransactionLimit_content label.ui-outputlabel.ui-widget,
	#frmRequestInterNationalDraftForm\:pnlTransLimit\:pnlTransactionLimit_content label.ui-outputlabel.ui-widget,
	#frmBillPaymentSetup\:pnlTransLimit\:pnlTransactionLimit_content  label.ui-outputlabel.ui-widget,
	#frmBillPaymentSetup\:grdViewBillPayee_content label.ui-outputlabel.ui-widget{
		font-size: 11px !important;
		display: inline !important;
	}
	.trans-limit>div>div>div>.ui-grid-row, .trans-limit>div>div>div>.ui-grid-row>div{
		width: 100% !important
	}
	#accountOpenningFrm\:bccTransactionLimitBC\:pnlTransactionLimit{
		margin: 0 !important
	}
	#accountOpenningFrm\:bccTransactionLimitBC\:pnlTransactionLimit_content,
	#accountOpenningFrm\:PGCreatePage_content{
		padding-top: 0 !important
	}
	.flexView > label{
		width: 110% !important;
		margin: 0 !important
	}
	#frmIslamicFinanceApplication\:lblBaseCurrency,
	#frmIslamicFinanceApplication\:lblBaseCurrencyDownPayment,
	#frmIslamicFinanceApplication\:lblTermsUnit{
		position: absolute !important;
		right: 0 !important;
		top: 50% !important
	}

	#frmStandingOrder\:lblMyAccount,
	#frmStandingOrder\:lblRegisteredBeneficiary{
		width: 85% !important
	}
	#frmStandingOrder\:calStartDate_input{
		padding-top: 11px !important
	}
	#frmMyHistory\:grdOp3_content .Container40{
		width: 100% !important
	}
	#frmChangeLogin\:cmChangePassword\:toolTipContent{
		opacity: 1 !important
	}
	.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-hidden-container.ui-draggable{
		width: 96% !important;
		margin-left: 2% !important
	}
	#msgGlobalMessages .ui-messages-info.ui-corner-all > ul,
	#msgGlobalMessages .ui-messages-error.ui-corner-all > ul{
		margin-left: 10px !important
	}
	#msgGlobalMessages .ui-messages-info.ui-corner-all > .ui-messages-info-icon{
		text-align: center !important;
		line-height: 100% !important
	}
	#msgGlobalMessages .ui-messages-info.ui-corner-all > ul .ui-messages-info-summary{
		font-size: 11px !important
	}
	#frmBillPaymentSetup\:drpUtilitesSearch_label{
		padding-top: 8px !important
	}
	#frmCreditCard\:pnlCreditCard_content label{
		font-size: 11px !important
	}
	#frmBillPaymentSetup\:lstPickListDepart{
		margin: auto !important
	}
	#breadCrumbId .ui-breadcrumb.ui-module.ui-widget.ui-widget-header.ui-helper-clearfix.ui-corner-all.brdcrmb > ul{
		overflow: auto !important;
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-webkit-box-align: center !important;
		    -ms-flex-align: center !important;
		        align-items: center !important;
	}
	/* #topBarIcons,
	.layout-wrapper .topbar{
		z-index: 80000 !important
	} */
	#frmTransactionshistory\:resultTabs #canvas1{
		max-width: 100% !important
	}
	body.login-body{
		background-size: 30% !important;
	}
	.login-slider{
		display: none !important
	}
	.login-container{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding-top: 125px !important;
	}
	#bankServicesBlock{
		display: none !important
	}
	.footerLogin .footer-text-right,
	.footerLogin .footer-text-left{
		float: none !important;
		width: 100% !important
	}
	.footerLogin .footer-text-left{
		margin-bottom: 5px !important
	}
	.login-panel{
		width: 60% !important;
		min-width: 400px;
	}
	#loginForm\:msgGlobalMessages .ui-messages-error-summary{
		font-size: 10px !important;
	}
	#loginForm\:msgGlobalMessages .ui-messages-error.ui-corner-all > .ui-messages-error-icon{
		font-size: 20px !important
	}
	#loginForm\:lblLogin{
		display: none !important
	}
	#frmBeneficiaryMaintenance\:lblInternationalBankTransferOtherBankName,
	#frmBeneficiaryMaintenance\:lblInternationalBankTransferSwiftCode{
		width: 100% !important;
		padding-top: 10px !important
	}
	.its-center input.pe-inputNumber, #frmLocalTransfer\:txtVarNarrationC{
		padding-top : 11px !important
	}
	#frmCreditCard\:lblLengthOfEmployment{width: 108% !important}
}
/*
	====================================================
	IPad Pro Resolution 
	====================================================
*/
@media all and (min-width: 769px) and (max-width: 1024px){
	#frmDocmMemue\:dockMenu{
		display: none !important
	}
	.ticker-news-home{display: none !important}
	#bankServicesBlock,
	.right-widgets{
		display: none !important
	}
	.footerLogin .footer-text-right,
	.footerLogin .footer-text-left{
		float: none !important;
		width: 100% !important
	}
	.footerLogin .footer-text-left{
		margin-bottom: 5px !important;
		text-align: center;
	}
	.login-container{
		padding-top: 100px !important;
	}
	#loginForm\:msgGlobalMessages .ui-messages-error-summary{
		font-size: 10px !important;
	}
	#loginForm\:msgGlobalMessages .ui-messages-error.ui-corner-all > .ui-messages-error-icon{
		font-size: 20px !important
	}
	#loginForm\:lblLogin{
		display: none !important
	}
	body.login-body{
		background-size: 30% !important;
	}
	#breadCrumbId .ui-breadcrumb.ui-module.ui-widget.ui-widget-header.ui-helper-clearfix.ui-corner-all.brdcrmb > ul{
		overflow: auto !important;
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-webkit-box-align: center !important;
		    -ms-flex-align: center !important;
		        align-items: center !important;
	}
	div#msgPanel.ui-sticky,
	.its-center{
		width: 100% !important
	}
	#msgPanel li[data-title]:hover:after{display: none !important}
	.mainTempfooter{
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: reverse !important;
		    -ms-flex-direction: column-reverse !important;
		        flex-direction: column-reverse !important;
	}
	.mainTempfooter > .AllRightsReservedText{
		margin-top:3px !important
	}
	#frmBillPaymentSetup\:drpUtilitesSearch_label{
		padding-top: 8px !important
	}
	#msgGlobalMessages .ui-messages-info.ui-corner-all > ul,
	#msgGlobalMessages .ui-messages-error.ui-corner-all > ul{
		margin-left: 10px !important
	}
	#msgGlobalMessages .ui-messages-info.ui-corner-all > .ui-messages-info-icon{
		text-align: center !important;
		line-height: 100% !important
	}
	#frmBillPaymentSetup\:pnlTransLimit\:pnlTransactionLimit .trans-limit #frmBillPaymentSetup\:pnlTransLimit\:remainingDailyLimitValuePnl_content,
	#frmBillPaymentSetup\:pnlTransLimit\:pnlTransactionLimit .trans-limit #frmBillPaymentSetup\:pnlTransLimit\:perTxnMinAmountValuePnl_content,
	#frmTransfer\:pnlTransLimit\:perTxnMinAmountValuePnl_content,
	#frmTransfer\:pnlTransLimit\:remainingDailyLimitValuePnl_content,
	#thirdPartyForm\:pnlTransLimit\:perTxnMinAmountValuePnl_content,
	#thirdPartyForm\:pnlTransLimit\:remainingDailyLimitValuePnl_content,
	#frmLocalTransfer\:bccTransLimitComopnent\:perTxnMinAmountValuePnl_content,
	#frmLocalTransfer\:bccTransLimitComopnent\:remainingDailyLimitValuePnl_content{
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-webkit-box-pack: end !important;
		    -ms-flex-pack: end !important;
		        justify-content: flex-end !important
	}
	#frmBillPaymentSetup\:pnlTransLimit\:perTxnMinAmountLbl,
	#frmBillPaymentSetup\:pnlTransLimit\:remainingDailyLimitLbl,
	#frmTransfer\:pnlTransLimit\:perTxnMinAmountLbl,
	#frmTransfer\:pnlTransLimit\:remainingDailyLimitLbl,
	#thirdPartyForm\:pnlTransLimit\:perTxnMinAmountLbl,
	#frmLocalTransfer\:bccTransLimitComopnent\:perTxnMinAmountLbl{
		width: 120% !important;
	}
	#frmChangeLogin\:cmChangePassword\:toolTipContent{
		opacity: 1 !important
	}
	#frmMyHistory\:grdOp3_content .Container40{
		width: 100% !important
	}
	#accountSummaryForm\:total_available_balance_preferred_balance{
		width: 100% !important
	}
	#frmAccountStatement\:lblOpeningBalance,
	#frmAccountStatement\:lblAccountNumberValueCW,
	#frmAccountStatement\:customerNameCW,
	#frmAccountStatement\:lblOpeningBalanceLocal,
	#frmAccountStatement\:lblClosingBalance,
	#frmAccountStatement\:lblClosingBalanceLocal,
	#accountOpenningFrm\:bccTransactionLimitBC\:perTxnMinAmountValuePnl_content,
	#accountOpenningFrm\:bccTransactionLimitBC\:remainingDailyLimitValuePnl_content,
	#frmRequestLocalDraftForm\:pnlTransLimit\:perTxnMinAmountValuePnl_content,
	#frmRequestLocalDraftForm\:pnlTransLimit\:remainingDailyLimitValuePnl_content,
	#frmRequestInterNationalDraftForm\:pnlTransLimit\:remainingDailyLimitValuePnl_content,
	#frmRequestInterNationalDraftForm\:pnlTransLimit\:perTxnMinAmountValuePnl_content{
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		width: 100% !important;
		-webkit-box-pack: end !important;
		    -ms-flex-pack: end !important;
		        justify-content: flex-end !important
	}
	#frmAccountStatement\:lblOpeningLocal,
	#frmAccountStatement\:lblOpening,
	#frmAccountStatement\:lblClosing,
	#frmTransfer\:lblTotalDebitAmountIn,
	#frmTransfer\:lblTotalCreditAmount,
	#accountOpenningFrm\:bccTransactionLimitBC\:perTxnMinAmountLbl,
	#accountOpenningFrm\:bccTransactionLimitBC\:remainingDailyLimitLbl,
	#frmRequestLocalDraftForm\:pnlTransLimit\:perTxnMinAmountLbl,
	#frmRequestLocalDraftForm\:pnlTransLimit\:remainingDailyLimitLbl,
	#frmRequestInterNationalDraftForm\:pnlTransLimit\:perTxnMinAmountLbl,
	#frmRequestInterNationalDraftForm\:pnlTransLimit\:remainingDailyLimitLbl{
		width: 150% !important
	}
	#frmTransactionshistory\:resultTabs #canvas1{
		max-width: 100% !important
	}
	#frmLocalTransfer\:calvalueDate_input{
		padding-top: 12px !important
	}
	#frmLocalTransfer\:drpCorrespondentBankCharges_label{
		padding-top: 8px !important
	}
	#frmCreditCard\:streetName,
	#frmCreditCard\:lblLengthOfEmployment{display: block !important}
	#frmCreditCard\:streetName{width:105% !important}
	#frmCreditCard\:lblLengthOfEmployment{width: 84% !important;}
	
	#frmMainCreditCardNickname\:txtSearchCerditCardNickName,
	#frmMainCreditCardNickname\:txtCreateCerditCardNickName{
		padding-top: 8px !important;
		margin-top: 0 !important;
	}
	#frmMainCreditCardNickname\:txtSearchCerditCardNickName{
		padding-top: 18px !important
	}
	#frmTermDeposit\:txtDepositAmount_input{
		padding-top:11px !important
	}
	.trans-limit>div>div>div>.ui-grid-row, .trans-limit>div>div>div>.ui-grid-row>div{
		width: 100% !important
	}
	#frmStandingOrder\:lblMyAccount > .ui-outputlabel-rfi,
	#frmStandingOrder\:lblRegisteredBeneficiary > .ui-outputlabel-rfi{
		margin-left: 110% !important
	}
	#frmStandingOrder\:lblTotalDebitCHeader,
	#frmStandingOrder\:pnlStandingOrderEquivalentAmount_content label.bold,
	#frmStandingOrder\:pnlSOTotalCreditAmount_content label.bold{
		width: 120% !important
	}
	#frmStandingOrder\:calStartDate_input{
		padding-top: 11px !important
	}
	#frmBeneficiaryMaintenance\:lblInternationalBankTransferOtherBankName,
	#frmBeneficiaryMaintenance\:lblInternationalBankTransferSwiftCode{
		width: 100% !important;
		padding-top: 10px !important
	}
	.its-center input.pe-inputNumber, #frmLocalTransfer\:txtVarNarrationC{
		padding-top : 11px !important
	}
}

/*
	====================================================
	Large Screen 
	====================================================
*/
@media all and (min-width: 1920px){
	.user-info,
	.logo-home{
		/* width: 16% !important */
	}
	.ticker-news-home.its-contents{
		/* width: 68% !important */
	}
	.login-container{
		padding-top: 240px !important
	}
	#bankServicesBlock{
		margin-top:0 !important;
		top:50% !important;
		-webkit-transform: translateY(-50%) !important;
		    -ms-transform: translateY(-50%) !important;
		        transform: translateY(-50%) !important
	}
	.ticker-news-login{
		width:71% !important
	}
	.user-info{
		/* margin-right: 60px !important */
	}
	#frmMainCreditCardNickname\:txtSearchCerditCardNickName{
		padding-top: 11px !important;
	}
	#frmMainCreditCardNickname\:txtCreateCerditCardNickName,
	#frmMainCreditCardNickname\:txtupdateCerditCardumber{
		padding-top: 10px !important
	}
	.ui-message-success > div{
		-webkit-box-pack: center !important;
		    -ms-flex-pack: center !important;
		        justify-content: center !important
	}
	#frmStandingOrder\:lblMyAccount > .ui-outputlabel-rfi{
		margin-left: 115px !important
	}
	#frmStandingOrder\:lblRegisteredBeneficiary > .ui-outputlabel-rfi{
		margin-left: 127px !important
	}
	#frmStandingOrder\:drpFrequency{
		margin-top: 10px !important
	}
	#frmIslamicFinanceApplication\:inpFinanceAmount,
	#frmIslamicFinanceApplication\:pnlinpDownPayment,
	#frmIslamicFinanceApplication\:lblTerms{
		position: relative !important
	}
	#frmIslamicFinanceApplication\:pnlIslamicFinanceAppl .currLabel{
		position: absolute !important;
		right: 0 !important;
		top: 50% !important;
	}
	.trans-limit>div>div>div>.ui-grid-row, .trans-limit>div>div>div>.ui-grid-row>div{
		width: 100% !important
	}
	#frmTermDeposit\:txtDepositAmount_input{
		padding-top: 11px !important
	}
	#frmBeneficiaryMaintenance\:lblInternationalBankTransferOtherBankName,
	#frmBeneficiaryMaintenance\:lblInternationalBankTransferSwiftCode{
		width: 100% !important;
		padding-top: 10px !important
	}
	#frmBeneficiaryMaintenance\:txtNonIBANAccountNumber{
		padding-top: 10px !important
	}
	#frmLocalTransfer\:drpCorrespondentBankCharges_label{
		padding-top: 9px !important
	}
	#frmLocalTransfer\:calvalueDate_input{
		padding-top: 11px !important
	}
	
	#frmBillPaymentSetup\:txtAliasNameSearch{
		padding-top: 11px !important
	}
}

/*
	====================================================
	IPHONE 6/7/8 
	====================================================
*/
@media only screen and (max-width: 414px) and (min-width:
	360px) and (orientation : portrait) {
	.bank-services {
		top: 69% !important;
		width: 91% !important;
	}
	.onlineRegFooterBtns .ui-button {
		padding: 0 8px;
	}
	.onlineRegFooterBtns>.ui-g-12>button>.ui-icon {
		font-size: 14px;
		top: 52%;
		padding-right: 5px;
	}
	.onlineRegFooterBtns>.ui-g-12>button {
		padding-left: 25px !important;
	}
	#its-center {
		width: 100%;
		padding: 4px !important;
	}
	div#frmMainDashboard\:board .ui-dashboard-column {
		width: 100% !important;
	}
	div#borderLayout div#msgPanel.ui-sticky {
		width: 100% !important;
	}
	body.layout-compact .ui-breadcrumb a {
		font-size: 12px !important;
	}
	.layout-wrapper .topbar .topbar-right #menu-button i:before {
		font-size: 22px !important;
	}
	#topBarIcons {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	div#msgPanel {
		margin-left: 0px;
	}
	.ui-datatable-reflow .ui-datatable-data td {
		float: none !important;
	}
	div#accountSummaryForm\:panel_assets_liabilities.Wid30 {
		width: 100% !important;
	}
	.ui-breadcrumb {
		float: left;
	}
	#msgGlobalMessages .ui-messages-error, #msgGlobalMessages .ui-messages-info
		{
		width: 100%;
	}
	.ui-breadcrumb ul li:first-child {
		margin-top: 5px;
	}
	#msgPanel li[data-title]:hover:after {
		display: none;
	}
	#frmTransactionshistory\:grdOp3_content .ui-grid-row .ui-panelgrid-cell
		{
		width: 50% !important;
		display: inline-block;
	}
	#frmTransactionshistory\:toDate_input {
		width: 100% !important;
	}
	#frmMainContainerAcountAll\:grdShowAccountAliasDetails_content .ui-grid-row:last-child .ui-panel-footer,
		#frmMainContainerAcountAll\:grdShowAccountAliasDetails_content .ui-grid-row:last-child .ui-panelgrid-cell
		{
		padding: 0;
	}
	#frmUserRole\:pnlTimeAccess_content {
		overflow: scroll;
	}
	#frmUserMaintenance\:pnlUserDetailV .ui-panelgrid .ui-panelgrid-cell {
		padding: 2px 16px;
	}
	#frmRequestLocalDraftForm\:pnlTransLimit\:pnlTransaction .ui-panelgrid-cell .amount-big,
		#frmTransfer\:pnlTransLimit\:pnlTransaction .ui-panelgrid-cell .amount-big,
		#frmFinancePayment\:pnlTransLimit\:pnlTransaction .ui-panelgrid-cell .amount-big,
		#frmLocalTransfer\:bccTransLimitComopnent\:pnlTransaction .ui-panelgrid-cell .amount-big,
		#frmRequestInterNationalDraftForm\:pnlTransLimit\:pnlTransactionLimit .ui-panelgrid-cell .amount-big,
		#frmBillPaymentSetup\:pnlTransLimit\:pnlTransactionLimit .ui-panelgrid-cell .amount-big,
		#thirdPartyForm\:pnlTransLimit\:pnlTransactionLimit .ui-panelgrid-cell .amount-big,
		#frminvestmentTrade\:pnlTransLimit\:pnlTransaction .ui-panelgrid-cell .amount-big
		{
		width: 45% !important;
	}
	#frmRequestLocalDraftForm\:pnlTransLimit\:transactionLimitGrd_content .Container50,
		#frmRequestLocalDraftForm\:pnlTransLimit\:dailyLimitGrd_content .Container50
		{
		width: 100% !important;
	}
	#frmLocalTransfer\:pnlIntermediarybankDetails2_content label {
		display: inline-block !important;
		width: 90%;
	}
	#frmTermDeposit\:pnlRequestUponMaturity_content .Wid10 {
		width: 10% !important;
		display: inline-block;
	}
	#frmTermDeposit\:pnlRequestUponMaturity_content .Wid90 {
		width: 90% !important;
		display: inline-block;
		float: right;
	}
	#frmTermDeposit\:pnlProfit label {
		display: inline;
	}
	#frmIslamicFinanceApplication\:pnlPersonalContactInfo tr td,
	#frmIslamicFinanceApplication\:pnlIslamicFinanceAppRequest tr td{
		display: inline-block;
		width: 100% !important;
	}
	.mainTempfooter{
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: reverse !important;
		    -ms-flex-flow: column-reverse !important;
		        flex-flow: column-reverse !important;
	}
	.mainTempfooter > .AllRightsReservedText{
		font-size: 12px !important;
		text-align: center !important;
		padding-top: 10px !important
	}
	#frmBeneficiaryMaintenance\:lblInternationalBankTransferOtherBankName,
	#frmBeneficiaryMaintenance\:lblInternationalBankTransferSwiftCode{
		width: 100% !important;
		padding-top: 10px !important
	}
	#accountSummaryForm\:total_available_balance_preferred_balance{
		width: 110% !important;
	}
	.bank-services{
		display: none !important
	}
	#frmCreditCard\:pnlCreditCard td.Container100, #frmCreditCard\:pnlCreditCard .Container50{
		width: 100% !important
	}
	#frmCreditCard\:grdPersonalDetails_content .ui-grid-row:nth-child(1),
	#frmCreditCard\:grdPersonalDetails_content .ui-grid-row:nth-child(2),
	#frmCreditCard\:grdPersonalDetails_content .ui-grid-row:nth-child(3),
	#frmCreditCard\:grdPersonalDetails_content .ui-grid-row:nth-child(4){
		margin-bottom: 0 !important
	}

	#frmCreditCard\:grdPersonalDetails_content .ui-grid-row:nth-child(1) > .ui-panelgrid-cell,
	#frmCreditCard\:grdPersonalDetails_content .ui-grid-row:nth-child(2) > .ui-panelgrid-cell,
	#frmCreditCard\:grdPersonalDetails_content .ui-grid-row:nth-child(3) > .ui-panelgrid-cell,
	#frmCreditCard\:grdPersonalDetails_content .ui-grid-row:nth-child(4) > .ui-panelgrid-cell{
		width: 50% !important;
		display: inline-block !important;
		margin-bottom: 10px !important
	}
	#frmCreditCard\:grdStreetName,
	#frmCreditCard\:grdHouseNumber,
	#frmCreditCard\:grdOwnOrRent,
	#frmCreditCard\:grdBlockNumber,
	#frmCreditCard\:grdResidenceArea,
	#frmCreditCard\:grdAddress,
	#frmCreditCard\:grdAddressDetails,
	#frmCreditCard\:grdStayPeriod{
		overflow: hidden !important
	}
	#frmCreditCard\:grdAddressDetails tbody > tr:nth-child(3){
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
    	-webkit-box-orient: vertical;
    	-webkit-box-direction: reverse;
    	    -ms-flex-direction: column-reverse;
    	        flex-direction: column-reverse;
	}
	#frmCreditCard\:grdAddress tr td:first-child, #frmCreditCard\:grdCCSecQuestion tr td:first-child,
	#frmCreditCard\:grdAddress tr td:last-child, #frmCreditCard\:grdCCSecQuestion tr td:last-child{
		width: 100% !important
	}
	#frmCreditCard\:grdViewBankDeclaration_content .ui-panelgrid-cell{
		width: 100% !important
	}
	#frmCreditCard\:viewSecurityQuestion{
		width: 115% !important;
	}
	#frmCreditCard\:txtViewSecurityQuestion{
		display: block !important;
		text-align: center !important
	}
	#frmCreditCard\:grdViewPledgeAgreement .ui-panelgrid-content .ui-panelgrid-cell,
	#frmCreditCard\:grdViewPersonalDetails_content .ui-panelgrid-cell,
	#frmCreditCard\:grdViewSecondaryContacts_content .ui-panelgrid-cell,
	#frmCreditCard\:grdViewMailingAddress_content .ui-panelgrid-cell,
	#frmCreditCard\:grdViewResidenceDetails_content .ui-panelgrid-cell,
	#frmCreditCard\:grdViewEmploymentDeatils_content .ui-panelgrid-cell,
	#frmCreditCard\:grdViewCardDeatils_content .ui-panelgrid-cell,
	#frmCreditCard\:grdViewSecurityQuestion_content .ui-panelgrid-cell,
	#frmCreditCard\:grdViewPaymentDeatils_content .ui-panelgrid-cell{
		width: 50% !important;
		display: inline-block !important
	}
	
	.investment-acc-timeline table tr td{
		padding: 0;
	}
	.investment-acc-timeline table{
		left: -5%;
	}
}

/*
	====================================================
	375PX
	====================================================
*/
@media only screen and (max-width: 375px) and (orientation:
	portrait) {
	.mega-dropdown-menu {
		position: absolute !important;
		left: -10px !important;
		right: 0px !important;
		width: 105% !important;
		padding: 0px 0px !important;
		margin: 0 !important;
	}
	body.layout-compact .ui-button.ui-button-text-icon-left .ui-icon, body.layout-compact .ui-button.ui-button-text-icon-right .ui-icon
		{
		width: 16px;
		height: 16px;
		font-size: 16px;
		margin-top: -9px;
	}
	.mainTempfooter{
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: reverse !important;
		    -ms-flex-flow: column-reverse !important;
		        flex-flow: column-reverse !important;
	}
	.mainTempfooter > .AllRightsReservedText{
		font-size: 12px !important;
		text-align: center !important;
		padding-top: 10px !important
	}
	.amount-big > .ui-panel-content.ui-widget-content{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
	}
	#frmBeneficiaryMaintenance\:lblInternationalBankTransferOtherBankName,
	#frmBeneficiaryMaintenance\:lblInternationalBankTransferSwiftCode{
		width: 100% !important;
		padding-top: 10px !important
	}
	#accountSummaryForm\:total_available_balance_preferred_balance{
		width: 110% !important;
	}
	.bank-services{
		display: none !important
	}
	#frmCreditCard\:pnlCreditCard td.Container100, #frmCreditCard\:pnlCreditCard .Container50{
		width: 100% !important
	}
	#frmCreditCard\:grdPersonalDetails_content .ui-grid-row:nth-child(1),
	#frmCreditCard\:grdPersonalDetails_content .ui-grid-row:nth-child(2),
	#frmCreditCard\:grdPersonalDetails_content .ui-grid-row:nth-child(3),
	#frmCreditCard\:grdPersonalDetails_content .ui-grid-row:nth-child(4){
		margin-bottom: 0 !important
	}

	#frmCreditCard\:grdPersonalDetails_content .ui-grid-row:nth-child(1) > .ui-panelgrid-cell,
	#frmCreditCard\:grdPersonalDetails_content .ui-grid-row:nth-child(2) > .ui-panelgrid-cell,
	#frmCreditCard\:grdPersonalDetails_content .ui-grid-row:nth-child(3) > .ui-panelgrid-cell,
	#frmCreditCard\:grdPersonalDetails_content .ui-grid-row:nth-child(4) > .ui-panelgrid-cell{
		width: 50% !important;
		display: inline-block !important;
		margin-bottom: 10px !important
	}
	#frmCreditCard\:grdStreetName,
	#frmCreditCard\:grdHouseNumber,
	#frmCreditCard\:grdOwnOrRent,
	#frmCreditCard\:grdBlockNumber,
	#frmCreditCard\:grdResidenceArea,
	#frmCreditCard\:grdAddress,
	#frmCreditCard\:grdAddressDetails,
	#frmCreditCard\:grdStayPeriod{
		overflow: hidden !important
	}
	#frmCreditCard\:grdAddressDetails tbody > tr:nth-child(3){
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
    	-webkit-box-orient: vertical;
    	-webkit-box-direction: reverse;
    	    -ms-flex-direction: column-reverse;
    	        flex-direction: column-reverse;
	}
	#frmCreditCard\:grdAddress tr td:first-child, #frmCreditCard\:grdCCSecQuestion tr td:first-child,
	#frmCreditCard\:grdAddress tr td:last-child, #frmCreditCard\:grdCCSecQuestion tr td:last-child{
		width: 100% !important
	}
	#frmCreditCard\:grdViewBankDeclaration_content .ui-panelgrid-cell{
		width: 100% !important
	}
	#frmCreditCard\:viewSecurityQuestion{
		width: 115% !important;
	}
	#frmCreditCard\:txtViewSecurityQuestion{
		display: block !important;
		text-align: center !important
	}
	#frmCreditCard\:grdViewPledgeAgreement .ui-panelgrid-content .ui-panelgrid-cell,
	#frmCreditCard\:grdViewPersonalDetails_content .ui-panelgrid-cell,
	#frmCreditCard\:grdViewSecondaryContacts_content .ui-panelgrid-cell,
	#frmCreditCard\:grdViewMailingAddress_content .ui-panelgrid-cell,
	#frmCreditCard\:grdViewResidenceDetails_content .ui-panelgrid-cell,
	#frmCreditCard\:grdViewEmploymentDeatils_content .ui-panelgrid-cell,
	#frmCreditCard\:grdViewCardDeatils_content .ui-panelgrid-cell,
	#frmCreditCard\:grdViewSecurityQuestion_content .ui-panelgrid-cell,
	#frmCreditCard\:grdViewPaymentDeatils_content .ui-panelgrid-cell{
		width: 50% !important;
		display: inline-block !important
	}
}	


@media all  and (min-width: 1025px) and (max-width: 1920px){
    .user-info {
		/* width: 27%; */
	}
	.login-status {
		margin-left: 15px;
	}
}
		
@media only screen and (max-width: 1240px){
	.ticker-news-login, .ticker-news-home {
   		display: none;
	}
}	
	
@media only screen and (max-width: 1240px){
	.user-info {
		width: 90%; 
	}
}

@media only screen and (min-width: 415px) and (max-width: 760px){
	.ui-breadcrumb {
		float: left;
	}

	[dir='rtl'] .ui-breadcrumb {
		float: right !important;
	}
}

@media only screen and (max-width: 1024px){
	.topbar-items li:nth-child(5){
		display: none;
	}
}

@media all and (min-width: 415px) and (max-width: 768px)  and (orientation : landscape) {
	
	.login-container{
		width: 500px;
	}
}

@media all and (min-width: 415px) and (max-width: 768px) {
	
	#frmTermDeposit\:pnlProfit label {
		display: inline;
	}
	
	#topBarIcons{
		z-index: initial !important;
	}
}


@media all and (max-width: 812px)  and (orientation : landscape) {
	body{
		 min-height: 750px !important;
	}
}	

@media (max-width: 640px){
	#frmAccountStatement\:pnlResAccStatement_content > .ui-grid-row > .ui-panelgrid-cell:nth-child(2), 
	#frmAccountStatement\:pnlResAccStatement_content > .ui-grid-row > .ui-panelgrid-cell:nth-child(4) {
		width: 100% !important;
	}
}

#msgGlobalMessages .ui-messages-error, #msgGlobalMessages .ui-messages-info{
		width: 100%;
}

		
@media all and (min-width: 497px) and (max-width: 760px){
	#frmBillPaymentSetup\:grdEditBillPayee_content .ui-panelgrid-cell{
		padding: 0;
	}
}	

@media all and (min-width: 554px) and (max-width: 640px){
	#pnlMailViewer .ui-grid-row .ui-panelgrid-cell{
		width: 100%;
	}
}

@media all and (min-width: 360px) and (max-width: 570px){
	#frmLocalTransfer\:pnlSaveTemlate2_content{
		padding: 0 !important;
	}
}

@media all and (min-width: 360px) and (max-width: 570px){
	[dir='rtl'] .layout-wrapper .topbar-items>li>ul.lastActivitiesMenu{
		right: auto !important;
		left: 5px !important;
	}
}

@media all and (min-width: 571px) and (max-width: 768px){
	[dir='rtl'] .layout-wrapper .topbar-items>li>ul.lastActivitiesMenu{
			right: -100px !important;
	}
}

@media all and (max-width: 760px) {
	#frmBillPaymentSetup\:pnlEditProductItems {
		padding: 0;
	}
	
	[id$="pnlTransaction"] .ui-grid-row .Container50.ui-grid-col-6{
		width: 100% !important;
	}
	[id$="pnlTransaction"] .ui-grid-row .Container50 label+div > div{
		display: flex;
		justify-content: flex-end;
	}
}

@media all and (min-width: 360px) and (max-width: 640px){
	#frmMainUpdateUserProfile\:pnlViewUserProfileRequest .ui-grid-row .ui-panelgrid-cell{
		width: 100% !important;
	}
	
	#frmCardHistory\:pnlSearchHistory_content .ui-grid-row .ui-panelgrid-cell{
		width: 100% !important;
	}
}

@media (max-width: 640px){
    [dir='rtl'] .ui-datatable-reflow .ui-datatable-data td[role=gridcell] .ui-column-title {
        text-align: right;
        margin-right: -5px;
    }
    [dir='rtl'] .ui-datatable-reflow .ui-datatable-data td[role=gridcell]{
            text-align: right !important;
    }
}

@media only screen and (max-width: 760px) and (min-width: 360px){
    [dir='rtl'] div.ui-datatable-reflow #frmMyHistory\:searchTxns_data.ui-datatable-data td[role=gridcell] {
        width: 100% !important;
    }
}

/* remove all widgets for small screens */
@media all and (max-width: 768px){
    #frmMainDashboard\:board{
        display: none !important;
    }
}

@media only screen and (max-width: 1100px){
	.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-hidden-container.ui-draggable{
		width: 96% !important;
		left: 2% !important;
	}
	.ui-dialog iframe{
		width: 100% !important;
	}
}

@media all and (min-width: 630px) and (max-width: 768px){
	.investment-acc-timeline table{
		top: 150% !important;
		left: 0% !important;
	}
}

@media all and (min-width: 1075px) and (max-width: 1200px){
	.investment-acc-timeline table{
		top: 150% !important;
		left: 10% !important;
	}
}

@media all and (min-width: 560px) and (max-width: 780px){
	.RGraph_tooltip{
		left: calc(70% - 380px) !important;
	}
}

@media all and (min-width:360px) and (max-width: 559px){
	.RGraph_tooltip{
		left: calc(110% - 380px) !important;
	}
}

@media (max-width: 414px){
	.onlineRegFooterBtns > .ui-g-12 > button > .ui-icon,
	.onlineRegButtons > button > .ui-icon{
		display: none !important;
	}
	.onlineRegFooterBtns > .ui-g-12 > button{	
		padding: 0 16px !important;
	}

	#loginForm\:pnlGrpLoginCredentials .onlineRegButtons > button{
		padding: 0 8px !important;
	}

	#loginForm\:pnlGrpLoginCredentials .onlineRegButtons > button:first-child{
		min-width:80px;
	}
	
	#loginForm\:btnRegParamReset,
	#loginForm\:btnBack{
	    flex: 1 1 65px;
	    padding: 0 !important;
	}
}

@media all and (min-width:385px) and (max-width: 414px){
	#loginForm\:pnlGrpLoginCredentials .onlineRegButtons > button:nth-child(2),
	#loginForm\:pnlGrpLoginCredentials .onlineRegButtons > button:nth-child(3){
		min-width:60px;
	}
}

@media all and (max-width: 360px){
	#frmMainDashboard\:tbAccountsSummary\:tbTimeDepos ul,
	#frmMainDashboard\:tbAccountsSummary\:tbTimeDepos .ui-tabs-panels > .ui-tabs-panel:nth-child(2){
		display: none !important;
	}
}