@media (min-width: 1441px) {
	.main-banner-wrapper {
		background: #062429 url(../images/desktop-banner-background.webp) no-repeat top right;
	}

	.offer-steps-wrapper {
		background-image: none;
		max-width: 56%;
	}
}

@media (min-width: 1801px) {
	.offer-steps-wrapper {
		max-width: 72%;
		background-image: url(../images/arrow.svg), url(../images/arrow.svg);
	}
}

@media screen and (min-width: 2200px) {
	.offer-steps-wrapper {
		max-width: 100%;
	}
}

@media screen and (max-width: 1440px) {
	.offer-steps-wrapper {
		max-width: 100%;
	}
}

@media (min-width: 960px) and (max-width: 1440px) {
	.main-banner-wrapper {
		background: #062429 url(../images/tablet-banner-background.webp) no-repeat top right;
	}

	.main-banner-wrapper .offer-wrapper {
		padding-left: 0px;
	}

	.offer-steps-wrapper {
		margin-top: 60px;
		margin-left: 0;
		margin-right: 0;
		background-image: none;
	}

	.main-banner-wrapper p.offer-text {
		width: 45%;
	}

	.game-info-container {
		width: 100%;
		max-width: 1140px;
	}
}

@media (min-width: 768px) and (max-width: 959px) {
	.main-banner-wrapper {
		background: #062429 url(../images/tablet-banner-background.webp) no-repeat top right;
	}

	.main-banner-wrapper .offer-wrapper {
		padding-left: 0px;
	}

	.offer-steps-wrapper {
		margin-top: 60px;
		margin-left: 0;
		margin-right: 0;
		padding: 16px 20px;
		background-position:
			29% 0,
			61.5% 0;
		gap: 32px;
		background-image: none;
	}

	.offer-steps-wrapper p.desc {
		line-height: 20px;
	}

	.main-banner-wrapper p.members {
		font-size: 25px;
	}

	.main-banner-wrapper p.offer-text {
		width: 60%;
	}

	.main-banner-wrapper h2.gradient-text {
		font-size: 60px;
		font-style: normal;
		font-weight: 800;
		line-height: 60px; /* 100% */
		letter-spacing: 1.027px;
		max-width: 80%;
		margin-bottom: 1rem;
	}

	.main-banner-wrapper h4.deposit-text {
		font-size: 48px;
		font-style: normal;
		font-weight: 800;
		line-height: 60px; /* 125% */
		letter-spacing: 0.72px;
	}

	.main-banner-wrapper h3.free-spins-text {
		font-size: 75px;
	}

	.footer-contact-section-wrapper {
		flex-wrap: wrap;
		row-gap: 26px;
	}

	.footer-contact-section-wrapper .contact-wrapper {
		flex: 1 0 50%;
	}

	.footer-contact-section-wrapper img.contact-icon {
		width: 34px;
	}

	p.fineprint {
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 28px; /* 155.556% */
		letter-spacing: 0.27px;
		width: 65%;
	}

	.info-heading {
		font-size: 28px;
		line-height: 38px;
		letter-spacing: 1.12px;
	}

	.info-text,
	.info-sub-heading {
		font-size: 20px;
		line-height: 28px;
		letter-spacing: 0.3px;
	}

	.info-image {
		max-width: 600px;
	}
}

@media (min-width: 600px) and (max-width: 767px) {
	.main-banner-wrapper {
		background: #062429 url(../images/tablet-banner-background.webp) no-repeat 96% 0%;
	}

	.container {
		max-width: 700px;
	}

	.main-banner-wrapper .offer-wrapper {
		padding-left: 0px;
		text-align: left;
	}

	.offer-steps-container {
		margin-top: 60px;
	}

	.offer-steps-wrapper {
		margin-left: 0px;
		padding: 17px 20px;
		border-radius: 8px;
		justify-content: space-around;
		background-color: #0f505bcc;
		background-image: none;
		background-repeat: no-repeat;
		background-position:
			32% 0,
			61.5% 0;
		margin-right: 0px;
		gap: 20px;
	}

	.offer-steps-wrapper p.desc {
		line-height: 20px;
	}

	.main-banner-wrapper p.members {
		font-size: 24px;
		max-width: 80%;
	}

	.main-banner-wrapper h2.gradient-text {
		font-size: 42px;
		font-style: normal;
		font-weight: 800;
		line-height: 40px; /* 100% */
		letter-spacing: 1.027px;
		margin-bottom: 1rem;
		max-width: 75%;
	}

	.main-banner-wrapper h4.deposit-text {
		font-size: 42px;
		font-style: normal;
		font-weight: 800;
		line-height: 60px; /* 125% */
		letter-spacing: 0.72px;
		margin-bottom: 1rem;
	}

	.main-banner-wrapper p.offer-text {
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		letter-spacing: 0.36px;
		width: 60%;
	}

	.main-banner-wrapper h3.free-spins-text {
		font-size: 75px;
	}

	.footer-contact-section-wrapper {
		flex-wrap: wrap;
		row-gap: 26px;
	}

	.footer-contact-section-wrapper .contact-wrapper {
		flex: 1 0 50%;
	}

	.footer-contact-section-wrapper img.contact-icon {
		width: 34px;
	}

	.disclaimer {
		width: 100%;
	}

	.fineprint {
		width: 60%;
		text-align: left;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 28px; /* 155.556% */
		letter-spacing: 0.27px;
	}

	.bbs-text {
		font-size: 40px;
		font-style: normal;
		font-weight: 800;
		line-height: 68.45px;
		letter-spacing: 0.6px;
	}

	.info-heading {
		font-size: 28px;
		line-height: 38px;
		letter-spacing: 1.12px;
	}

	.info-text,
	.info-sub-heading {
		font-size: 20px;
		line-height: 28px;
		letter-spacing: 0.3px;
	}

	.info-image {
		max-width: 600px;
	}

	.header-cta-wrapper a.btn {
		font-size: 14px;
		padding: 5px 10px;
	}
}

@media (max-width: 599px) {
	.header-wrapper img.desktop-logo {
		display: none;
	}

	.header-wrapper img.mobile-logo {
		display: inline-block;
		margin: 0;
		width: 100px;
	}

	.header-wrapper img.igaming-logo {
		width: 80px;
	}

	.header-wrapper {
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.header-cta-wrapper {
		gap: 10px !important;
	}

	.header-cta-wrapper a.btn {
		font-size: 14px;
		padding: 5px 10px;
	}

	.main-banner-wrapper {
		padding-top: 20px;
		padding-bottom: 20px;
		background-image: url('../images/mobile-banner-background.webp');
		background-repeat: no-repeat;
		background-size: 100%;
		background-color: #062429;
		background-position: 0 59%;
	}

	.main-banner-wrapper .offer-wrapper {
		padding-left: 0;
		text-align: center;
	}

	.main-banner-wrapper p.members {
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: 32px; /* 200% */
		letter-spacing: 0.24px;
		margin-bottom: 0.25rem;
	}

	.main-banner-wrapper h2.gradient-text {
		font-size: 43.41px;
		font-style: normal;
		font-weight: 800;
		line-height: 43.41px; /* 100% */
		letter-spacing: 0.651px;
		margin: 1.5rem auto 0;
		max-width: 80%;
	}

	.main-banner-wrapper h4.deposit-text {
		font-size: 28px;
		font-style: normal;
		font-weight: 800;
		line-height: 32px; /* 114.286% */
		letter-spacing: 0.42px;
		padding-bottom: 0.15rem;
		text-align: center;
		width: 100%;
	}

	.main-banner-wrapper p.offer-text {
		text-align: center;
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		line-height: 28px; /* 116.667% */
		letter-spacing: 0.36px;
		width: 90%;
		margin: 1.5rem auto 1.5rem;
		align-self: stretch;
	}

	.main-banner-wrapper h3.free-spins-text {
		font-size: 30px;
	}

	.main-banner-wrapper a.banner-cta {
		margin: 0.5rem 0;
	}

	.offer-steps-wrapper {
		margin-top: 1rem;
		flex-direction: column;
		align-items: flex-start !important;
		gap: 15px;
		background-image: none;
		background-position: 12.5% 50%;
		padding: 10px 20px;
	}

	p.fineprint {
		font-weight: 600;
		width: 100%;
		text-align: center;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 22px; /* 157.143% */
		letter-spacing: 0.21px;
	}

	.main-banner-wrapper a.terms-link {
		margin-top: 15px;
	}

	.footer-wrapper {
		flex-wrap: wrap;
		gap: 15px;
	}

	.footer-wrapper .footer-link {
		flex: 1 0 40%;
	}

	.footer-contact-section-wrapper {
		flex-wrap: wrap;
		row-gap: 26px;
	}

	.footer-contact-section-wrapper .contact-wrapper {
		flex: 1 0 50%;
	}

	.footer-contact-section-wrapper img.contact-icon {
		width: 34px;
	}

	.payments-wrapper img.payment-logo {
		margin-right: 10px;
		max-width: 75px;
	}

	.payments-wrapper {
		flex-wrap: wrap;
	}

	.links-wrapper a.link {
		font-size: 14px;
	}

	.terms-wrapper .links-wrapper {
		flex-wrap: wrap;
		row-gap: 15px;
	}

	.terms-wrapper {
		padding: 20px 0;
	}

	.disclaimer {
		width: 100%;
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: 18px; /* 150% */
		letter-spacing: 0.18px;
	}

	.bbs-text {
		font-size: 28px;
		font-style: normal;
		font-weight: 800;
		line-height: 43.41px;
		letter-spacing: 0.42px;
	}

	.fineprint-desktop {
		display: none;
	}

	.fineprint-mobile {
		display: block;
	}

	.offer-steps-container {
		margin-top: 135%;
	}

	.info-heading {
		font-size: 24px;
		line-height: 34px;
		letter-spacing: 0.96px;
	}

	.info-text,
	.info-sub-heading {
		font-size: 16px;
		line-height: 26px;
		letter-spacing: 0.24px;
	}

	.game-info-wrapper {
		padding: 0 20px;
	}
}

@media (max-width: 380px) {
	.main-banner-wrapper p.offer-text {
		width: 90%;
		margin: 1rem auto 0.5rem;
	}

	.main-banner-wrapper h2.gradient-text {
		margin-top: 0.75rem;
	}
}

@media (max-width: 360px) {
	.header-cta-wrapper a.btn {
		font-size: 12px;
		padding: 7px 10px;
	}
}

@media (max-width: 344px) {
	.header-wrapper a.mobile-logo {
		margin: 0;
	}

	.header-wrapper a.mobile-logo img {
		width: 88px;
	}

	header.container-fluid {
		padding-left: 6px;
		padding-right: 6px;
	}

	.header-cta-wrapper a.btn {
		font-size: 11px;
		padding: 6px 7px;
	}

	.payments-wrapper {
		flex-wrap: wrap;
	}

	.offer-steps-wrapper p.desc {
		font-size: 14px;
	}

	.offer-steps-wrapper {
		background-position: 16% 50%;
	}
}

/* Galaxy fold mobile  */
@media (width: 280px) {
	.header-cta-wrapper {
		gap: 5px !important;
	}

	.header-wrapper img.mobile-logo {
		width: 74px;
	}

	.header-wrapper img.igaming-logo {
		width: 60px;
	}

	.header-cta-wrapper a.btn {
		font-size: 11px;
		padding: 5px 10px;
	}

	.main-banner-wrapper h2.gradient-text {
		font-size: 76px;
	}

	.main-banner-wrapper p.members {
		font-size: 20px;
	}

	.main-banner-wrapper h4.deposit-text {
		font-size: 24px;
	}

	.main-banner-wrapper a.banner-cta {
		margin-top: 10px;
		margin-bottom: 14px;
	}

	p.fineprint {
		font-size: 14px;
		padding: 0;
	}

	.offer-steps-wrapper {
		margin-top: 90px;
	}

	.offer-steps-wrapper p.desc {
		font-size: 16px;
		line-height: 1;
	}

	.offer-steps-wrapper {
		background-position: 18.5% 50%;
	}

	.links-wrapper a.link {
		font-size: 11px;
	}

	.payments-wrapper {
		flex-wrap: wrap;
	}

	.payments-wrapper img.payment-logo {
		width: 40px;
		margin-right: 22px;
	}
}
