@charset "utf-8";
/* CSS Document */
img{max-width:100%;}
/*Added by ANUSHA R for Payment Page Preview*/
.detail-row label{background-color:#eeeeee;}	
.detail-row .col-lg-3{margin: 0px 0px .5% .5%;padding: .5%;width: 32.5%;overflow: hidden;}
.detail-row label.col-lg-3{width: 14%;}
.detail-row div.col-lg-3{background-color:#f5f5f5;}
.col-lg-4{width:33%;}
@media (max-width: 998px) {.imps .col-lg-6 input{width:102px;}}
@media (max-width: 930px) {}	 
@media (max-width: 800px) {.imps .col-lg-12 > div.col-lg-6 {width: 57%;}}
@media (max-width: 750px) {.content > .col-lg-6{width:50%;}}
@media (max-width: 660px) {.content > .col-lg-6{width:65%;}.card{width:30% !important;}.imps .col-lg-12 > div.col-lg-6 {width: 80%;}}
@media (max-width: 550px) {.detail-row .col-lg-3,.detail-row div.col-lg-3{width: 82.5%;}}
@media (max-width: 520px) {.card{display:none;}.content > .col-lg-6{width:100%;}.imps .col-lg-12 > div.col-lg-6 {width: 96%;}}
@media (max-width: 500px) {.captcha-field{float: none;display: block;margin-bottom: 8px;}header img.bank-logo{width:60%;}header img.merchant-logo{width:10%;}}
@media (max-width: 480px) {footer .float-right {float: none;}}
@media (max-width: 450px) {.detail-row .col-lg-3, .detail-row div.col-lg-3 {width: 76.5%;}.detail-row label.col-lg-3 {width: 20%;}}
@media (max-width: 420px) {footer .col-lg-1{width:80px;}footer .col-lg-11{width:101%;}}
@media (max-width: 400px) {.imps label.col-lg-6{width: 40%;}.imps div.col-lg-6 div.col-lg-6{width: 152px;}}
@media (max-width: 360px) {.content > .col-lg-6{width:94%;}.col-lg-6 {width: 100%;padding: 8px 0;}.cols-3{width:90%;}.cols-3 .col-lg-1{width:15px;text-align:center;}.cols-3 .col-lg-5{width:auto;}.cols-3 .col-lg-6{padding:0;width: auto;}.detail-row .col-lg-3, .detail-row div.col-lg-3,.detail-row label.col-lg-3 {width: 98%;display: block;float:none;}}
@media (max-width: 320px) {.detail-row .col-lg-3,.detail-row div.col-lg-3{width: 94%;}}
@media (min-width: 320px) and (max-width: 750px) {.col-lg-4{width:100%;} .errormsg{line-height: 30px;font-size: 18px;} .container eror{height:250px;} 
#captcha_image{
	margin-top:12px;
}

}
@media screen and (max-width: 1280px) {
.progress-insidepage {
text-align: left;
left: 30%;
top: 30%;
position: absolute;
background-color: #fff;
padding: 10px;
}}

@media screen and (max-width: 812px) {
.progress-insidepage {
text-align: left;
left: 10%;
top: 30%;
position: absolute;
background-color: #fff;
padding: 10px;
}}


 /* @media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 720px) {
.col-xs-6 {
  width: 50% !important;
  }
 .col-xs-12 {
  width: 100% !important;
  } 
  
  .col-xs-mob {
    width: 20%;
}
 
  .mar-0px{
  margin-right: -3px;
  }
  
  .col-xs-6{
  width:50%;
  }
  
  .col-xs-4{
	width:33.33333333%;
}
  .web-captcha-savedcard{
  width: 95%;
  }  
  }
  
  ----------- iPad 1, 2, Mini and Air -----------

Portrait and Landscape
  @media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
 .web-align{
	width:84% !important;
}
.col-sm-4 {
    width: 31.555555% !important;
}

.web-captcha-savedcard {
    width: 30.8%;
 }
 
}

Portrait
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
 .web-captcha-savedcard{
	width: 39.8%;
} 

.col-sm-label {
 width: 31.6%;
}
}
 
 Landscape
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 768px) 
  and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
.formwidth {
    width: 39.7% !important;
    padding-bottom: 5px;
    padding-top: 5px;
}

	.col-sm-label {
 width: 41% !important;
}

.keypad_container .keypadbtnalignment {
    margin-left: 20% !important;
    margin-right: 20% !important;
}
.col-sm-12 {
    width: 100% !important;
}

.web-captcha{
	width:39% !important;
}

}
 
  
----------- iPad 3, 4 and Pro 9.7" -----------

Portrait and Landscape

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
.formwidth {
    width: 45%;
    padding-bottom: 5px;
    padding-top: 5px;
}

.col-sm-label-ipad {
 width: 40.6% !important ;
}

.col-sm-6 {
    width: 52% !important;
}

.col-sm-12 {
    width: 100% !important;
}


}

Portrait
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

	.formwidth {
    width: 39.8%;
    padding-bottom: 5px;
    padding-top: 5px;
}

.col-sm-label-ipad {
 width: 31.6% ;
}

.keypad_container .keypadbtnalignment {
    margin-left: 7% !important;
    margin-right: 7% !important;
}	
.web-align-1{
	width:109% !important;
}

.web-captcha-savedcard {
    width: 30.8% !important;
 }
 
 
}

Portrait
@media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1024px) 
  and (orientation: Landscape) 
 {
.web-captcha-savedcard {
    width: 30.8%;
}
	}
	

Landscape
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {


.keypad_container .keypadbtnalignment {
    margin-left: 16% !important;
    margin-right: 16% !important;
}	


}

prabhu -- css added for responsive  ends

@media (min-width:1200px){
.col-lg-12{
	width:100%;
}

.col-lg-6{
	width:50%;
}

}



.keyformwidth_tranpay {
    width: 100% !important;
    margin-left: 17% !important;
        margin-right: 17% !important;
    padding-bottom: 5px;
    padding-top: 5px;
}

.pinfiledlength_tranpay
{
width: 37%;	
}

.col-xs-3 {
    width: 25%;
}


Samsung tab device 

@media only screen 
  and (min-device-width: 800px) 
  and (max-device-width: 1340px) 
  and (orientation: portrait) {
  .web-align {
    width: 62%;
}

.web-captcha-savedcard {
 	 width: 37.8%;
 }
 
  } */