body {
	overflow-x: hidden;
}

.footer {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 100%;
	padding: 0px;
}

.footer-inner-holder {
	width: 1260px;
}

.footer-links {
	display: flex;
	flex-direction: row;
}

.desktop-nav {
	display: flex;
}
.mobile-nav {
	display: none;
}

@media only screen and (max-width: 1300px) {
	.c-right-side {
		display: none;
	}

	.pixarts-container {
		display: flex !important;
		justify-content: center !important;
		align-items: start !important;
		padding: 0px;
		margin: 0px;
		width: 100% !important;
	}

	.pixarts-header,
	.wrapper {
		padding: 0px;
		margin: 0px;
		width: 100% !important;
		height: 500px !important;
		min-height: 500px !important;
	}

	.payment-methods-container {
		width: 911px;
		margin-top: 150px;
	}

	.footer-inner-holder {
		width: 911px;
	}

	.pixarts-header {
		width: 100% !important;
		min-width: 100% !important;
	}

	.pixarts-header > video {
		width: 100% !important;
		min-width: 100% !important;
		object-fit: cover !important;
		height: 500px !important;
	}

	.footer {
		padding: 0px;
	}

	.wrapper {
		width: 100% !important;
		min-width: 100% !important;
	}

	.pixarts-nav {
		min-width: 100% !important;
	}

	.welcome-logo {
		width: 100% !important;
	}

	.welcome-logo > img {
		width: 45% !important;
	}

	.mobile-nav {
		display: flex;
	}
	.desktop-nav {
		display: none;
	}

	.modal {
		padding: 0px !important;
	}
}

@media only screen and (max-width: 1000px) {
	.payment-options {
		justify-content: center !important;
	}
	.btns-slider-row {
		flex-direction: column-reverse;
		justify-content: center !important;
		width: 100% !important;
		min-width: 100% !important;
	}

	.btns-slider-row > .buttons-holder {
		display: flex;
		width: 100% !important;
		min-width: 100% !important;
		margin: 0px !important;
		padding: 0px !important;
		justify-content: space-between !important;
	}

	.button-main {
		display: none !important;
	}

	.btns-slider-row > .buttons-holder > a {
		height: 139px !important;
		background-position: left center;
		background-repeat: no-repeat;
	}

	.btns-slider-row > .buttons-holder > div {
		height: 139px !important;
		background-position: left center;
		background-repeat: no-repeat;
	}

	.c-left-side .buttons-holder .button-small.bs-1 {
		background-image: url(../img/btn-small-buy-logo.png);
	}
	.c-left-side .buttons-holder .button-small.bs-2 {
		background-image: url(../img/btn-small-support-logo.png);
	}
	.c-left-side .buttons-holder .button-small.bs-3 {
		background-image: url(../img/btn-small-wiki-logo.png);
	}
	.c-left-side .buttons-holder .button-small.bs-4 {
		background-image: url(../img/btn-small-rankings-logo.png);
	}

	.media-box {
		width: 100% !important;
		display: flex !important;
		flex-direction: column;
		justify-content: center !important;
		align-items: center !important;
		max-width: none !important;
	}

	.media-box > div {
		width: 100% !important;
		background-image: url(../img/slider-bg-img.png) !important;
		background-repeat: no-repeat;
		background-size: cover;
		backdrop-filter: blur(50px);
	}

	.slideshow-container {
		width: 100% !important;
	}

	.slideshow-container > .slide {
		width: 100% !important;
	}

	.slideshow-container > div > img {
		width: 100% !important;
	}

	.payment-methods-container {
		width: 750px;
		margin-top: 0px !important;
	}

	.footer-inner-holder {
		width: 750px !important;
	}

	.c-left-side,
	.c-left-side .news-row,
	.inner-holder,
	.c-left-side {
		width: 750px !important;
		min-width: 750px !important;
		max-width: 750px !important;
	}

	.c-left-side:after {
		width: 750px !important;
		min-width: 750px !important;
		max-width: 750px !important;
		background-size: 100% 100% !important;
		left: 0;
	}

	.modal .register-content {
		min-width: none !important;
		width: 100% !important;
		margin: 40px auto !important;
		position: relative;
		padding: 30px 0px !important;
	}

	.close {
		top: 10px;
		font-size: 40px;
	}

	.news-navbar,
	.news-holder {
		overflow-x: auto !important;
		overflow-y: hidden !important;
	}

	.dashboard-tab-container-top {
		flex-direction: column !important;
	}
}

@media only screen and (max-width: 800px) {
	.payment-methods-header {
		flex-direction: column !important;
		justify-content: start !important;
	}
	.payment-methods-header div{
		width: 100% !important;
	}
	#loading-screen-start img {
		width: 60% !important;
	}
	.progress-bar-wrapper {
		width: 45% !important;
	}
	.btns-slider-row > .buttons-holder > a {
		height: 100px !important;
		background-position: left center;
		background-repeat: no-repeat;
	}
	.btns-slider-row > .buttons-holder > div {
		height: 100px !important;
		background-position: left center;
		background-repeat: no-repeat;
	}
	.media-box {
		width: 100% !important;
		display: flex !important;
		flex-direction: column;
		justify-content: start !important;
		align-items: start !important;
		max-width: none !important;
		min-width: 100% !important;
	}
	.media-box > div {
		width: 100% !important;
		background-size: 100% 100% !important;
		min-width: none !important;
		max-width: 100% !important;
	}
	.slideshow-container {
		width: 100% !important;
		min-width: none !important;
		max-width: 90% !important;
	}
	.slideshow-container > .slide {
		width: 100% !important;
	}
	.slideshow-container > div > img {
		width: 100% !important;
	}
	.payment-methods-container {
		width: 500px;
		margin-top: 0px !important;
	}
	.footer-inner-holder {
		width: 500px !important;
	}
	.c-left-side,
	.inner-holder,
	.c-left-side {
		width: 90% !important;
		min-width: 90% !important;
		max-width: 90% !important;
	}
	.news-navbar {
		width: 90% !important;
		min-width: 90% !important;
		max-width: 90% !important;
		padding: 0px !important;
		margin: 0px !important;
	}
	.c-left-side:after {
		width: 100% !important;
		min-width: 100% !important;
		max-width: 100% !important;
		background-size: 100% 100% !important;
		left: 0;
	}
	.c-left-side .buttons-holder .button-small.bs-1,
	.c-left-side .buttons-holder .button-small.bs-2,
	.c-left-side .buttons-holder .button-small.bs-3,
	.c-left-side .buttons-holder .button-small.bs-4 {
		width: 45%;
		height: 60px !important;
	}
	.r-menu,
	.l-menu {
		width: 160px !important;
	}
	.copyrights {
		width: 75% !important;
	}
	#news-navigation {
		margin-left: 0px !important;
	}
	.c-left-side,
	.c-left-side .news-row,
	.inner-holder,
	.c-left-side {
		width: 100% !important;
		min-width: 100% !important;
		max-width: 100% !important;
	}
	.c-left-side {
		width: 90% !important;
		min-width: 90% !important;
		max-width: 90% !important;
	}
	.payment-methods-container {
		width: 90%;
		margin-top: 0px !important;
	}
	.footer-inner-holder {
		width: 90% !important;
	}
	#_register-form > .button-group {
		display: flex !important;
		flex-direction: row !important;
	}
	.user-info {
		flex-direction: column !important;
	}
	.dashboard-tab-container-top:nth-child(1) {
		display: flex;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
	}
	.character-stats > :nth-child(1) {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#steam {
		width: 50% !important;
	}
}

@media only screen and (max-width: 650px) {
	.welcome-logo {
		top: 100px !important;
		left: -20px !important;
		height: none !important;
	}
	.welcome-logo > img {
		width: 75% !important;
	}
	.r-menu,
	.l-menu {
		width: 120px !important;
	}
	.selectors {
		overflow: scroll !important;
	}
	.register-logo {
		width: 200px;
	}
	.payment-options {
		flex-direction: column !important;
		justify-content: center !important;
		align-items: center !important;
	}
	#e-wallet {
		width: 100% !important;
	}
	#codapay, #steam {
		width: 100% !important;
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		background-color: #fff !important;
	}
	#steam img {
		width: 100% !important;
	}
}

@media only screen and (max-width: 500px) {
	.product-card {
		width: 100% !important;
	}
	.pixarts-header {
		height: 390px !important;
	}
	.pixarts-header > video {
		width: 100% !important;
		min-width: 100% !important;
		object-position: center !important;
		height: 360px !important;
	}
	.pixarts-site-content .pixarts-container {
		padding-top: 0px !important;
	}
	.pixarts-site-content {
		margin-top: -210px !important;
	}
	.c-left-side .media-box {
		height: auto !important;
	}
	.slideshow-content {
		min-height: 150px !important;
		height: 100% !important;
	}
	.footer-inner {
		flex-direction: column !important;
	}
	.footer-links {
		display: flex !important;
		width: 100% !important;
		margin-top: 10px !important;
	}
	.copyrights {
		flex-direction: row !important;
	}
	.copyrights > div {
		flex-direction: column !important;
	}
	.r-menu,
	.l-menu {
		width: 90px !important;
		justify-content: space-between;
	}
	.pixarts-nav {
		top: -5px !important;
	}
	.pixarts-nav .logo-head {
		width: 150px !important;
		min-width: 150px !important;
		top: -10px !important;
	}
	.pixarts-nav .logo-head img {
		width: 150px !important;
		margin-left: 25px !important;
		height: 42px !important;
		position: inherit !important;
	}
	.dropbtn > svg {
		margin-top: 9px !important;
	}
	#_register-form > .button-group {
		flex-direction: column !important;
	}
	#_register-form > .button-group > button,
	#_register-form > .button-group > #_register1 {
		width: 100% !important;
		background-repeat: no-repeat !important;
		background-size: 100% 100% !important;
	}
	.n-head,
	.news-holder {
		overflow: auto !important;
	}
	.copyrights img {
		width: 150px !important;
		height: 70px !important;
	}
	.rssapp-grid {
		padding: 0px !important;
	}
	.modal .modal-content {
		min-width: none !important;
		width: 90% !important;
		margin: 40px auto !important;
		position: relative;
		padding: 30px 0px !important;
	}
	.category-buttons {
		flex-direction: column !important;
	}
	.category-buttons div {
		width: 100% !important;
	}
	#special-items-container {
		display: flex !important;
		width: 100% !important;
		justify-content: center !important;
		flex-direction: column !important;
	}
	#loading-screen-start img {
		width: 100% !important;
	}
	.progress-bar-wrapper {
		width: 45% !important;
	}
	#codapay img {
		width: 100% !important;
		height: 45px !important;
	}
}

@media only screen and (max-width: 330px) {
	.pixarts-header,
	.pixarts-header > video {
		height: 300px !important;
		top: -10px !important;
	}
	.slideshow-content {
		min-height: 120px !important;
	}
	.pixarts-site-content {
		margin-top: -250px !important;
	}
	.rssapp-grid {
		padding: 0px !important;
	}
	.r-menu,
	.l-menu {
		width: 40px !important;
		justify-content: space-between;
	}
	.dropbtn > svg {
		width: 24px !important;
		height: 24px !important;
		margin-top: 14px !important;
	}
}