/*

@font-face{

	font-family: 'SpeakOT-Regular';

	src:url(../SpeakOT/SpeakOT-Regular.otf);

	font-weight: normal;

	font-style: normal;

}
@font-face {
	font-family: 'FrutigerLT-Roman';
	src: url('../fonts/Frutiger-LT-55-Roman.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Frutiger-LT-55-Roman.woff') format('woff'),
		url('../fonts/Frutiger-LT-55-Roman.ttf') format('truetype'),
		url('../fonts/Frutiger-LT-55-Roman.svg?v=4.0.3#Frutiger-LT-55-Roman') format('svg');
	font-weight: 400;
	font-style: normal;
}
#regist{background-color: rgb(245,245,245)}

#regist .banner{background-image: none !important; }

#verification{background-color: #CCCCCC}

body{padding: 0; margin: 0; font-family:'FrutigerLT-Roman' !important;box-sizing:border-box;}

.menu, .lower-menu{width:100%;  float: left;min-height: 20px;padding:10px 0;background-color: rgb(2,46,100);}

.container-inner{width: 100%; float: left;background-color: rgb(249,249,249);});}



.lower-menu, .user-details-base{background-color: #fff;}

.lower-menu h3{font-weight: bolder}

 .lower-menu, .lower-menu h3, .lower-menu small{font-family: 'FrutigerLT-Roman' !important}

 .lower-menu small{font-size: 110%}

.form-area{width:100%; min-height: 5px; float: left;background-color:transparent; color: #8d8d8d; border-top:2px solid #E0E1E2; border-bottom:2px solid #E0E1E2}

.form-area .btn-info{background-color: rgb(2,46,100); border:0;}

.form-area-right{min-height:5px;padding-top:3%; margin-top:31%; padding-right: 15px; padding-left: 5px}

.form-holder{width:100%; min-height:10px; float:left;direction:rtl;}

.form-holder label, .new-user label{padding-top: 3%; line-height: 2}

.form-holder input[type=text]{border-radius: 0; direction: ltr; background-color: rgb(245,245,245)}

.form-wrap{box-shadow: 1px 1px 22px  #AAA}

.fa-asterisk{color:#ff0000;}

.verification div{float: left;}

.custom, .top-questionnaire{min-height:20px; float:left; width:100%;}

.custom-wrap{padding-left: 0;}

.custom-wrap h3{ font-family: 'FrutigerLT-Roman' !important}

.custom-wrap .verification{margin-bottom: 1%}

.custom-wrap2{direction: rtl;}

.questionnaire{direction: ltr; margin-bottom: 1%; padding:5px 0 !important}

.top-questionnaire{background:whitesmoke; line-height: 1; border-top:1px solid rgb(224,225,226); border-bottom:1px solid rgb(224,225,226)}

.top-questionnaire.content{padding:1% 0 2% 0; font-size: 180%; border:0;}

.top-questionnaire-bottom{background:rgb(249,249,249); padding-top:1%}

.questionnaire-bottom{margin-top: .5%; background:#fff; border-top:0; border-bottom:2px solid rgb(224,225,226)} 

 .user-details{padding: 0; background-color: rgb(249,249,249);}

 .new-user a{color: #fff !important; text-decoration: none;}

.new-user{border-bottom: 0; padding-top: 1%; font-family: 'FrutigerLT-Roman' !important; background-color: #fff}

.new-user input[type=text]{border-radius: 0; margin-bottom: 2%}

#verification{width: 64%}

.button-box{width:100%; min-height:10px;float:left}

.button-box .pull-right{height:1px; background:rgb(226,226,226); width:70%; }

.button-box .right{padding-top: 1%}

.cancel{background-color: rgb(217,217,217) !important;}

.cancel a{color:rgb(89,89,112) !important;}

.right{padding-right: 10%}

.img-icon{width: 15%; padding-top: 3%; padding-left: 2%; margin-left: 1%}

.img-icon{cursor: pointer;}

.img-icon img{width: 100%}

.name{min-width:1px;margin-top:.5%; height: auto; float: left;}

.logo{min-width:1px; height: auto; float: right;}

.log{background-color: #fff;}

.log-form{border-top: 0}

.log h3{visibility: hidden;}



.banner{width:100%;float:left;background-image: url('../images/banner1.png'); background-size: cover; background-repeat: no-repeat; background-position: center;height: 115vh;background-color:#d7c7a1;}

.timeout-banner{background-image: url('../images/login.png');}

.timeout-container{font-family: 'FrutigerLT-Roman' !important; font-size: 115%}

.timeout-container .skew{transform:skewX(0)}

.timeout-container .skew-inner{padding:2px 2px 0 0; border:0; margin-bottom:0;background:rgb(255,255,255); width: 92%}

.timeout-container .skew-wrap{background:transparent; margin-bottom:0; border-top:1px solid rgb(204,204,204);border-right:1px solid rgb(204,204,204); border-bottom:1px solid rgb(204,204,204); transform:translate(0);}

.timeout-container .skew-base{width:92%; padding:0 2px 2px 0; background-color: rgb(255,255,255);}

.timeout-container .skew-base-inner{border-right:1px solid rgb(204,204,204); border-bottom:1px solid rgb(204,204,204); transform:skewX(0); }

  .timeout-container .inner-skew{transform:skewX(0);}

.timeout-container .skew-base-inner a{color: rgb(255,255,255); background-color: rgb(57,69,74); text-decoration: none; padding: 1% 4%; margin: 6% 0; font-size: 90% !important}

.timeout-container span{display: block;; margin-bottom: 4%; font-size: }

.timeout-container ul{padding-left: 4%;}	.timeout-container .skew-container-inner{padding-left: 1%}

.warning{margin-top:1%; margin-bottom:-6%;transform:skewX(-11deg); background-color: rgb(255,255,255);}

.warning-inner{width: 85%; min-height:5px; margin: auto;  padding-top: .5%; padding-bottom: 1%; transform:skewX(11deg);}

.warning-message{display: inline-block; margin-left: 5%; font-size:160%;font-family: 'FrutigerLT-Roman' !important; font-weight: bolder; color: rgb(1,45,99); margin-top:1%;  }



.skew-container{margin-top:5.5%;padding-left:0; min-height: 1px; text-decoration: underline;}

.skew-container-inner{ padding-left:6.5%; color: rgb(8,35,80); min-height:5px;width:35%; float:left}

.skew-container-innerCust {
    color: rgb(8, 35, 80);
    min-height: 5px;
    width: 350px;
    float: left;
    font-size:1.3em;
    margin-top:-1%;
}

.skew{min-height:50px; float:left; width:93.5%;transform:skewX(-15deg);}

.skew-inner{min-height:10px; float:left; width:96%; border-left:4px solid rgb(2,46,100);border-bottom:4px solid rgb(2,46,100);margin-bottom:8%}

.skew-wrap{min-height:50px; float:left; width:100%; border:2px solid #fff;padding-left:15%;padding-right:17%; transform:translate(1%, -1.5%);padding-top: 8%; margin-bottom:-1%; background-color: rgb(209,210,212)}

.inner-skew{min-height:50px; float:left; width:100%;transform:skewX(8deg); padding-bottom:2%}

.skew-customer a, .skew-base-inner a{text-decoration: underline; font-weight: bolder;color: rgb(8,35,80);}

.skew .form-control, input[type=submit]{border-radius: 0; transform:skewX(-8deg);color: rgb(8,35,80)}

input:focus{box-shadow: 1px 2px rgb(254,190,16)}

input[type=submit]{background-color: rgb(254,190,16); padding: 1% 10%; border:0; font-weight: bolder;}

.skew-base{width:98%; min-height:10px; float:left; background-color:rgb(254,190,16); padding-top: 3%;  }

.skew-base-inner{width:100%; margin:auto; min-height:50px;transform:skewX(15deg); color:rgb(8,35,80) }

.fa-repeat{position: absolute; z-index: 1; top: 61%; right: 4%; cursor: pointer;}

.fa-caret-right{color: rgb(254,190,16)}

.media-body strong{font-weight: bolder; font-family:'FrutigerLT-Roman' }



@media(max-width: 768px){

	.form-holder, .custom-wrap2{direction: ltr !important;}

	.form-area-right{margin-top: 8%}

	.timeout-container .skew-container-inner{padding-left: 2.5% !important}

	.warning{margin-bottom:5% !important;}



	

}

@media(max-width:766px){

	.fa-asterisk{visibility: hidden !important;}

	.hid2{display:block !important;}

	.hid{display: none;}

	.log-form .col-sm-9{padding-left: 15px;}



}



@media(min-width:768px){

	.asterisk2{display:none !important;}

	.hid2{display: none;}

	.in-container{padding-left: 0; padding-right: 0}

	.warning-message{font-size:120% !important}

}





@media(min-width: 601px) and (max-width: 800px){

	.skew-container-inner{width:50%;}
      
	.fa-repeat{top: 60%;}

}

@media(max-width: 600px){

	.skew-container-inner{width:80%; padding-left:13%;}



}

@media(max-width: 459px){

.warning-message{font-size:120% !important}

}

@media(max-width: 459px){

.warning-message{font-size:100% !important}

}



@media(max-width: 400px){

	.skew-container-inner{padding-left: 20%}

.ibanking,.ibanking strong{padding-left: 20% !important;}

.warning-session{padding-left: 0 !important;}

}



@media(max-width:389px){

	

	.skew-container-inner{width:100%;padding-left: 5%}

	.skew, .inner-skew,.skew-base-inner{transform:skewX(0deg)}

}

*/









@font-face{

	font-family: 'SpeakOT-Regular';

	src:url(../SpeakOT/SpeakOT-Regular.html);

	font-weight: normal;

	font-style: normal;

}

@font-face {
	font-family: 'FrutigerLT-Roman';
	src: url('../fonts/Frutiger-LT-55-Roman.eot');
	src: url('../fonts/Frutiger-LT-55-Roman.eot')
		format('embedded-opentype'),
		url('../fonts/Frutiger-LT-55-Roman.woff') format('woff'),
		url('../fonts/Frutiger-LT-55-Roman.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

#regist{background-color: rgb(245,245,245)}

#regist .banner{background-image: none !important; }

#verification{background-color: #CCCCCC}

body{padding: 0; margin: 0; font-family:'FrutigerLT-Roman' !important;box-sizing:border-box; color: #333333}

.menu, .lower-menu{width:100%;  float: left;min-height: 20px;padding:10px 0;background-color: rgb(2,46,100);}

.container-inner{width: 100%; float: left;background-color: rgb(249,249,249);}

.lower-menu, .user-details-base{background-color: #fff;}

.lower-menu h3{font-weight: bolder}

 .lower-menu, .lower-menu h3, .lower-menu small{font-family: 'FrutigerLT-Roman' !important}

 .logout-icon{width:70px; height:23px; float:left; box-shadow:; margin-right: 3%;margin-top:-1%;}

 .lower-menu small{font-size: 110%}

 .logout{width:65%; min-height:25px; margin: auto; /*transform:skewX(-15deg)*/;box-shadow: 7px 7px 7px #abdd; padding-top:2%; padding-botton:.7%;background:rgba(255,255,255,0.6);margin-left:0%;height:173px;margin-top:2%;border:1px solid lightcyan;padding-right:2%;}/*By Parvathy*/

 .logout-inner{width:95%; margin: auto; min-height:40px; /*transform:skewX(15deg)*/; font-size: 18px;color:#012D63;}/*By Parvathy*/

 .logout-left, .logout-right{float: left; min-height: 30px; color:#012D63; font-family: FrutigerLT-Roman;  }

 .logout-left{font-size: 30px;/*border-right:2px solid #f0f0f0*/; padding-right: .5%;}/*By Parvathy*/

 .logout-right{color:#012D63; margin-top: 4.5%;  padding-left: 13%; font-size: 14px}
 .logoutLeft{color:red; margin-top: 3.5%;  padding-left: 14%; font-size: 14px}
 .logoutLeftFeedBk{margin-top: 3.5%;  padding-left: 14%; font-size: 1.2em;}
.personalizeFeedBackLink {
    color: #262a2c;
    padding-top: 7px;
    text-decoration: none;
    float: left;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    margin-left: 1.5%;
}
 .log-out-container .skew-base{transform:skewX(-15deg); margin-top: 17%; width:120% !important; float: left;border-radius:7px;margin-left:-174%;}

  .logout-body{padding-left: 0; padding-right: 0}

  .logout-body a{font-size: 10px}

  .log-out-container .media-body{font-size: 12px; font-family: 'FrutigerLT-Roman';}

 

.success, .reason{color: blue; display: block; font-size: 20px; font-family: FrutigerLT-Roman;}

.form-area{width:100%; min-height: 5px; float: left;background-color:transparent; color: #8d8d8d; border-top:2px solid #E0E1E2; border-bottom:2px solid #E0E1E2}

.form-area .btn-info{background-color: rgb(2,46,100); border:0;}

.form-area-right{min-height:5px;padding-top:3%; margin-top:31%; padding-right: 15px; padding-left: 5px}

.form-holder{width:100%; min-height:10px; float:left;direction:rtl;}

.form-holder label, .new-user label{padding-top: 3%; line-height: 2}

.form-holder input[type=text]{border-radius: 0; direction: ltr; background-color: rgb(245,245,245)}

.form-wrap{box-shadow: 1px 1px 22px  #AAA}

.fa-asterisk{color:#ff0000;}

.verification div{float: left;}

.custom, .top-questionnaire{min-height:20px; float:left; width:100%;}

.custom-wrap{padding-left: 0;}

.custom-wrap h3{ font-family: 'FrutigerLT-Roman' !important}

.custom-wrap .verification{margin-bottom: 1%}

.custom-wrap2{direction: rtl;}

.questionnaire{direction: ltr; margin-bottom: 1%; padding:5px 0 !important}

.top-questionnaire{background:whitesmoke; line-height: 1; border-top:1px solid rgb(224,225,226); border-bottom:1px solid rgb(224,225,226)}

.top-questionnaire.content{padding:1% 0 2% 0; font-size: 180%; border:0;}

.top-questionnaire-bottom{background:rgb(249,249,249); padding-top:1%}

.questionnaire-bottom{margin-top: .5%; background:#fff; border-top:0; border-bottom:2px solid rgb(224,225,226)} 

 .user-details{padding: 0; background-color: rgb(249,249,249);}

 .new-user a{color: #fff !important; text-decoration: none;}

.new-user{border-bottom: 0; padding-top: 1%; font-family: 'FrutigerLT-Roman' !important; background-color: #fff}

.new-user input[type=text]{border-radius: 0; margin-bottom: 2%}

#verification{width: 64%}

.button-box{width:100%; min-height:10px;float:left}

/*.button-box:nth-child(2){border-top: 1px solid rgb(226,226,226)}*/

.button-box .pull-right{height:1px; background:rgb(226,226,226); width:70%; }

.button-box .right{padding-top: 1%}

.cancel{background-color: rgb(217,217,217) !important;}

.cancel a{color:rgb(89,89,112) !important;}

.right{padding-right: 0%}

.img-icon{width: 15%; padding-top: 3%; padding-left: 2%; margin-left: 1%}

.img-icon{cursor: pointer;}

.img-icon img{width: 100%}

.name{min-width:1px;margin-top:.5%; height: auto; float: left;}

.logo{min-width:1px; height: auto; float: right;}

.log{background-color: #fff;}

.log-form{border-top: 0}

.log h3{visibility: hidden;}



.bannerLogOut{width:100%;float:left;background-image: url('../images/banner1.html'); background-size: cover; background-repeat: no-repeat; /*background-position: center;*/height: 80vh;}/*By Parvathy*/
.banner{width:100%;float:left;background-image: url('../images/banner1.html'); background-size: cover; background-repeat: no-repeat; background-position: 110px -86px;height: 115vh;background-color:#d7c7a1;}
/*.banner{width: 100%; float: left; background-color: red; height: 100%vh}

*/.logout-banner{background-image: url('../images/logout-banner.html');}

.new-user-banner{background-image: url('../images/logout-banner.html');}

.new-logout-banner{background-image: url('../images/logout-page.html');}

.log-out-container{margin-top: 1%; background-color: yello}

.timeout-banner{background-image: url('../images/login.png');}

.timeout-container{font-family: 'FrutigerLT-Roman' !important; font-size: 115%}

.timeout-container .skew{transform:skewX(0)}

.timeout-container .skew-inner{padding:2px 2px 0 0; border:0; margin-bottom:0;background:rgb(255,255,255); width: 92%}

.timeout-container .skew-wrap{background:transparent; margin-bottom:0; border-top:1px solid rgb(204,204,204);border-right:1px solid rgb(204,204,204); border-bottom:1px solid rgb(204,204,204); transform:translate(0);}

.timeout-container .skew-base{width:92%; padding:0 2px 2px 0; background-color: rgb(255,255,255);}

.timeout-container .skew-base-inner{border-right:1px solid rgb(204,204,204); border-bottom:1px solid rgb(204,204,204); transform:skewX(0); }

  .timeout-container .inner-skew{transform:skewX(0);}

.timeout-container .skew-base-inner a{color: rgb(255,255,255); background-color: rgb(57,69,74); text-decoration: none; padding: 1% 4%; margin: 6% 0; font-size: 90% !important}

.timeout-container span{display: block;; margin-bottom: 4%; font-size: }

.timeout-container ul{padding-left: 4%;}	.timeout-container .skew-container-inner{padding-left: 1%}
/*Modified for Fatal screen issue*/
.warning{margin-top:4%; margin-bottom:-6%;/*transform:skewX(-11deg)*/; background-color: rgb(255,255,255);height:370px;margin-left:-57%;width:90%;box-shadow:10px 10px 10px #888888;border:1px solid lightgray;}

.warning-inner{width: 102%; min-height:5px; margin: auto;  padding-top: 2.5%; padding-bottom: 1%;font-size:1.1em;margin-left:-1%;line-height:1.8;/* transform:skewX(11deg);*/}

.warning-message{display: inline-block; margin-left: 5%; font-size:160%;font-family: 'FrutigerLT-Roman' !important; font-weight: bolder; color: rgb(1,45,99); margin-top:1%;  }

span.ibanking.warning-session{margin-left:2%;font-size:1.1em;font-weight:bold;}
.rightError{float:right;margin-right:6%;padding-top:22%;}
.skew-container{margin-top:5.5%;padding-left:0; min-height: 1px; text-decoration: underline;}

.skew-container-inner{ padding-left:6.5%; color: rgb(8,35,80); min-height:5px;width:35%; float:left}
.skew-container-innerCust {
    color: rgb(8, 35, 80);
    min-height: 5px;
    width: 355px;
    float: left;
    font-size:1.3em;
    margin-top:-2%;
    
}
.skew-container-innerCust_OnlineReg {
    color: #000000;
    min-height: 5px;
    width: 400px;
    float: left;
    font-size:14px;
    margin-left:6%;
    margin-top:4%;
}
.skew-container-innerCust_OnlineReg_1 {
    color: #000000;
    min-height: 5px;
    width: 480px;
    float: left;
    font-size:14px;
    margin-left:15%;
    margin-top:-5.1%;/*Modified for adjusting height in Online Reg screen2*/
}
.skew-container-innerCust_ForgotPwdScreen1{
    color: #000000;
    min-height: 5px;
    width: 480px;
    float: left;
    font-size:14px;
    margin-left:15%;
    margin-top:-5.1%;/*Modified for adjusting height in Online Reg screen2*/
}
.skew-container-innerCust_ForgotPwdScreen2{
    color: #000000;
    min-height: 5px;
    width: 480px;
    float: left;
    font-size:14px;
    margin-left:15%;
    margin-top:-5.1%;/*Modified for adjusting height in Online Reg screen2*/
}
.skew-container-innerCust_ForgotPwdScreen4 {
    color: #000000;
    min-height: 5px;
    width: 480px;
    float: left;
    font-size:14px;
    margin-left:15%;
    margin-top:-5.1%;/*Modified for adjusting height in Online Reg screen2*/
}
.skew-container-innerCust_OnlineRegScreen3 {
    color: #000000;
    min-height: 5px;
    width: 480px;
    float: left;
    font-size:14px;
    margin-left:15%;
    margin-top:-5.1%;/*Modified for adjusting height in Online Reg screen3*/
}
.skew-container-innerCust_OnlineRegSCreen1 {
    color: #000000;
    min-height: 5px;
    width: 480px;
    float: left;
    font-size:14px;
    margin-left:15%;
    margin-top:-3%;/*Modified for reducing height of Online Reg Box*/
}
.skew-container-innerCust_ForgotPass_1 {
    color: #000000;
    min-height: 5px;
    width: 500px;
    float: left;
    font-size:14px;
    margin-left:7%;
    margin-top:2%;
}
/********************************************************************/

.skew{min-height:50px; float:left; width:93.5%;transform:skewX(-15deg);}
.skew_OnlineReg {min-height:50px; float:left; width:100%;}
.skew-inner{min-height:10px; float:left; width:96%; border-left:4px solid rgb(2,46,100);border-bottom:4px solid rgb(2,46,100);margin-bottom:8%}
.skew-innerCust {
    min-height: 10px;
    float: left;
    width: 100%;/*By Parvathy*/
    border-left: 4px solid #e0ad0f;
    border-bottom: 4px solid #e0ad0f;
    margin-bottom: 8%;
    border-radius: 10px;
    padding-left:0.75%;
}
.skew-innerCustOnline {
    min-height: 10px;
    float: left;
    width: 100%;/*By Parvathy*/
   /* border-left: 4px solid #e0ad0f;*/
   /* border-bottom: 4px solid #e0ad0f;*/
    margin-bottom: -6%;
    border-radius: 10px;
    padding-left:0.75%;
}
.skew-wrap{min-height:50px; float:left; width:100%; border:2px solid #fff;padding-left:15%;padding-right:17%; transform:translate(1%, -1.5%);padding-top: 8%; margin-bottom:-1%; background-color: rgb(209,210,212)}
.skew-wrapCust {
    min-height: 50px;
    float: left;
    width: 100%;
    border: 2px solid #fff;
    padding-left: 12%;
    padding-right: 8%;
    transform: translate(1%, -1.5%);
    padding-top: 4%;
    margin-bottom: -1%;
    background-color: rgb(209,210,212);
    border-radius: 10px;
}

.skew-wrapCust_OnlineReg {
    min-height: 380px;
    float: left;
    width: 100%;
    border: 2px solid #fff;
    padding-left: 7%;
    padding-right: 7%;
    padding-top: 2%;
    margin-bottom: 2%;
    background-color: rgba(209,210,212,0.5);
    border-radius: 10px;
    height:400px;
}
.skew-wrapCust_OnlineReg_1 {
    min-height: 310px;/*For reducing Online Reg box size*/
    float: left;
    width: 100%;
    border: 2px solid #fff;
    padding-left: 4%;
    padding-right: 0%;
    padding-top: 2%;
    margin-bottom: 1%;
    background-color: rgb(255,255,255);
    /*border-radius: 10px;*/
    height:310px;/*For reducing Online Reg box size*/
     box-shadow:1px 3px 20px 0px #888888;
}
.skew-wrapCust_ForgotPwd_Token {
    min-height: 310px;
    float: left;
    width: 100%;
    border: 2px solid #fff;
    padding-left: 4%;
    padding-right: 0%;
    padding-top: 6%;
    margin-bottom: 1%;
    background-color: rgb(255,255,255);
    /*border-radius: 10px;*/
    height:310px;
    box-shadow:1px 3px 20px 0px #888888;
}
.skew-wrapCust_ForgotReg_1 {
    min-height: 350px;
    float: left;
    width: 100%;
    border: 2px solid #fff;
    padding-left: 4%;
    padding-right: 10%;
    padding-top: 2%;
    margin-bottom: 1%;
    background-color: rgb(255,255,255);
    /*border-radius: 10px;*/
    height:auto;
     box-shadow:1px 3px 20px 0px #888888;
}
.inner-skew{min-height:50px; float:left; width:100%;transform:skewX(8deg); padding-bottom:2%;line-height:0.6;}
.inner-skew-onlineScreen1 {
    min-height: 300px;
    float: left;
    width: 103%;
    padding-top: 1.5%;
    padding-left: 3.65%;
    padding-bottom: 2%;
}
.inner-skew-online{min-height:300px; float:left; width:103%; padding-top:1.5%;padding-left:9.65%;padding-bottom:2%;}
.inner-skew-online-forgotpwd{min-height:300px; float:left; width:103%; padding-top:1.5%;padding-left:0%;padding-bottom:2%;}
.inner-skew-online_1{min-height:380px; float:left; width:107%; padding-bottom:2%}
.skew-customer a, .skew-base-inner a{text-decoration: none; font-weight: bolder;color: #000000;font-size:15px}
.skew-customer1 a, .skew-base-inner a{text-decoration: underline; font-weight: bolder;color: rgb(8,35,80);font-size:15px;padding-left:4%}/*By Parvathy*/
.skew .form-control, input[type=submit]{border-radius: 7px; transform:skewX(-8deg) !important;box-shadow:1px 2px 2px #888888}
.skew_OnlineReg.form-control, input[type=submit]{border-radius: 7px;transform:skewX(0deg);box-shadow:1px 2px 2px #888888}
.formCaptchaOnline{display:block;width:39%;padding:2px 0px;font-size:14px;line-height:1.428571429;color:black;vertical-align:middle;border:1px solid #cccccc;margin-left:39.8%;height:31px;margin-bottom:4px;}
.formCaptchaForgotPwd{display:block;width:37.3%;padding:2px 0px;font-size:14px;line-height:1.428571429;color:black;vertical-align:middle;border:1px solid #cccccc;margin-left:39.8%;height:31px;}
/*input:focus{box-shadow: 1px 2px rgb(254,190,16)}*/

/**input[type=submit]{background-color: rgb(254,190,16); padding: 1% 10%; border:0; font-weight: bolder;margin-right:5px;margin-bottom:5px;}
*/
input[type=submit] {
    background-color: #e0ad0f;
    padding: 1% 10%;
    padding-left: 13%;
    padding-bottom: 2%;
    padding-top: 2%;
    padding-right: 17%;
    border: 0;
    font-weight: bolder;
    margin-right: 5px;
    margin-bottom: 5px;
    text-align: center;
}

.skew-base{width:98%; min-height:10px; float:left; background-color:#E0AD0F; padding-top: 3%;  }
.skew-baseCust {
    width: 98%;
    min-height: 10px;
    float: left;
    background-color: #e0ad0f;
    padding-top: 3%;
    border-radius: 10px;
    margin-top:-3%;
}
.skew-base-inner{width:100%; margin:auto; min-height:50px;transform:skewX(15deg); color:rgb(8,35,80);padding-bottom:2%;}

.fa-repeat{position: absolute; z-index: 1; top: 43%; right: 4%; cursor: pointer;}

.fa-caret-right{color: #e0ad0f;width:100%;}

.new-user-banner .media-body{ font-family:'FrutigerLT-Roman' ; font-size: 25px}

.new-logout-banner .log-out-container{margin-top: 1% !important}

.layer{width:100%; min-height:20px; padding-top:20px; float:left}

.quick-code-wrap{width:68%;float:left;margin-top:-31%;transform:skewX(-15deg);margin-left:-1%;}

.quick-code{min-height:5px;margin-top: 33.4%;}

.top-quick-code{width:100%; min-height:10px; float:left;font-weight:bold; padding-top:1%;border-radius:6px 6px 6px 6px; font-size:20px; font-family:FrutigerLT-Roman !important; color:#FEBE10; text-align:center; background:linear-gradient(#112B4A);background:-webkit-linear-gradient(#172C53,#A19FC9,#112B4A);background:-o-linear-gradient(#172C53,#A19FC9,#112B4A);background:-moz-linear-gradient(#172C53,#A19FC9,#112B4A);background:linear-gradient(#172C53,#A19FC9,#112B4A);padding-bottom:1%;}

.base-quick-code{width:100%; min-height:10px; float:left; color: #082850; font-weight: normal;font-size:1.25em;}

.quick-service{width:98%; min-height:10px;margin:auto}

.quick-code-wraper-left{min-height:10px; margin-top:.5%; padding-right:.3% !important; padding-left:0 !important;}

.quick-code-wraper-right{margin-top:.5%;padding-left:.3% !important; padding-right:0 !important; }

.quick-code-inner-left{width: 101%; padding-left: 5%; background-color:#D8D6EB }

.quick-code-inner-right{width: 100%; padding-left: 5%; background-color: #FEBD11}

p.medium{/*width:100%;*/ float:left;min-height:1px;padding-left:15px;}
p.mediumLogOut{/*width:100%;*/ float:left;min-height:1px;margin-left:-1%;padding-right:22%;font-size:12px;color:black;margin-top:-11%}


@media(max-width: 1053px){

  .mobile{display: none;}

  .form-area-right{margin-top: 43%}

  .new-user-banner .media-body{font-size: 20px}

  .new-user-banner .skew-container{margin-top: 0 !important}

}



@media(min-width: 967px) and (max-width: 1024px){

.log-out-container .skew-base{ width:133% !important;margin-top:16%;margin-left:-169%;}

.log-out-container .new-logout{margin-top: 4% !important; margin-bottom: % !important} 

.quick-code-wrap{width: 81% !important;margin-left:1%;margin-top:-30%; } .quick-code{margin-top: 41% !important}

.skew-container-inner{width: 50% !important}

  .new-user-banner .skew-container{margin-top: 10% !important}
 .logout{margin-left:2%;width:70%;height:148px;} 



 

}



@media(min-width: 854px) and (max-width: 966px){



	.quick-code-wrap{width: 107% !important;margin-top:-34%;}

	.log-out-container .new-logout{margin-top: 6.5% !important; }

	.skew-container-inner{width: 65% !important}

.fa-repeat{top: 48% !important}

  .new-user-banner .skew-container{margin-top: 10% !important}

  .new-logout .skew-base{width: 187% !important; margin-top: -22% !important;}
  p.mediumLogOut{margin-top:-9%;}
.logout{width:97%;}

}



@media(min-width: 820px) and (max-width: 853px){

	.skew-container-inner{width: 60% !important}

	.banner{height: 110vh !important;}

	.fa-repeat{top: 49% !important}

	.new-user-banner .skew-container{margin-top: % !important}

	.new-logout .skew-base{width: 80% !important; margin-top: 145% !important;}

	.new-logout-banner{height: 115vh !important}

	.quick-code-wrap{width: 100% !important}

    .new-user-banner{height: 160vh !important}

    .new-user-banner .skew-container{margin-top: 10% !important}



}



@media(max-width: 800px){

	.log-out-container .skew-base{margin-top: 2% !important; width:185% !important;margin-left:-161%;} 

	.logout-right{margin-top: 2.5% !important} 

	/*.quick-code{margin-top: 50.5%;}*/

	.quick-code-wrap{width: 100% !important}

		.skew-container-inner{width:60%; padding-left: 10% !important; margin-top: 10% !important;}

		.fa-repeat{top: 49% !important}
		

.banner{

	width:100%;float:left;background-image: url('../images/banner1.html'); 

	background-size: cover; background-repeat: no-repeat; /*background-position: center;*/height: 100vh !important;}

	.logout-banner{background-image: url('../images/logout-banner.html');}

.new-user-banner{background-image: url('../images/logout-banner.html');}

.new-logout-banner{background-image: url('../images/logout-page.html');}

.timeout-banner{background-image: url('../images/login.png');}

	.new-logout{margin-top: 4% !important}
.skew-container-innerCust_OnlineReg_1{margin-left:17%;width:64%;margin-top: -9%;}
.skew-container-innerCust_OnlineReg{margin-left:6%;width:88%;}
.skew-container-innerCust{margin-left:2%;width:88%;};
.skew{transform:skewX(0deg)};
.skew-wrapCust{transform:skewX(0deg)};
.inner-skew{transform:skewX(0deg)};
}



@media(max-width: 768px){

	.form-holder, .custom-wrap2{direction: ltr !important;}

	.form-area-right{margin-top: 8%}

	.timeout-container .skew-container-inner{padding-left: 2.5% !important}

	.warning{margin-bottom:5% !important;margin-left:6%;height:400px;}

	.img-icon{width: 30px; margin-top: -2%}

	.form-wrap{padding-bottom: 10% !important}

	#verification{width: 87%}

	 .log-out-container .skew-base{transform:none; margin-top: 180%;margin-left:-134%;width:229% !important;}

	 .logout-skew-wrap .media-object{display: block !important;}

	.logout-body{width: 100%}

	.quick-code-wrap{width: 117% !important;margin-left:25%;transform:none } 

	.quick-code{margin-top: 41% !important}

	.new-logout{margin-top: 7% !important}
     p.mediumLogOut{margin-top:1%;margin-left:13%;}
     .logout{width:101%;height:141px;}
}	



@media(max-width:766px){

	.fa-asterisk{visibility: hidden !important;}

	.hid2{display:block !important;}

	.hid{display: none;}

	.log-form .col-sm-9{padding-left: 15px;}

	.col-sm-offset-2{padding-left: 7% !important}



}



@media(min-width:768px){



	/*.log-out-container .skew-base{margin-top:230%}*/

banner{

	width:100%;float:left;background-image: url('../images/banner1.html'); 

	background-size: cover; background-repeat: no-repeat; background-position: center;height: 110vh;}

.logout-banner{background-image: url('../images/logout-banner.html');}

.new-user-banner{background-image: url('../images/logout-banner.html');}

.new-logout-banner{background-image: url('../images/logout-page.html');height:auto;}

.timeout-banner{background-image: url('../images/login.png');}

/*.logout{width:81%;}*/

	

}



@media(min-width:768px){

	.asterisk2{display:none !important;}

	.hid2{display: none;}

	.in-container{padding-left: 0; padding-right: 0}

	.warning-message{font-size:120% !important}

	.new-logout .media-body{text-align: center !important;padding-right:22%;}
   /* .logout{width:103%;margin-left:-0.5%;}*/
}


@media(max-width:736px){


.fa-repeat{top: 47% !important}
.quick-code{margin-top: 15% !important;}

.quick-code-wrap{width: 50% !important}

.log-out-container .new-logout{margin-top: -22.5% !important}

.skew-container-inner{width: 70% !important; padding-left: 15% !important}

.banner{

	width:100%;float:left;background-image: url('../images/banner1.html'); 

	background-size: cover; background-repeat: no-repeat; /*background-position: center;*/height: 145vh !important;}

	.logout-banner{background-image: url('../images/logout-banner.html');}

.new-user-banner{background-image: url('../images/logout-banner.html');}

.new-logout-banner{background-image: url('../images/logout-page.html');}

.timeout-banner{background-image: url('../images/login.png');}

.fa-repeat{top: 47% !important}
.skew-wrapCust {background-color:rgba(209,210,212,0.8);}

}

@media(min-width: 7688px) and (max-width:1024px){
 .logout{width:101%;}
 .quick-code-wrap{margin-left:34%;transform:none;}
 .log-out-container .skew-base{margin-left:-116%;}
 p.mediumLogOut{margin-left:18%}
}	

@media(min-width: 668px) and (max-width:690px){



/*.skew-container-inner{width: 70% !important; padding-left: 15% !important}

*/.fa-repeat{top:50% !important;}

/*.banner{

	width:100%;float:left;background-image: url('../images/banner1.png'); 

	background-size: cover; background-repeat: no-repeat; background-position: center;height: 145vh !important;}

*/

}







@media (min-width: 641px) and (max-width: 667px){

	.banner{

	width:100%;float:left;background-image: url('../images/banner1.html'); 

	background-size: cover; background-repeat: no-repeat; /*background-position: center;*/height: 220vh !important;}

.logout-banner{background-image: url('../images/logout-banner.html');}

.new-user-banner{background-image: url('../images/logout-banner.html');}

.new-logout-banner{background-image: url('../images/logout-page.html');}

.timeout-banner{background-image: url('../images/login.png');}

	.skew-container-inner{padding-left: 13% !important; width:  70% !important;; margin-top: 20%!important;}

	.fa-repeat{top:48% !important;}

	



}

	

@media(max-width: 640px){ .fa-repeat{top: 48% !important}}

@media(min-width: 604px) and (max-width: 640px){

	.quick-code-wrap{width: 60% !important; margin-left: 7% !important; margin-top: 1% !important}

	.log-out-container .new-logout{margin-top: -18% !important}

	.quick-code{margin-top: 17% !important}

	.banner{

	width:100%;float:left;background-image: url('../images/banner1.html'); 

	background-size: cover; background-repeat: no-repeat; /*background-position: center;*/height: 155vh !important;}

	.skew-container-inner{width: 70% !important; padding-left: 15% !important;}

	.logout-banner{background-image: url('../images/logout-banner.html');}

.new-user-banner{background-image: url('../images/logout-banner.html');}

.new-logout-banner{background-image: url('../images/logout-page.html');}

.timeout-banner{background-image: url('../images/login.png');}

}	



@media(max-width: 603px){

	.logout-skew-wrap{float: left !important; width:300px !important; margin-top: -20%}

	.logout-left{padding-bottom: 10px; padding-top: 4px}

	.quick-code{margin-left: 23% !important;text-align: center !important; margin-top: 20% !important; margin-botto: -20%}

	.quick-code-wrap{width: 75% !important; }

	.log-out-container .new-logout{margin-left: 20% !important; margin-top: -40% !important;}

	.new-logout .media-body{text-align: center !important}

	.skew-container-inner{width: 80% !important}

	.fa-repeat{top: 48% !important;}

	  .new-user-banner, .new-logout-banner{height: 100vh !important}



}



@media(min-width: 601px) and(max-width: 602px){

	.skew-container-inner{width:50%;}

	.fa-repeat{top: 60%;}

	#verification{width: 87%}



}



@media(max-width: 600px){

	.skew-container-inner{width:80%; padding-left:13%;}



}



@media(min-width: 571px) and (max-width: 598px){

	.quick-code{margin-top: 0 !important; margin-left: 0 !important}

	.quick-code-wrap{width: 50% !important; margin-top: 8% !important}

	.log-out-container .skew-base{width: 70% !important;}

	.log-out-container .new-logout{margin-left: 48% !important; margin-top: -80% !important;}

	.banner{

	width:100%;float:left;background-image: url('../images/banner1.html'); 

	background-size: cover; background-repeat: no-repeat; /*background-position: center;*/height: 190vh !important;}

.logout-banner{background-image: url('../images/logout-banner.html');}

.new-user-banner{background-image: url('../images/logout-banner.html');}

.new-logout-banner{background-image: url('../images/logout-page.html');}

.timeout-banner{background-image: url('../images/login.png');}

}





@media(max-width: 570px){

.warning-message{font-size:100% !important}

	#verification{width: 85% !important}

	.logout-left{font-size: 18px; padding-bottom: 25px; padding-top: 4px}

	.logout-left{border-right: 0}

}





@media (min-width: 533px) and (max-width: 568px){



.log-out-container .new-logout{margin-top: -54.5% !important; margin-left: 20% !important;}

.top-quick-code{font-size: 16px !important; margin-top: -10% !important;}



.banner{

	width:100%;float:left;background-image: url('../images/banner1.html'); 

	background-size: cover; background-repeat: no-repeat; /*background-position: center;*/height: 220vh !important;}

	.logout-banner{background-image: url('../images/logout-banner.html');}

.new-user-banner{background-image: url('../images/logout-banner.html'); height: 200vh !important}

.new-logout-banner{background-image: url('../images/logout-page.html'); height: 100vh !important}

.timeout-banner{background-image: url('../images/login.png');}

.skew-container{margin-top: 20%}

.fa-repeat{top: 49% !important}

}



@media(min-width: 460px) and (max-width: 480px){

	#verification{width: 83% !important}

	.log-out-container .new-logout{margin-top: -45%!important}

	.quick-code{margin-top: 20% !important}



	.quick-code-wrap{margin-left: 0 !important; margin-top: -15% !important; width: 70% !important;}

	.new-logout{display: non;}

	.skew-container-inner{padding-left: 17% !important;}

	.banner{

	width:100%;float:left;background-image: url('../images/banner1.html'); 

	background-size: cover; background-repeat: no-repeat;/* background-position: center;*/height: 180vh !important;}

	.logout-banner{background-image: url('../images/logout-banner.html');}

.new-user-banner{background-image: url('../images/logout-banner.html');}

.new-logout-banner{background-image: url('../images/logout-page.html'); height: 100vh !important;}

.timeout-banner{background-image: url('../images/login.png');}

	.skew-container-inner{width: 90% !important; }

	.fa-repeat{top:49% !important;}

	.new-logout .skew-base{margin-top: 90% !important; float: left !important;}

}



@media(max-width: 459px){

.warning-message{font-size:100% !important}

	#verification{width: 80% !important}



}







@media(m-width: 414px) {

	.fa-repeat{top: 48% !important} .new-logout .skew-base{ margin-top:100% !important;}

}





@media(max-width: 412px){.new-logout .skew-base{ margin-top:100% !important; }

}



@media(min-width: 401px) and (max-width: 414px){

	.skew-container{margin-top: 20% !important}

.skew-container-inner{width:100% !important;padding-left: 5% !important}

	.skew, .inner-skew,.inner-skew-online,.inner-skew-online_1,.skew-base-inner{transform:skewX(0deg)}

	.fa-repeat{top: 48% !important}

		.banner{

	width:100%;float:left;background-image: url('../images/banner1.html'); 

	background-size: cover; background-repeat: no-repeat; /*background-position: center;*/height: 100vh !important;}

	.logout-banner{background-image: url('../images/logout-banner.html');}

.new-user-banner{background-image: url('../images/logout-banner.html');}

.new-logout-banner{background-image: url('../images/logout-page.html'); height: 120vh !important }

.timeout-banner{background-image: url('../images/login.png');}

.quick-code{margin-top: 10% !important;}
.log-out-container .skew-base{margin-top:-40% !important;margin-left:-16%;width:168% !important}
.layer{margin-top:32%}
.logout{width:95%;margin-left:3.5%;height:135px;}
.quick-code-wrap{margin-left:-16%;width:110% !important;transform:none;}	
}







@media(max-width: 400px){

	.skew-container-inner{padding-left: 20%}

.ibanking,.ibanking strong{padding-left: 0% !important;}

.warning-session{padding-left: 0 !important;}

}



@media(max-width:389px){

	

	.skew-container-inner{width:100%;padding-left: 5%}

	.skew, .inner-skew,.inner-skew-online,.inner-skew-online_1,.skew-base-inner{transform:skewX(0deg)}

		#verification{width: 70% !important}

		.quick-code-wrap{width:108% !important; margin-left:-18% !important; margin-top: 21% !important;transform:none;}

		.log-out-container .new-logout{margin-top: -70% !important; margin-left: 10% !important}

p.mediumLogOut{margin-top:1%;margin-left:14%;}



}



@media(max-width: 384px){    .new-logout-banner{height: 120vh !important}

}



@media(min-width: 376px) and (max-width: 384px){

	.skew-container-inner{width: 85% !important}

    .new-user-banner{height: 100vh !important}

    .new-logout-banner{height: 110vh !important}

}



@media(min-width: 361px) and (max-width: 375px){



	.banner{

	width:100%;float:left;background-image: url('../images/banner1.html'); 

	background-size: cover; background-repeat: no-repeat;/* background-position: center;*/height: 100vh !important;}

	.logout-banner{background-image: url('../images/logout-banner.html');}

.new-user-banner{background-image: url('../images/logout-banner.html');}

.new-logout-banner{background-image: url('../images/logout-page.html');}

.timeout-banner{background-image: url('../images/login.png');}

	.skew-container{margin-top: 25% !important}

		.skew-container-inner{width: 85% !important}

			.quick-code{margin-top: 20%  !important}

.new-logout .skew-base{margin-top:-2% !important;margin-left:2%;width:148% !important}
	.quick-code-wrap{margin-top:14%;}

}	







@media(min-width:321px) and (max-width:361px){ 

	.logout{width:93%;height:140px;margin-left:5%}
	.logout-left{margin-top: 0% !important; margin-left: 22px; font-weight: bolder}
    .new-logout .skew-base{margin-top:3% !important;margin-left:1%;width:137% !important;}
	.quick-code{margin-top: 15% !important}
     
	.banner{

	width:100%;float:left;background-image: url('../images/banner1.html'); 

	background-size: cover; background-repeat: no-repeat;/* background-position: center;*/height: 110vh !important;}

	.logout-banner{background-image: url('../images/logout-banner.html');}

.new-user-banner{background-image: url('../images/logout-banner.html');}

.new-logout-banner{background-image: url('../images/logout-page.html');}

.timeout-banner{background-image: url('../images/login.png');}

	.fa-repeat{top:49% !important}

		.skew-container-inner{width: 85% !important}

}	



@media(max-width:320px){

logout-skew-wrap{ margin-top: -10%}

.logout, .logout-right{width: 95%;margin-left:3.5%;height:140px;}

.logout-left{margin-top: 0 !important;}

.log-out-container .new-logout{margin-left: 0 !important}

.log-out-container .skew-base{margin-top:4% !important;margin-left:19%;transform:none;width:151% !important;}

.banner{width:100%;float:left;background-image: url('../images/banner1.html'); 

	background-size: cover; background-repeat: no-repeat; height: 135vh !important;}

	.logout-banner{background-image: url('../images/logout-banner.html');}

.new-user-banner{background-image: url('../images/logout-banner.html');}

.new-logout-banner{background-image: url('../images/logout-page.html');}

.timeout-banner{background-image: url('../images/login.png');}

	.skew-container-inner{width: 100% !important}
.layer{margin-top:-27%}


}

.rakPrograssBar { width: 90%; margin: 45px auto 0 auto;  }
.rakPrograssBar ul { width:100%; clear:both; display:inline-block; text-align:center; padding:0; margin:0; }
.rakPrograssBar ul li { display:inline-block; background:#FFF; position:relative; background: url(../images/progresse-bar.png) repeat-x left center; width:31.5%;   float: left;}
.rakPrograssBar ul li:first-child { float:left; text-align:left; }
.rakPrograssBar ul li p { padding:0; margin:0; position:relative; top:-10px; display:inline-block; font-size:11px; font-family: Speak; text-align: center; height: 50px; line-height:13px; font-weight: bold; }
.rakPrograssBar ul li.progressActive p { color:#404040; }
.rakPrograssBar ul li:first-child p { left:-27%; }
.rakPrograssBar ul li:last-child p { right:-32%; }
.rakPrograssBar ul li:last-child { float:left; text-align:right; }
.rakPrograssBar ul li span { width:22px; height:21px; background:url(../images/progresse.png) no-repeat center center; border-radius:100%; display:inline-block; position: absolute; }
.rakPrograssBar ul li span { left:-5px; left:0; right:0; margin:0 auto; top: 17px; }
.rakPrograssBar ul li:first-child span { left:0px; margin:inherit; top: 17px }
.rakPrograssBar ul li:last-child span { right:0px; left:auto; }
.rakPrograssBar ul li.progressActive span { background:url(../images/progress-active.png) no-repeat center center; }
.rakPrograssBar ul li.progressActive { color:#FF0000; }
.rakPrograssBar ul li p small { font-size: 11px !important; display: block; }
.rakPrograssBar ul li:first-child:nth-last-child(3){width:25%}
.rakPrograssBar ul li:last-child:nth-child(3):last-child{width:25%}

@media (min-width:960px){
.rak-biller-box{padding-bottom:50px;}
}
@media (min-width:0px) and (max-width:500px)
{
.rak-biller-box {  width: 100%;}
	.rak-biller-box ul li {	width: 170px;	height:auto;}
}
@media (min-width:0px) and (max-width:374px)
{
	.rak-biller-box ul li { width: 140px;  height: auto;}
}
@media (min-width: 768px)
{
.rakPrograssBar ul li:first-child {width: 16.66%;}
	.rakPrograssBar ul li:first-child p {left: -38px;width: 100px;}
	.rakPrograssBar ul li:last-child {width: 14.66%;}
	.rakPrograssBar ul li:last-child p {right: -7px;width: 100px;	}
	.rakPrograssBar {width: 100% ; margin: 0 60px ;margin-top: 20px;}
	.rakPrograssBar ul li:first-child:nth-last-child(3){width:25%}
	.rakStepLeftAlign .rakPrograssBar{margin: 0 auto 0 150px;}
	.rakPrograssBar ul li:last-child:nth-child(3):last-child{width:25%}
}
@media (min-width: 0px) and (max-width: 767px){
	.prograss-bar1 {   width: 100%;   margin: 45px auto 0 auto;}
	.prograss-bar1 ul li{	width:22%;}
	.prograss-bar1 ul li:last-child {width: 16%;}
	.prograss-bar1 ul li:first-child {width: 16%;}
	.prograss-bar1 ul li p{	font-size:10px;}
	.prograss-bar1 ul li:last-child p {	right:0%;}
	.prograss-bar1 ul li:first-child p {left: -8%;}
}

@media screen and (min-width :640px) and (max-width:900px){
       .skew-wrapCust{
              background-color:rgba(209,210,212,0.5);
             }
             .skew-baseCust{
     	         margin-left:3%;
           }
            .warning{
	             margin-left:-47%;
	             width:131%;
        }
}

@media(min-width: 1px) and (max-width: 639px){
  .skew-container-innerCust_OnlineRegSCreen1{
     margin-left:6%;
     margin-top: -8%;
  }
    .skew-wrapCust_OnlineReg_1{
      height:335px;
  }
  .skew-container-innerCust_OnlineReg_1{
         margin-top: -10.1%;
         margin-left: 16%;
  }
  
   .skew-container-innerCust_ForgotPwdScreen1{
           margin-top: -10.1%;
           margin-left: 16%;
  }
    .skew-container-innerCust_ForgotPwdScreen2{
          margin-top: -13.1%;
          margin-left: 4%;
  }
  .skew-container-innerCust_OnlineRegScreen3{
      margin-left: 9%;
     margin-top: -11.8%;
  }
    .skew-wrapCust_ForgotPwd_Token{
            height: 335px;
            margin-top: -3%;
  }
    .skew-container-innerCust_ForgotPwdScreen4 {
          margin-top: -12.1%;
  	  margin-left: 16%;
   }
      .skew{
        transform: none;
      }
      .inner-skew{
        transform: none;
      }
      .skew-base-inner{
        transform: none;
        margin-left: 15px;
      }
      .fa-repeat {
          top: 45.5% !important;
          margin-right: 32px;
     }
  
}

@media(min-width: 640px) and (max-width: 900px){
  .skew-container-innerCust_OnlineRegScreen3{
     margin-top: -9.7%;
  }
  .skew-container-innerCust_OnlineReg_1{
    margin-top: -8.1%;
  }
  .skew-container-innerCust_ForgotPwdScreen1{
          margin-top: -9.1%;
  }
   .skew-container-innerCust_ForgotPwdScreen2{
               margin-top: -8%;
  }
  .skew-wrapCust_ForgotPwd_Token{
       margin-top: -1.5%;
       height: 311px;
  
  }
    .skew-container-innerCust_ForgotPwdScreen4 {
             margin-top: -9.1%;
      }
    .fa-repeat {
             top: 53% !important;
    }
    .skew-base-inner{
      margin-left: 9px;
    }

}

@media screen and (min-width :901px) and (max-width:1200px){
    .warning{
       height:448px;
       width:118%;
       margin-left:-41%;
    }
    .logout{
          width:75%;
    }
    .quick-code-wrap{
      width:81%;
      margin-top:-35%;
    }
    .log-out-container .skew-base{
      margin-top:3%;
      width:143% !important;
    }
     .skew-container-innerCust_OnlineReg_1{
              margin-top: -6.7%;
    }
    .skew-container-innerCust_ForgotPwdScreen1{
                margin-top: -6.8%;
    }
    .skew-wrapCust_OnlineReg_1{
           height:320px;
    }
       .skew-container-innerCust_OnlineRegScreen3{
             margin-top: -6.8%;
   }
    .skew-container-innerCust_ForgotPwdScreen2{
                margin-top: -6.7%;
    }
    .skew-wrapCust_ForgotPwd_Token{
       height:320px;
    }
    
      .skew-container-innerCust_ForgotPwdScreen4 {
           margin-top: -6.7%;
    }

}