.logi-wrapper {
	width: 100%;
	max-width: 640px;
	position: relative;
	margin: 0 auto;
}
.logi-wrapper img {
	width: 100%;
}
.logi-wrapper .main,
.logi-wrapper .btn-listA,
.logi-wrapper .btn-listB {
	margin-bottom: 16px;
}
.btn-listA,.btn-listB {
	display: flex;
	flex-direction: row;
	padding: 0 6px;
	flex:1 0 100%;
	justify-content: space-between;
}
.btn-listA ,.btn-listB a {
	margin: 0 6px;
}
.btn-listB {
	flex-wrap: wrap;
}
.btn-listB a {
    width: 48%;
    margin: 0 1% 12px;
}
.logi-wrapper .col-2 img  {
	width: 48% !important;
}
.logi-wrapper .col-3 img {
	width: 31% !important;
}