@media(max-width: 920px) {
	.features_modal .title {
		width: 90%
	}
	.features_modal .content {
		width: 90%
	}
	.shop {
		overflow: hidden
	}
	.news--list {
		width: 100%;
		justify-content: center;
		overflow-x: scroll
	}
	.news--list::-webkit-scrollbar {
		height: 0
	}
	.news--list .news--img {
		width: 99.9%;
		border-radius: 0vh 3vh 0vh 0vh
	}
	.news--list a {
		width: 30vh;
		overflow: visible;
		margin-right: 4vh
	}
	.news--list a:hover {
		transform: scale(1)
	}
	.news--list a div {
		width: 30vh
	}
	.shop--filter {
		width: 100%;
		overflow-x: scroll;
		justify-content: center;
		padding-left: 4vh;
		padding-right: 4vh
	}
	.shop--filter::-webkit-scrollbar {
		height: 0
	}
	.shop--filter span {
		width: 15vh !important;
		display: flex;
		white-space: nowrap;
		justify-content: center
	}
	.shop .shop--items {
		width: 80%;
		margin-left: auto
	}
	.shop .shop--items .swiper-scrollbar {
		display: none
	}
	.shop .shop--items .swiper--navigation {
		display: none
	}
	.home {
		align-items: center !important;
		padding-top: 4vh;
		height: 115vh !important
	}
	.home--character {
		display: none
	}
	.home--content {
		width: 100%;
		margin-left: 0;
		left: 0
	}
	.home--content--top {
		width: 95%;
		margin: 0 auto
	}
	.home--content--top .logo img {
		width: 25vh
	}
	.home--content--top h1 {
		font-size: 4vh
	}
	.home--content--top a {
		width: 80%
	}
	.home--content--top a p {
		font-size: 2.5vh;
		position: relative;
		padding-bottom: .8vh
	}
	.home--content--bottom {
		width: 100%
	}
	.home--content--bottom ul {
		justify-content: center !important;
		flex-wrap: wrap;
		width: 100%;
		gap: 0;
		padding: 0 !important
	}
	.home--content--bottom ul li {
		width: 40%;
		margin: 1vh 0
	}
	.home--content--bottom ul li span:nth-child(1) {
		width: 150%
	}
	nav {
		padding: 2vh;
		background-color: rgba(0, 0, 0, 0);
		height: 10vh;
		border: none
	}
	nav ul:nth-child(1) {
		display: none
	}
	nav .nav--items--right {
		padding: 0
	}
	nav .nav--items--right li:nth-child(2) a {
		width: 10vh
	}
	nav .nav--items--right li:nth-child(2) a img {
		display: none
	}
	nav .nav--items--right li:nth-child(1) a {
		width: 5vh;
		height: 5vh
	}
	nav .mobile {
		width: 8vh;
		height: 8vh;
		border-radius: .8vh;
		background: url(../img/ui/3.png) top/cover no-repeat;
		display: flex;
		align-items: center;
		justify-content: center
	}
	nav .mobile i:nth-child(2) {
		display: none
	}
	nav .mobile.active i:nth-child(1) {
		display: none
	}
	nav .mobile.active i:nth-child(2) {
		display: block
	}
	.language {
		top: 10.5vh;
		left: 3vh
	}
	table {
		overflow-x: scroll
	}
	.download--content {
		flex-wrap: wrap
	}
	.download--link {
		width: 100%;
		position: relative;
		top: 0
	}
	.download--information {
		width: 100%;
		padding-left: 0;
		margin-left: 0;
		border-left: none;
		margin-top: 7vh
	}
	.download--information .info .social a {
		width: 100%;
		height: 6vh
	}
	.download--information .info .drivers {
		flex-wrap: wrap
	}
	.download--information .info .drivers a:not(:last-child) {
		margin-bottom: 3vh;
		margin-right: 0
	}
	.download--information .info .drivers a {
		width: 100%;
		border-radius: 8vh;
		height: 8vh
	}
	.download--information .info .drivers a span:nth-child(1) {
		border-radius: 8vh
	}
	.features--tabs {
		width: 50%;
		margin: 0;
		margin-bottom: 3vh;
		padding-left: 2.5vh
	}
	.page--title {
		width: 90%
	}
	.page--title h1 {
		font-size: 4vh
	}
	.page--content {
		width: 90%;
		padding: 4vh
	}
	.f--article--content {
		padding: 3vh;
		width: 90%
	}
	.f--article--content img {
		width: 100%
	}
	.f--article--bg img {
		width: auto;
		height: 100%
	}
	.f--article--title {
		width: 90%
	}
	.copyright {
		bottom: 2vh;
		margin-left: auto;
		margin-right: auto;
		right: 0;
		left: 0;
		width: 100%;
		text-align: center;
		display: none
	}
	.fp-viewing-shop .copyright {
		display: flex !important
	}
	.main--pagination {
		left: -100%;
		width: 100%;
		padding-left: 4vh;
		background: linear-gradient(100deg, black, rgba(0, 0, 0, 0.903), rgba(0, 0, 0, 0))
	}
	.main--pagination.active {
		left: 0
	}
	.pack--promo {
		width: 80%;
		right: 0;
		bottom: 9vh;
		left: 0;
		margin-left: auto;
		margin-right: auto;
		height: 15vh;
		background: url(../img/ui/pack_promo/bg.html) bottom no-repeat
	}
	.pack--promo--character {
		display: none
	}
	.pack--promo--content {
		bottom: 2vh;
		width: 100%
	}
	.pack--promo--content h1 {
		font-size: 3vh;
		margin-bottom: .5vh
	}
	.timer {
		display: none
	}
	.new {
		padding-top: 4vh
	}
	.new--title h1 {
		font-size: 5vh;
		width: 90%;
		margin: 0 auto
	}
	.new--bgs div {
		display: flex;
		align-items: center;
		justify-content: center
	}
	.new--bgs img {
		width: auto !important;
		height: 100% !important
	}
	.new--list {
		width: 70%;
		margin: 0 auto
	}
	.game .game--progress--controls {
		width: 80%
	}
	.game .game--progress--controls .swiper-slide .progress--text {
		display: none
	}
	.game .game--progress--controls .swiper-slide .progress--icon {
		left: 0;
		right: 0;
		margin-right: auto;
		margin-left: auto
	}
	.game .game--progress--controls .swiper-slide::before {
		right: 0;
		left: 0;
		margin-left: auto;
		margin-right: auto
	}
	.game .game--progress--controls .swiper-slide::after {
		display: none
	}
	.game .game--progress--controls .swiper-slide .progress--last {
		display: none
	}
	.game .game--progress::after {
		display: none
	}
	.game .game--items--bg {
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative
	}
	.game .game--items--bg::after {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		background: linear-gradient(rgba(0, 0, 0, 0.337), rgba(0, 0, 0, 0.492))
	}
	.game .game--items--bg img {
		width: auto;
		height: 100%
	}
	.game .game--items--text div {
		width: 90%
	}
	.game .game--items--text div h1 {
		font-size: 5vh
	}
	.game .game--items--text div p {
		font-size: 2vh
	}
	.game .game--items--text div a {
		width: 80%
	}
	.package {
		padding-top: 12vh
	}
	.package--advise {
		width: 90%;
		display: none
	}
	.package--advise p {
		width: 100%
	}
	.package .package--title {
		margin-bottom: 3vh
	}
	.package .package--title h1 {
		font-size: 5.5vh
	}
	.package--list {
		width: 100%;
		height: auto;
		overflow-x: scroll;
		padding: 0vh 4vh;
		padding-bottom: 6vh
	}
	.package--list::-webkit-scrollbar {
		height: 0
	}
	.package--list .package--main {
		width: 35vh;
		height: 40vh;
		margin-right: 4vh;
		box-shadow: none
	}
	.package--list .package--main .package--content {
		width: 35vh;
		padding: 5vh;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: end;
		text-align: center;
		padding-bottom: 5vh
	}
	.package--list .package--main .package--content h1 {
		font-size: 4vh;
		width: 100%
	}
	.package--list .package--main .package--content .package--box {
		width: 100%;
		text-align: center;
		top: 0;
		width: 35vh;
		position: static;
		width: 100%;
		height: auto
	}
	.package--list .package--main .package--content .package--box img {
		display: none
	}
	.package--list .package--main .package--content .package--buy {
		right: 0;
		left: 0;
		bottom: 5vh;
		margin-left: auto;
		margin-right: auto;
		position: static
	}
	.package--list .package--main .package--content .package--buy p {
		display: none
	}
	.package--list .package--main .package--content .package--buy a {
		height: 6.5vh
	}
	.package--list .package--main .package--content .package--buy a p {
		display: block !important
	}
	.package--list .package--secondary {
		width: 90vh;
		display: flex;
		flex-direction: row;
		gap: 4vh;
		height: 100%
	}
	.package--list .package--secondary .package--content:not(:last-child) {
		margin-bottom: 0vh
	}
	.package--list .package--secondary .package--content {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: end;
		text-align: center;
		background-color: #000;
		padding-bottom: 6vh
	}
	.package--list .package--secondary .package--content h1 {
		font-size: 4vh;
		position: static;
		text-align: center;
		width: 100%;
		margin-bottom: .7vh
	}
	.package--list .package--secondary .package--content div {
		width: 35vh;
		position: static;
		justify-content: center
	}
	.package--list .package--secondary .package--content div .price {
		display: none
	}
	.package--checkout .checkout--box {
		width: 90%
	}
	.package--checkout .checkout--box .checkout--terms {
		display: none
	}
	.package--checkout .checkout--box .checkout--title p {
		font-size: 4vh
	}
	.package--checkout .checkout--box .checkout--title p span {
		font-size: 2vh;
		margin-bottom: 0
	}
	.package--checkout .checkout--box .checkout--title .checkout--close {
		margin-right: 2vh;
		top: -0.4vh
	}
	.package--checkout .checkout--box .checkout--title .checkout--close img {
		width: 7vh
	}
	.package--checkout .checkout--box .checkout--content {
		flex-wrap: wrap;
		height: 75vh
	}
	.package--checkout .checkout--box .checkout--content .checkout--package--information {
		width: 100%;
		height: 50%;
		position: relative
	}
	.package--checkout .checkout--box .checkout--content .checkout--package--information::before {
		content: "";
		width: 100%;
		position: absolute;
		height: 100%;
		background-color: rgba(0, 0, 0, .532);
		top: 0;
		left: 0
	}
	.package--checkout .checkout--box .checkout--content .checkout--package--items {
		width: 100%;
		height: 100%;
		overflow: hidden
	}
	.package--checkout .checkout--box .checkout--content .checkout--package--items ul {
		height: 25vh
	}
}
@media(max-width: 380px) {
	.news--list {
		justify-content: start;
		padding-left: 4vh
	}
	.home--content--bottom ul {
		justify-content: start;
		padding-left: 5vh
	}
	.shop--filter {
		justify-content: start
	}
}
/*# sourceMappingURL=media.min.css.map */