/* iPhone 6 ----------- */
@media only screen and (max-device-width: 414px) {
	.switch {
		width: 50px;
    	height: 20px;
	}
	.slider:before {
		height: 15px;
		width: 15px;
		left: 3px;
		bottom: 3px;
	}
	
	.installment .bank-logo ul li img,
	.card img {
		width: 50px !important;
		height: 50px !important;
		margin-left: 0 !important;
		left: 0 !important;
		margin-bottom: 15px !important;
	}
	.card img {
		width: 40px !important;
		height:auto !important;
		margin-top: 10px !important;
    	display: inline-block !important;
	}
	.installment .bank-logo {
		float:none;
	}
	.installment .bank-logo ul li {
		margin:0 5px 0 0;
	}
	.counter-logo .logo {
		height:auto;
	}
}
@media only screen and (max-device-width: 375px) {
	.payment-head .nav-tabs > li > a {
		/*padding: 15px 24px;*/
	}
	.payment-head .nav-tabs > li:last-child > a {
		border:none;
	}
	.container {
		padding:0;
	}
	.merchant .detail span.lbl-title {
		width:40%;
	}
	.merchant .detail span.lbl-detail {
		width:60%;
	}
	.card input[type="text"], .card input[type="number"] {
		width: 67%;
	}
	.option-123 a {
		height:70px;
		-webkit-border-radius: 10px;
    	-moz-border-radius: 10px;
    	border-radius: 10px;
	}
	.option-123 a.counter {
		background-position: 9px 9px;
	}
	.option-123 a.atm {
		background-position: 14px 14px;
	}
	.option-123 a.i-banking {
    	background-position: 12px 12px;
	}
	.option-123 a.web-pay {
		
	}
	
}

@media only screen and (max-device-width: 320px) {
	.payment-head .nav-tabs > li > a {
		/*padding: 15px 17px;*/
	}
	.payment-head .nav-tabs > li:last-child > a {
		border:none;
	}
	.container {
		padding:0;
	}
	.merchant .detail span.lbl-title {
		width:40%;
	}
	.merchant .detail span.lbl-detail {
		width:60%;
	}
	.card a {
		margin:12px 0 0 0;
	}
	.option-123 a {
		height:60px;
		-webkit-border-radius: 10px;
    	-moz-border-radius: 10px;
    	border-radius: 10px;
	}
	.option-123 a.atm {
		background-position: 12px 12px;
	}
	.option-123 a.i-banking {
   		background-position: 11px 12px;
	}
	.option-123 a.web-pay {
		background-position: 9px 10px;
	}
	.counter-logo .logo {
		height:70px;
	}
	.counter-wrap .counter-logo {
		height:140px;
	}
	.confirm-section .detail .lbl-title {
		font-size:16px;
	}
	.confirm-section .detail .lbl-detail {
		font-size:15px;
	}
	.stored-card span {
		width: 65%;
		margin: 0;
    	line-height: 22px;
	}
}