@media only screen and (max-width: 1250px) {
	.slots-section {
		display: flex;
		width: 100%;
	}
	.slots-section a {
		color: #7b8797;
		font-family: Inter;
		font-size: 11.813px;
		font-style: normal;
		font-weight: 400;
		line-height: 32px;
		text-transform: uppercase;
	}
	.nav__categories {
		display: none;
	}

	.nav__right .nav__arrow {
		display: block;
		height: 22px;
	}

	.main__left {
		max-width: 170px;
	}

	.main__right {
		max-width: 246px;
	}

	.main__right img {
		width: 196px;
		height: 206px;
		margin-top: 146px;
	}
}

@media only screen and (max-width: 900px) {
	nav {
		max-width: unset;
	}

	.nav__menu {
		display: block;
		height: 35px;
		padding-left: 35px;
	}

	.nav__right .nav__arrow,
	.nav__deposit,
	.nav__icon,
	.nav__date,
	.nav__languages {
		display: none;
	}

	.nav__logo {
		height: 18px;
	}

	.nav__buttons {
		gap: 10px;
	}

	.nav__right {
		padding-right: 35px;
	}

	.nav__buttons button {
		width: 160px;
	}

	.main__left,
	.main__right {
		display: none;
	}

	.ticket {
		display: flex;
	}

	.main__right-top .main__right-top--1 {
		max-width: unset;
	}

	.main__right .main__right-top--mobile {
		display: flex;
	}
}

@media only screen and (max-width: 768px) {
	.ticket {
		gap: 20px;
	}
}

@media only screen and (max-width: 620px) {
	.slots-section {
		display: none;
	}

	.nav__buttons button {
		max-width: 75px;
		padding: 0;
		height: 25px;
		font-size: 9.219px;
		line-height: 15px;
	}
	.nav__buttons {
		padding-left: 10px;
	}
	.nav__logo {
		width: 90px;

		object-fit: contain;
	}

	.nav__right {
		padding-right: 20px;
	}

	.nav__menu {
		padding-left: 12.25px;
	}

	.nav__left {
		padding-left: 32px;
	}

	.table-container {
		display: none;
	}

	.tables-mobile {
		display: flex;
	}

	footer {
		margin-top: 35px;
		background: none;
	}

	.footer__bonus {
		background: #1f2023;
		margin-bottom: 20px;
	}
	.footer__main {
		background: #1f2023;
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 50px;
		padding-bottom: 50px;
	}
	.footer__features {
		flex-direction: column;
		align-items: center;
		gap: 0;
	}

	.footer__feature {
		align-items: center;
		text-align: center;
		padding-top: 0;
		max-width: 100%;
	}
	.footer__feature p {
		width: 100%;
		white-space: nowrap;
		text-align: center;
	}
	.table-con {
		display: flex;
	}
}

@media only screen and (max-width: 370px) {
	.nav__left,
	.nav__buttons {
		padding: 0;
	}

	.ticket img {
		height: 20px;
	}

	.ticket p {
		font-size: 10px;
	}

	.ticket-open {
		width: 45px;
		height: 45px;
	}

	.ticket-open span {
		font-size: 15px;
	}
}
@media (max-width: 450px) {
	.menu-button {
		justify-content: center;
	}
}