.btn-group {display: flex;gap: 10px;flex-wrap: wrap;}

.receipt_step {width:100%; height:auto; overflow:hidden; margin:40px 0 0 0;}
.receipt_step:after {content:""; display:block; clear:both;}
.receipt_step li {float:left; width:30.3%; margin:0 1.5% 30px 1.5%; min-height:160px; border-bottom:1px solid #cccccc;}
.receipt_step li .step {font-size:1.357em; font-weight:600; height:27px; margin:0 0 20px 0; background:url(../img/content/receipt_step_bg.jpg) no-repeat right 4px;} 
.receipt_step li .step span {display:inline-block; vertical-align:top; background:#fff; padding:0 10px 0 0;color: #000;}
.receipt_step li .step span span.num {padding:0; color:#0068B7;}
.receipt_step li .connect {text-align:center; margin:0 auto;font-size: 17px;font-weight: 500;line-height: 1.4;color: #222;}
.receipt_step li .connect img {display:block; margin:0 auto 5px auto; width:100%; max-width:222px;}
.receipt_step li .login {text-align:center; margin:0 auto; padding:40px 0 0 0; background:url(../img/content/receipt_step_ico.png) no-repeat center top;font-size: 17px;font-weight: 500;line-height: 1.4;color: #222;}
.receipt_step li .txt {text-align:center; margin:0 auto; width:60%;font-size: 17px;font-weight: 500;line-height: 1.4;color: #222;}

@media all and (max-width:680px){
	.receipt_step li {width:44%; margin:0 3% 30px 3%;}
	.receipt_step li .login,
	.receipt_step li .connect, 
	.receipt_step li .txt {font-size: 16px;}
}
	
@media screen and (max-width:500px){
	.btn-group {flex-direction: column;}
	.receipt_step li {width:90%; margin:0 5% 20px 5%; min-height:10px; padding-bottom:25px;}	
}