@charset "utf-8";
/* CSS Document */

@media only screen  and (min-width : 1025px) and (max-width : 1824px)  {
	
}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
	

}

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
	
}

@media only screen and (max-width: 767px) and (orientation : landscape) {
	
}
@media (max-width: 767px) {
	.logoepay {
		width:60%;
	}
	.bg-gradient-blk-ylw {
		display:none;
	}
	.logoverifildbyvisa {
		width:40%;
	}
	.bg-gradient {
		display:none !important;
	}
	.topleft {
		width:95%;
	}
	.tilteepay {
		font-size: 14px;
    	line-height: 20px;
		width: 60%;
		padding:20px 0 0 0;
		word-wrap: break-word;
	}
	.ddcommon {
		width:45px !important;
	}
	.dd {
		border:none;
	}
	.dd .ddArrow {
		background:none;
	}
	.dd .divider {
		border:none;
	}
	.switch-language {
		right: -130%;
		top: -23px;
	}
	.wizard .nav-tabs > li a {
		display:none;
	}
	.progressbar li:after {
		left: -24%;
	}
	.wizard .tab-pane .zonecontent {
		width:100%;
	}
	.wizard .width60 {
		width:90%;
	}
	.term-wrap {
		padding:15px 10px;
	}
	.term-wrap span.termtitle, 
	.term-wrap span.termtitle b {
		font-size:14px;
		margin-bottom:10px;
	}
	.term-wrap p,
	.term-wrap ul li,
    .term-wrap dd {
		font-size:12px;
		line-height: 20px;
	}
	.wizard .tab-pane .step1, 
	.wizard .tab-pane .step2, 
	.wizard .tab-pane .step3 {
		margin-bottom: 20px;
	}
	.footer span {
		font-size:10px;
		line-height: 15px;
	}
	.footer img {
		width:20%;
    	margin: 0 0 10px 0;
	}
	.wizard .tab-pane .content .innercontent {
		padding:5px 4%;
	}
	.vd .date-error {
		top:118px !important;
	}
	.validatetext {
		margin:0px 0 10px 5px;
	}
	.b-date .ddOutOfVision {
		width:50%;
	}
	.phone-no-wrap .ddOutOfVision, .spd-lm .ddOutOfVision {
		width:100%;
	}
	.pa .description {
		text-align:left;
	}
	.step-title {
		margin:15px 0 0 0;
	}
	
}

@media (max-width: 479px) {

}

@media (max-width: 414px) {
	.vd {
		float: right;
		clear: both;
		margin-right: 17px;
	}
	.vd .vd-img {
		width: 25px;
		top: 25px;
		position: absolute;
		padding-left: 8px;
	}
	select.sldate, 
	select.slmonth, 
	select.slexpirymonth, 
	select.slexpiryyear, 
	select.slyear {
		width: 47%!important;
    		margin-right: 5px!important;
	}
	.otp-lang {
		margin:10px 0;
	}
	.otp-lang input[type="radio"] + label {
		width:100%;
	}
	.tilteepay {
		font-size: 12px;
                width: 75%;
	}
	input[type=text].BizFormFill, 
	input[type=password].BizFormFill, 
	label.BizFormFill, 
	.phone-no-wrap, 
	.spd-lm {
		width:95%;
		float:left;
		font-size:14px;
		margin: 0 0 10px 0;
	}
    select.slmonth {
	    position: relative;
    	left: 0;
    	margin-left: 0;
	}
	select.slyear {
		float: left;
	}
}
@media (max-width: 375px) {
	
}
@media (max-width: 320px) {
	
}