/*
|
|  Screen size 1116px 
|
|
 */
@media (max-width: 1116px) {
#Body_container .top_Nav nav {
	width: 90%;
}
#Body_container .header  .inner_wrapper {
	width: 98%;
}
#Body_container .sub_header  .inner_wrapper {
	width: 90%;
}
#Body_container .banner .layout {
	width: 100%;
	left: calc(100vw - 95%);
}
#Body_container .banner .layout .content {
	width: 770px;
}

#Body_container #container .articleTop {
	width: 90%;
	display: flex;
}
#Body_container #container .articleTop article {
	width: 30.3%;
	display: block;
	margin-right: 3%;
}
#Body_container #container section#CustomerHelp .inner_wrapper {
	width: 90%;
}
#Body_container #container section#Discover .inner_wrapper {
	width: 90%;
}
#Body_container #container section#location .inner_wrapper {
	width: 90%;
}
#Body_container #container section#footer .inner_wrapper {
	width: 90%;
}
#Body_container #container footer .footerDiv .inner_wrapper {
	width: 90%;
}
#Body_container #container .loginBody {
	width: 90%;
}
#Body_container #container .topNavLogin {
	width: 90%;
}

#Body_container #container .innerBankOperaion {
	width: 90%;
}
#Body_container #container  section#dataSection .activityCenter {width: 32%;}
#Body_container #container  section#dataSection .activityCenter .ActivityNavWrapper {
	width: 32.3%;
	height: 98px;
	margin: 3% 1% 0 0;
	padding: 10px;
}
#Body_container #container  section#selectTransfer .inner_wrapper {
	width: 100%;
}
#Body_container #container  section#transferForm .inner_wrapper {
	width: 100%;
}














}

/*
|
|  Screen size 970
|
|
 */
@media (max-width: 970px) {

#Body_container .top_Nav nav {
	width: 95%;
}
#Body_container .header  .inner_wrapper {
	width: 95%;
}
#Body_container .sub_header  .inner_wrapper {
	width: 100%;
}
#Body_container .header  .inner_wrapper .logo_wrapper picture img {width: 66.08px;}
#Body_container .banner .layout {
	width: 100%;
	left: calc(100vw - 95%);
}
#Body_container .banner .layout .content {
	width: 670px;
}
#Body_container .banner .layout .content h1 {
	font-size: 28px;
}
#Body_container .banner .layout .content p {
	font-size: 14.55px;
}
#Body_container .banner .layout .content a {
	font-size: 14.55px;
}
#Body_container #container .articleTop {
	width: 95%;
	display: flex;
}
#Body_container #container .articleTop article {
	width: 32.3%;
	margin-right: 1%;
}
#Body_container #container .articleTop article .articleContainer h1 {
	font-size: 23.55px;
}
#Body_container #container .articleTop article .articleContainer h2 {
	font-size: 18.55px;
}
#Body_container #container .articleTop article .articleContainer p {
	font-size: 12.55px;
}
#Body_container #container .articleTop article .articleContainer ul li {
	font-size: 13.66px;
}
#Body_container #container .articleTop article .articleContainer a.next {
	font-size: 14.66px;
}
#Body_container #container .articleTop article .articleContainer a.next i {font-size: 28px; margin-left: 10px; position: relative; bottom: -5px;}

#Body_container #container section#CustomerHelp .inner_wrapper {
	width: 95%;
}
#Body_container #container section#Discover .inner_wrapper {
	width: 95%;
}
#Body_container #container section#Discover .inner_wrapper article:nth-child(3) .articleWrapper .contentText h1 {font-size: 15.22px;}
#Body_container #container section#Discover .inner_wrapper article:nth-child(4) .articleWrapper .contentText h1 {font-size: 15.22px;}
#Body_container #container section#location .inner_wrapper {
	width: 95%;
}
#Body_container #container section#footer .inner_wrapper {
	width: 90%;
}
#Body_container #container footer .footerDiv .inner_wrapper {
	width: 95%;
}

#Body_container #container .loginBody {
	width: 95%;
}
#Body_container #container .topNavLogin {
	width: 95%;
}

#Body_container .sub_header  .inner_wrapper nav ul li.openAcc {display: none !important;}

#Body_container #container .innerBankOperaion {
	width: 90%;
}
#Body_container #container  section#dataSection .listData {
	width: 57%;
}
#Body_container #container  section#dataSection .activityCenter {
	width: 40%;
}


#Body_container #container section#selectTransfer .inner_wrapper .transferType {
	width: 30%;
	margin: 26px 3.4% 26px 1%;

}
#Body_container #container section#selectTransfer .inner_wrapper .transferType:last-child {margin-right: 0;}

#Body_container #container  section#transferForm .inner_wrapper .quickTip {
	width: 70%;
	height: auto;
	min-height: 300px;
	position: relative;
	margin: 8px 0;
}
#Body_container #container  section#transferForm .inner_wrapper form.transferForm {width: 90%}
#Body_container #container  section#transferForm .inner_wrapper form.transferForm  label.inputField {width: 45%;}
#Body_container #container  section#transferForm .inner_wrapper form.transferForm  label.inputField.nofloat {width: 74%; clear: both; float: none;}
#Body_container #container  section#transferForm .inner_wrapper form.transferForm  label.inputField.zip {width: 130px;}












}


@media (max-width: 850px) {


#Body_container .header  .inner_wrapper  nav ul li.contactUs {display: none;}
#Body_container .sub_header  .inner_wrapper  nav ul li.loans {display: none;}
#Body_container #container .innerBankOperaion {
	width: 90%;
}
#Body_container #container  section#dataSection .activityCenter {width: 42%;}
#Body_container #container  section#dataSection .listData {
	width: 57%;
}
#Body_container #container  section#dataSection .activityCenter .ActivityNavWrapper {
	width: 32.3%;
	height: 98px;
	margin: 3% 1% 0 0;
	padding: 10px;
}
li.Search , li.Investments {display: none !important;}
#Body_container .header  .inner_wrapper .logo_wrapper picture img {width: 150.08px;}





}



/*
|
|  Screen size 650
|
|
 */
@media (max-width: 650px) {

#Body_container .banner {
	width: 100%;
	height: auto;
	min-height: 200px;
}
#Body_container .top_Nav nav {
	width: 85%;
}
#Body_container .top_Nav nav ul li { display: none;}
#Body_container .top_Nav nav ul li:first-child {display: block !important;}
#Body_container .top_Nav nav ul li:nth-child(6) {display: block !important;}
#Body_container .header  .inner_wrapper {
	width: 90%;
}
#Body_container .header  .inner_wrapper  nav ul li {display: none;}
#Body_container .header  .inner_wrapper  nav ul li:nth-child(3) {display: block !important;}
#Body_container .header  .inner_wrapper  nav ul li:last-child {display: block !important;}
#Body_container .sub_header  .inner_wrapper {
	width: 100%;
}
#Body_container .sub_header .inner_wrapper nav ul li {display: none;}
#Body_container .header  .inner_wrapper .logo_wrapper picture img {width: 150.08px;}

#Body_container .banner .layout {
	width: 100%;
	left: calc(100vw - 95%);
}
#Body_container .banner .layout .content {
	width: 470px;
}
#Body_container .banner .layout .content h1 {
	font-size: 25px;
}
#Body_container .banner .layout .content p {
	font-size: 13.55px;
}
#Body_container .banner .layout .content a {
	font-size: 13.55px;
}
#Body_container #container .articleTop {
	width: 95%;
	display: block !important;
}
#Body_container #container .articleTop article {
	width: 80%;
	margin: 2% auto;
}
#Body_container #container .articleTop article:last-child {margin-right: auto !important;}
#Body_container #container .articleTop article:nth-child(2) .articleContainer .bg {
	height: 160px;
}
#Body_container #container .articleTop article:nth-child(3) .articleContainer .bg {
	height: 160px;
}
#Body_container #container .articleTop article .articleContainer h1 {
	font-size: 25.55px;
}
#Body_container #container .articleTop article .articleContainer h2 {
	font-size: 19.55px;
}
#Body_container #container .articleTop article .articleContainer p {
	font-size: 14.66px;
}
#Body_container #container .articleTop article .articleContainer ul li {
	font-size: 15px;
}
#Body_container #container .articleTop article .articleContainer a.next {
	font-size: 14.66px;
}
#Body_container #container .articleTop article .articleContainer a.next i {font-size: 28px; margin-left: 10px; position: relative; bottom: -5px;}

#Body_container #container section#CustomerHelp .inner_wrapper {
	width: 90%;
}

#Body_container #container section#CustomerHelp .inner_wrapper h1 {
	font-size: 24px;
}
#Body_container #container section#CustomerHelp .inner_wrapper .title {
	width: 50%;
	float: left;
	margin-top: 20px;
}
#Body_container #container section#CustomerHelp .inner_wrapper .title a {
	width: 100%;
	height: 45px;
	margin-right: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 15.66px;
}
#Body_container #container section#CustomerHelp .inner_wrapper .title a img {width: 42px; height: auto; margin: 0 5px;}

#Body_container #container section#CustomerHelp .inner_wrapper .fewQuestions .answerNav {
	width: 100%;
	float: left;
	margin-right: 0;

}


#Body_container #container section#Discover .inner_wrapper {
	width: 90%;
}
#Body_container #container section#Discover .inner_wrapper article {
	width: 100%;
	height: 360px;
	float: none;
	margin-right: 0;
}
#Body_container #container section#Discover .inner_wrapper article:nth-child(3) {
	display: block;
	width: 48%;
	height: 360px;
	float: left;
	margin: 3% 1.5% 0 0;
}
#Body_container #container section#Discover .inner_wrapper article:nth-child(4) {
	display: block;
	width: 48%;
	height: 360px;
	float: left;
	margin: 3% 0 0 1.5% ;
}
#Body_container #container section#Discover .inner_wrapper article:nth-child(3) .articleWrapper .contentText h1 {font-size: 15.22px;}
#Body_container #container section#Discover .inner_wrapper article:nth-child(4) .articleWrapper .contentText h1 {font-size: 15.22px;}
#Body_container #container section#location .inner_wrapper {
	width: 90%;
}
#Body_container #container section#location .inner_wrapper .findBox {
	width: 95%;
}
#Body_container #container footer .footerDiv {
	width: 100%;
	height: auto;
}
#Body_container #container section#footer .inner_wrapper {
	width: 90%;
}
#Body_container #container footer .footerDiv .inner_wrapper {
	width: 90%;
}
#Body_container #container section#footer .inner_wrapper ul {
	width: 50%;
	height: auto;
	margin: 4% 0;
}

#Body_container #container footer .footerDiv .inner_wrapper .leftControl {
	width: 100%;
	float: none;
	font-size: 13.66px;
}
#Body_container #container footer .footerDiv .inner_wrapper .rightControl {
	margin: auto;
	height: auto;
	float: none;
}

#Body_container #container .loginBody {
	width: 90%;
	margin: 5% auto !important;
}
#Body_container #container .topNavLogin {
	width: 90%;
}
#Body_container #container .topNavLogin .logoWrapper {width: 150px; }
#Body_container #container .topNavLogin .customerService {
	width: 60%;
	float: right;
}
#Body_container #container .loginBody .header ul li {
	display: none;
}
#Body_container #container .loginBody .header ul li:first-child {display: block !important;}
#Body_container #container .loginBody .header ul li:nth-child(2) {display: block !important;}
#Body_container #container .loginBody  .inner_wrapper .leftSideControl {
	width: 100%;
	float: none;	
}
#Body_container #container .loginBody  .inner_wrapper .rightSideControl {
	width: 100%;
	height: auto;
	float: none;	
}


li.signout {display: block !important;}
#Body_container .header  .inner_wrapper  nav ul li.signin {
	margin-right: 10px;
	display: none !important;
}

#Body_container #container .innerBankOperaion .welMsg h2.welcome {float: none;}
#Body_container #container .innerBankOperaion .welMsg a {
	float: none !important;
	margin-right: 7px;
	display: inline-block;
	line-height: 25px;
}
#Body_container #container .innerBankOperaion .welMsg a.security {border-right: none !important; margin-left: 4px;}

#Body_container #container .innerBankOperaion .welMsg form.helpForm {
	clear: both;
	float: none;
	display: block;
	margin: 0;
}

#Body_container #container .innerBankOperaion {
	width: 90%;
}
#Body_container #container  section#dataSection .activityCenter {width: 100%; float: none !important;}
#Body_container #container  section#dataSection .listData {
	width: 100%;
	float: none;
}
#Body_container #container  section#dataSection .activityCenter .ActivityNavWrapper {
	width: 32.3%;
	height: 98px;
	margin: 3% 1% 0 0;
	padding: 10px;
	
}
#Body_container #container section#selectTransfer .inner_wrapper .transferType {
	width: 80%;
	margin: 26px auto;
	float: none;
}
#Body_container #container section#selectTransfer .inner_wrapper .transferType:last-child {margin-right: auto;}
#Body_container #container section#selectTransfer .inner_wrapper .transferType h2 {
	font-size: 23px;
	margin: 10px 0;
}


#Body_container #container  section#transferForm .inner_wrapper .quickTip {
	width: 90%;
	height: auto;
	min-height: 300px;
	position: relative;
	margin: 8px 0;
}
#Body_container #container  section#transferForm .inner_wrapper form.transferForm {width: 98%}
#Body_container #container  section#transferForm .inner_wrapper form.transferForm  label.inputField {width: 90%;}
#Body_container #container  section#transferForm .inner_wrapper form.transferForm  label.inputField.float {float: none;}
#Body_container #container  section#transferForm .inner_wrapper form.transferForm  label.inputField.nofloat {width: 90%; clear: both; float: none;}
#Body_container #container  section#transferForm .inner_wrapper form.transferForm  label.inputField.zip {width: 130px;}

#TranferProgress #errorPopup {width: 450px;}
#TranferProgress #errorPopupCodeInput {width: 450px;}

#Body_container .header  .inner_wrapper  nav ul li.enLanguage {display: none !important;}

#Body_container #container .innerBankOperaion .welMsg h2.welcome {float: none !important;}

#Body_container .header  .inner_wrapper  nav ul li:last-child {color: #000; max-width: 50vw !important; text-overflow: ellipsis !important; white-space: nowrap; overflow: hidden;}

.loginLoad  .loadBody .loader svg {width: 60px !important; height: 60px !important; margin-left: 10px;}
#body_container.cPanel .loginBody {width: 90% !important;}

#Body_container #container .innerBankOperaion .welMsg form.helpForm .inputWrapper {
	clear: both;
	width: 100%;
	height: auto;
	margin: 30px auto 0 auto;
}







}







/*
|
|  Screen size 480
|
|
 */
@media (max-width: 480px) {

#Body_container .header  .inner_wrapper .logo_wrapper picture img {width: 120px;}
#Body_container  .sub_header {
	height: 40px;
}
#Body_container .banner .layout {
	width: 100%;
	left: calc(100vw - 95%);
	bottom: 0;
}
#Body_container .banner .layout .content {
	width: 80%;
	padding: 5px 10px;
}
#Body_container .banner .layout .content h1 {
	font-size: 20px;
}
#Body_container .banner .layout .content p {
	font-size: 13.99px;
}
#Body_container .banner .layout .content a {
	font-size: 13px;
}
#Body_container #container .articleTop {
	width: 95%;
	display: block !important;
}
#Body_container #container .articleTop article {
	width: 100%;
	margin: 2% auto;
}
#Body_container #container section#CustomerHelp .inner_wrapper {
	width: 90%;
}

#Body_container #container section#CustomerHelp .inner_wrapper .title {
	width: 100%;
	float: none;
	margin-top: 20px;
}
#Body_container #container section#Discover .inner_wrapper {
	width: 90%;
}
#Body_container #container section#Discover .inner_wrapper article {
	width: 100%;
	height: 400px;
	float: none;
	margin-right: 0;
}

#Body_container #container section#Discover .inner_wrapper article .articleWrapper {
	width: 100%;
	height: 400px;
	display: block !important;
}
#Body_container #container section#Discover .inner_wrapper article .articleWrapper .imageWrapper {
	width: 100%;
	height: 50%;
}
#Body_container #container section#Discover .inner_wrapper article .articleWrapper .contentText {
	width: 100%;
	height: 48%;
	padding: 5px 10px;
}




#Body_container #container section#Discover .inner_wrapper article:nth-child(3) {
	width: 100%;
	height: 300px;
	float: none;
	margin: 3% 0;
}
#Body_container #container section#Discover .inner_wrapper article:nth-child(3) .articleWrapper .contentText {
	width: 100%;
	height: 40%;
}
#Body_container #container section#Discover .inner_wrapper article:nth-child(4) {
	width: 100%;
	height: 300px;
	float: none;
	margin: 3% 0 !important;
}
#Body_container #container section#Discover .inner_wrapper article:nth-child(4) .articleWrapper .contentText {
	width: 100%;
	height: 40%;
}
#Body_container #container section#location .inner_wrapper {
	width: 90%;
}
#Body_container #container section#location .inner_wrapper .findBox {
	width: 100%;
}
#Body_container #container section#location .inner_wrapper .findBox h1 {
	font-size: 22px;
}
#Body_container #container section#location .inner_wrapper .findBox p {
	font-size: 13.33px;
	line-height: 1.7rem;
}
#Body_container #container section#location .inner_wrapper .findBox form label {
	font-size: 12.22px;
	line-height: 2.7rem;
}
#Body_container #container section#location .inner_wrapper .findBox form input {
	width: 72%;
	height: 40px;
}

#Body_container #container footer .footerDiv {
	width: 100%;
	height: auto;
}
#Body_container #container section#footer .inner_wrapper {
	width: 90%;
}
#Body_container #container footer .footerDiv .inner_wrapper {
	width: 90%;
}
#Body_container #container section#footer .inner_wrapper ul {
	width: 100%;
	height: auto;
	margin: 4% 0;
}

#Body_container #container footer .footerDiv .inner_wrapper .leftControl {
	width: 100%;
	float: none;
	font-size: 13.66px;
}
#Body_container #container footer .footerDiv .inner_wrapper .rightControl {
	width: 100%;
	margin: auto;
	height: auto;
	float: none;
}
#Body_container #container .loginBody  .inner_wrapper .rightSideControl select  {width: 90%;}
#Body_container #container .loginBody {
	width: 90%;
}
#Body_container #container .topNavLogin {
	width: 90%;
}
#Body_container #container .topNavLogin .logoWrapper {width: 150px; }
#Body_container #container .topNavLogin .customerService {
	width: 100%;
	float: none;
}


li.signout {display: block !important;}
#Body_container .header  .inner_wrapper  nav ul li.signin {
	margin-right: 10px;
	display: none !important;
}
#Body_container #container .innerBankOperaion .welMsg h2.welcome {float: none;}
#Body_container #container .innerBankOperaion .welMsg a {
	float: none !important;
	margin-right: 7px;
	display: inline-block;
	line-height: 25px;
}
#Body_container #container .innerBankOperaion .welMsg a.security {border-right: none !important; margin-left: 4px;}

#Body_container #container .innerBankOperaion .welMsg form.helpForm {
	display: block;
	margin: 10px auto !important;
}
#Body_container #container .innerBankOperaion .welMsg form.helpForm .inputWrapper {
	clear: both;
	width: 100%;
	height: auto;
	margin: 30px auto 0 auto;
}
#Body_container #container .innerBankOperaion {
	width: 90%;
}
#Body_container #container  section#dataSection .activityCenter {width: 100%; float: none !important;}
#Body_container #container  section#dataSection .listData {
	width: 100%;
	float: none;
}
#Body_container #container  section#dataSection .activityCenter .ActivityNavWrapper {
	width: 32.3%;
	height: 98px;
	margin: 3% 1% 0 0;
	padding: 10px;
	
}

#Body_container #container section#selectTransfer .inner_wrapper .transferType {
	width: 100%;
	margin: 26px auto;
	float: none;
}

#Body_container #container  section#transferForm .inner_wrapper form.transferForm {width: 100%}
#Body_container #container  section#transferForm .inner_wrapper form.transferForm  label.inputField {width: 100%;}
#Body_container #container  section#transferForm .inner_wrapper form.transferForm  label.inputField.nofloat {width: 100%; clear: both; float: none;}
#Body_container #container  section#transferForm .inner_wrapper form.transferForm  label.inputField.zip {width: 100%;}


#TranferProgress #errorPopup {width: 90%;}
#TranferProgress #errorPopupCodeInput {width: 90%;}











}