@media screen and (max-width: 1248px) {
	.bg-hero {
		padding: 142px 180px 132px 180px;
	}
	.cta {
		padding: 196px 300px 200px 30px;
	}
	.cta .cta-first {
		font-size: 34px;
	}
	.cta-second {
		padding: 135px 170px 135px 30px;
	}
	.cta-second .cta-second-info {
		font-size: 38px;
		margin-bottom: 24px;
	}
}
@media screen and (max-width: 900px) {
	.mobile-on {
		display: block;
	}
	.mob {
		display: flex;
	}
	.decs {
		display: none;
	}
	header {
		padding: 16px 40px;
	}
	.nav-toggler {
		display: block;
	}

	.site-navbar ul {
		gap: 0;
		border-radius: 16px;
		background-color: transparent;
		padding: 4px 24px;
	}

	.menu__list {
		position: absolute;
		width: 327px;
		z-index: 100;
		left: 0;
		top: 47px;
		flex-direction: column;
		align-items: center;
		background-color: transparent;
		max-height: 0;
		overflow: hidden;

		border-radius: 16px;
	}
	.menu__close {
		width: 15px;
		height: 15px;
		padding: 0;
		margin: 0;
		cursor: pointer;
	}
	.menu__close svg {
		color: white;
	}
	.menu-item-first {
		display: block;
		background-color: transparent;
		justify-content: space-between !important;
		max-width: 289px;
		align-items: center;
		margin-bottom: 14px;
	}

	.menu-item-first div {
		font-size: 22px;
		font-style: normal;
		font-weight: 700;
		line-height: 24.5px;
		letter-spacing: 0.88px;
	}
	.menu_img {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 410px;
		display: block;
	}
	.header {
		font-size: 30px;
		text-align: center;
	}
	.site-navbar ul li {
		width: 290px;
		display: flex;
	}
	.site-navbar ul li a {
		padding: 10px 10px;
		color: #ececec;
		font-size: 16px;
		font-weight: 500;
		text-align: start;
	}

	.menu__item {
		position: relative;
	}

	.site-navbar ul.open {
		min-height: 190px;
		overflow: visible;
		top: 150%;
		left: 50%;
		transform: translate(-50%, 0%);
		display: flex;
		justify-content: space-between;
		padding: 25px 18px;
		background-color: #262649;
		text-align: center;
	}
	.box-btn-menu.mobile-on {
		display: flex;
		flex-direction: column;
		gap: 5px;
		width: 100%;
	}

	.hero {
		padding: 16px;
	}
	.bg-hero {
		background-image: url(../img/hero-bg-medium.png);
		padding: 142px 30px 132px 30px;
	}

	.bonus-card {
		max-width: 357px;
		gap: 10px;
		padding: 16px 32px;
	}
	.advanture {
		padding: 40px;
	}
	.adv-card img {
		order: 1;
		width: 200px;
	}
	.adv-card h3 {
		font-size: 25px;
	}
	.box-adv {
		flex-direction: column;
	}
	.adv-card {
		flex-direction: column;
		align-items: flex-start;
		padding: 24px;
		gap: 14px;
	}
	.box-adv .adv-card {
		padding: 24px;
	}
	.adv-card-contant {
		order: 2;
	}
	.cta {
		background-image: url(../img/cta-bg-medium.png);
		padding: 100px 40px 72px;
		align-items: flex-start;
	}
	.cta .cta-first {
		margin-bottom: 24px;
		font-size: 32px;
		text-align: start;
		max-width: 330px;
	}

	.about {
		padding: 40px;
	}
	.about h2 {
		margin-bottom: 40px;
	}
	.about p {
		font-size: 14px;
	}

	.about ul li {
		font-size: 14px;
		margin-bottom: 3px;
	}
	.cta-second {
		padding: 47px 40px;
	}
	.cta-second .cta-second-info {
		font-size: 30px;
		margin-bottom: 24px;
		max-width: 320px;
	}
	.cta-second .main-btn button {
		padding: 12px 27px;
	}
	.box-footer {
		padding: 32px 40px;
		gap: 40px;
	}
	footer .menu-logo-emo {
		width: 115px;
	}
	footer .menu-logo-rake {
		width: 113px;
	}
	.footer-info {
		padding: 32px 40px;
	}
	.footer-logo {
		gap: 5px;
	}
	.item-1,
	.item-2,
	.item-3,
	.item-4,
	.item-5,
	.item-6 {
		display: none;
	}
	.box-footer {
		justify-content: space-around;
	}
	.cta {
		padding: 196px 300px 132px 20px;
	}
	.cta .cta-first {
		font-size: 28px;
	}
}
@media screen and (max-width: 535px) {
	header {
		padding: 16px;
	}
	.menu-logo-emo {
		width: 83px;
	}
	.menu-logo-rake {
		width: 105.581px;
	}
	.hero {
		padding: 0px;
	}
	.bg-hero {
		background-image: url(../img/hero-bg-mobile.png);

		padding: 60px 0 378px 0;
		border-radius: 0;
		justify-content: flex-start;
	}
	h1 {
		font-size: 64px;
		font-style: normal;
		font-weight: 700;
		line-height: 100%;
	}
	h4 {
		font-size: 28px;
		margin-bottom: 42px;
	}
	.hero-logo .menu-logo-rake {
		width: 150px;
	}
	.hero-logo .menu-logo-emo {
		width: 137px;
	}
	.hero-logo {
		gap: 5px;
	}
	.bonus-card h3 {
		font-size: 24px;
	}
	p {
		font-size: 16px;
	}
	.bonus-card h5 {
		font-size: 18px;
	}
	.bonus {
		gap: 8px;
	}
	.bonus-card {
		max-width: 358px;
	}
	.advanture {
		padding: 40px 16px;
	}
	.adv-card img {
		width: 100px;
	}
	.adv-card h3 {
		font-size: 24px;
	}
	.adv-card {
		padding: 14px;
	}
	.box-adv .adv-card {
		padding: 14px;
	}
	h2 {
		font-size: 32px;
		font-style: normal;
		font-weight: 700;
		line-height: 100%;
	}
	.cta {
		background-image: url(../img/cta-bg-mobile.png);
		padding: 48px 30px 317px;
		align-items: flex-start;
	}
	.cta .cta-first {
		margin-bottom: 16px;
		font-size: 24px;
	}

	.about {
		padding: 40px 16px;
		padding-bottom: 20px;
	}
	.about h2 {
		font-size: 32px;
		margin-bottom: 32px;
	}
	.about p {
		margin-bottom: 16px;
	}
	.about-box {
		flex-direction: column;
		gap: 0px;
	}
	.about ul li {
		margin-bottom: 4px;
	}
	.about ul {
		margin-bottom: 16px;

		padding-left: 15px;
	}

	.cta-second {
		background-image: url(../img/cta2-mobile.png);
		display: flex;
		align-items: center;
		padding: 25px 16px 294px;
	}

	.cta-second h2 {
		font-size: 30px;
		text-align: center;
		margin-bottom: 16px;
	}
	.box-footer {
		padding: 16px;
		gap: 16px;
		flex-direction: column;
		align-items: flex-start;
	}
	.footer-nav {
		flex-direction: column;
		gap: 24px;
	}
	.footer-info {
		padding: 16px;
		gap: 24px;
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
	}
	.footer-logo {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.box-footer {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.legal {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
}
@media screen and (max-width: 379px) {
	.team-item {
		padding: 15px;
	}
	.footer-menu {
		gap: 10px;
	}
}
@media screen and (min-width: 1500px) {
	.cta-second,
	.cta {
		border-radius: 36px;
	}
	.cta-second {
		margin-bottom: 20px;
	}
	footer {
		border-radius: 20px;
	}
}

@media screen and (max-width: 379px) {
}