.top-banner {
	width: 100%;
	position: relative;
}

.logo-pic1 {
	width: 35%;
	position: absolute;
	top: 300px;
	right: 12%;
}

.logo-pic2 {
	width: 28%;
	position: absolute;
	top: 500px;
	right: 15%;
}

.app-btn-grop {
	width: 100%;
	position: absolute;
	top: 600px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.app-btn-grop img {
	width: 14%;
	cursor: pointer;
}

.btn-ios {
	margin-right: 19px;
}

.btn-android {
	margin-right: 14%;
}


.banners-container {
	width: 100%;
	position: absolute;
	top: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.banner-pic {
	width: 100%;
}

@media only screen and (max-device-aspect-ratio : 9 / 16) and (orientation : portrait) {
	.top-banner {
		width: 100%;
		height: 177.77777778vw;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.logo-pic1 {
		width: 798px;
		position: absolute;
		top: 170px;
		right: unset;
	}

	.logo-pic2 {
		width: 650px;
		position: absolute;
		top: 400px;
		right: unset;
	}

	.app-btn-grop {
		height: auto;
		position: absolute;
		top: unset;
		bottom: 80px;
		bottom: calc(80px + env(safe-area-inset-bottom));
		right: unset;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-end;
	}

	.app-btn-grop img {
		width: 420px;
		cursor: pointer;
	}

	.btn-ios {
		margin-right: 0px;
		margin-bottom: 59px;
	}

	.btn-android {
		margin-right: unset;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.top-banner {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.logo-pic1 {
		width: 798px;
		position: absolute;
		top: 20px;
		right: unset;
		/* margin-right: 80px; */
	}

	.logo-pic2 {
		width: 610px;
		position: absolute;
		top: 260px;
		right: unset;
	}

	.app-btn-grop {
		height: 100%;
		position: absolute;
		top: unset;
		bottom: 77px;
		right: unset;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-end;
	}

	.app-btn-grop img {
		width: 250px;
		cursor: pointer;
	}

	.btn-ios {
		margin-right: 0px;
		margin-bottom: 15px;
	}
	
	.btn-android {
		margin-right: unset;
	}
}

@media only screen and (max-device-width : 1280px) and (orientation : landscape) {
	.logo-pic1 {
		width: 35%;
		position: absolute;
		top: 200px;
		right: 12%;
	}

	.logo-pic2 {
		width: 28%;
		position: absolute;
		top: 320px;
		right: 15%;
	}

	.app-btn-grop {
		width: 100%;
		position: absolute;
		top: 400px;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
}