/* RESPONSIVE */

@media (max-width: 575px) {

	body {
		background-attachment: fixed;
	}

	/* Nav */

	.logout {
		padding-left: 15px;
	}

	/* Główne logo */

	.glownalogo {
		flex-direction: column;
		padding-top: 10px;
	}
	.left, .right {
		margin: 20px 0px;
	}
	.left {
		width: 100%;
	}
	.logoimg {
		width: 90%;
	}
	.right {
		width: 100%;
	}
	.ip {
		width: 100%;
		font-size: 50px;
	}
	.ip span {
		font-size: 50px;
	}
	.copy {
		font-size: 12px;
		padding-right: 0px;
	}

	.level, .exp {
		flex-direction: column;
		font-size: 22px;
	}

	.level > span, .exp > span {
		font-size: 20px;
	}

	.ranking_topka {
		width: 100%;
	}

	.ranking_card {
		width: 300px;
	}

	/*  _-_  log  _-_  */

	.form {
		width: 300px;
		margin: 0px;
	}

	/*  _-_  FOOTER  _-_  */

	.icongroup {
		width: 280px;
	}

	/* _-_ TRYBY.PHP _-_ */

	.trybyserwer {
		width: 70%;
		font-size: 16px;
	}
	.slot1 {
		width: 32px;
		height: 32px;
	}
	.mc-tooltip-content{
		width: 180px;
	}
	.mc-tooltip-content__text{
		font-size: 16px;
	}

	/* _-_ NOWOSCI.PHP _-_ */

	.container {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		padding: 10px;
		grid-row-gap: 70px;
	}
	.post_header {
		font-size: 18px;
	}
	.post_description {
		font-size: 16px;
	}
	.post_options {
		width: 115px;
		font-size: 14px;
	}

	/* _-_ NOWOSC.PHP _-_ */

	.user_post {
		width: 95%;
	}

	/* _-_ RANKINGI.PHP _-_ */

	.rank_topka {
		width: 90%;
		grid-template-columns: 1fr;
		grid-template-rows: 270px 50px 270px 50px 270px 50px;
		grid-template-areas:
        "st"
        "num_st"
        "nd"
        "num_nd"
        "rd"
        "num_rd";
		grid-column-gap: 25px;
		grid-row-gap: 20px;
	}

	.najlepsi_responsive {
		width: 100%;
	}

}

@media (min-width: 576px) {

	body  {
		background-size: cover;
	}

	/* Nav */

	.logout {
		padding-left: 15px;
	}

	/* Główne logo */

	.glownalogo {
		flex-direction: column;
		padding-top: 10px;
	}
	.left, .right {
		margin: 20px 0px;
	}
	.left {
		width: 100%;
	}
	.logoimg {
		width: 500px;
	}
	.right {
		width: 100%;
	}
	.ip {
		width: 100%;
		font-size: 68px;
	}
	.ip span {
		font-size: 70px;
	}
	.copy {
		font-size: 16px;
		padding-right: 0px;
	}

	/* Najlepsi gracze */

	.najlepsi {
		width: 400px;
	}

	.ranking_topka {
		width: 70%;
	}

	.ranking_card {
		width: 300px;
	}

	/*  _-_  FOOTER  _-_  */

	.icongroup {
		width: 50%;
	}

	/* _-_ TRYBY.PHP _-_ */
	
	.slot1 {
		width: 55px;
		height: 55px;
	}

	/* _-_ NOWOSCI.PHP _-_ */

	.container {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		padding: 10px;
		grid-row-gap: 70px;
	}

	/* _-_ NOWOSC.PHP _-_ */

	.user_post {
		width: 75%;
	}

	/* _-_ RANKINGI.PHP _-_ */

	.rank_topka {
		width: 90%;
		grid-template-columns: 1fr;
		grid-template-rows: 270px 50px 270px 50px 270px 50px;
		grid-template-areas:
        "st"
        "num_st"
        "nd"
        "num_nd"
        "rd"
        "num_rd";
		grid-column-gap: 25px;
	}

	.najlepsi_responsive {
		width: 100%;
	}

}

@media (min-width: 768px) {

	body {
		background-size: cover;
	}

	/* Nav */

	.logout {
		padding-left: 15px;
	}


	/* Główne logo */

	.glownalogo {
		flex-direction: column;
		padding-top: 10px;
	}
	.left, .right {
		margin: 20px 0px;
	}
	.left {
		width: 100%;
	}
	.logoimg {
		width: 500px;
	}
	.right {
		width: 100%;
	}
	.ip {
		width: 100%;
		font-size: 68px;
	}
	.ip span {
		font-size: 70px;
	}
	.copy {
		font-size: 16px;
		padding-right: 100px;
	}

	/* Najlepsi gracze */

	.najlepsi {
		width: 600px;
	}

	.ranking_topka {
		width: 100%;
	}

	.ranking_card {
		width: 250px;
	}

	/*  _-_  FOOTER  _-_  */

	.icongroup {
		width: 65%;
	}

	/* _-_ TRYBY.PHP _-_ */
	
	.slot1 {
		width: 55px;
		height: 55px;
	}

	/* _-_ NOWOSCI.PHP _-_ */

	.container {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		padding: 10px;
		grid-row-gap: 70px;
	}

	/* _-_ NOWOSC.PHP _-_ */

	.user_post {
		width: 65%;
	}

	/* _-_ RANKINGI.PHP _-_ */

	.rank_topka {
		width: 90%;
		grid-template-columns: 1fr;
		grid-template-rows: 270px 50px 270px 50px 270px 50px;
		grid-template-areas:
        "st"
        "num_st"
        "nd"
        "num_nd"
        "rd"
        "num_rd";
		grid-column-gap: 25px;
	}

	.najlepsi_responsive {
		width: 100%;
	}

}

@media (min-width: 992px) {

	body {
		background-size: cover;
	}

	::-webkit-scrollbar-track {
		background: rgba(40, 40, 40);
		box-shadow: inset 0px 0px 0px 15px rgba(48, 56, 61, 1);
	}

	.ranking_topka {
		width: 100%;
	}

	.ranking_card {
		width: 300px;
	}

	/* Nav */

	.logout {
		padding-left: 15px;
	}

	/* Główne logo */

	.glownalogo {
		flex-direction: row;
	}
	.left, .right {
		margin: 30px 0px 60px 0px;
	}
	.left {
		width: 50%;
	}
	.logoimg {
		width: 500px;
	}
	.right {
		width: 50%;
	}
	.ip {
		width: 90%;
		font-size: 68px;
	}
	.ip span {
		font-size: 70px;
	}
	.copy {
		font-size: 16px;
		padding-right: 100px;
	}

	/* Najlepsi gracze */

	.najlepsi {
		width: 70%;
	}

	/*  _-_  FOOTER  _-_  */

	.icongroup {
		width: 50%;
	}

	/* _-_ TRYBY.PHP _-_ */
	
	.slot1 {
		width: 50px;
		height: 50px;
	}

	/* _-_ NOWOSCI.PHP _-_ */

	.container {
		width: 75%;
		grid-template-columns: 2fr 1fr;
		grid-template-rows: 1fr;
		padding: 10px;
		grid-column-gap: 50px;
	}

	/* _-_ NOWOSC.PHP _-_ */

	.user_post {
		width: 65%;
	}

	/* _-_ RANKINGI.PHP _-_ */

	.rank_topka {
		width: 720px;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 270px 50px;
		grid-column-gap: 25px;
		grid-template-areas:
			"nd st rd"
			"num_nd num_st num_rd";
	}

	.najlepsi_responsive {
		width: 80%;
	}

}

@media (min-width: 1200px) {

	body {
		background-size: 101vw 100vh;
	}

	::-webkit-scrollbar-track {
		background: url("https://blackmc.com.pl/zobacztlo.php?id=1") no-repeat right top;
		background-size: 100vw 100vh;
		box-shadow: 0px 0px 10px rgba(48, 56, 61, 1);
	}

	/* Nav */

	.logout {
		padding-left: 0px;
	}

	/* Nav */

	.nav-link {
		padding: 10px 20px !important;
	}

	/* Główne logo */

	.glownalogo {
		flex-direction: row;
	}
	.left, .right {
		margin: 30px 0px 60px 0px;
	}
	.left {
		width: 40%;
	}
	.logoimg {
		width: 500px;
	}
	.right {
		width: 50%;
	}
	.ip {
		width: 80%;
		font-size: 68px;
	}
	.ip span {
		font-size: 70px;
	}
	.copy {
		font-size: 16px;
		padding-right: 100px;
	}

	/* Admini */

	.admini {
		width: 83%;
	}

	/* Najlepsi gracze */

	.ranking_topka {
		width: 90%;
	}

	.ranking_card {
		width: 300px;
	}

	/*  _-_  FOOTER  _-_  */

	.icongroup {
		width: 55%;
	}

	/* _-_ TRYBY.PHP _-_ */
	
	.slot1 {
		width: 60px;
		height: 60px;
	}

	/* _-_ NOWOSCI.PHP _-_ */

	.container {
		width: 70%;
	}

	/* _-_ NOWOSC.PHP _-_ */

	.user_post {
		width: 55%;
	}

	/* _-_ RANKINGI.PHP _-_ */

	.rank_topka {
		width: 720px;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 270px 50px;
		grid-column-gap: 25px;
		grid-template-areas:
			"nd st rd"
			"num_nd num_st num_rd";
	}

	.najlepsi_responsive {
		width: 70%;
	}

}


@media (min-width: 1500px) {

	/* Nav */

	.logout {
		padding-left: 0px;
	}

	.nav-link {
		padding: 12px 40px !important;
	}

	.najlepszygracz {
		width: 75%;
	}

	/* _-_ INDEX.PHP _-_ */

	.ranking_topka {
		width: 75%;
	}

	.ranking_card {
		width: 300px;
	}

	/*  _-_  FOOTER  _-_  */

	.icongroup {
		width: fit-content;
	}

	.animation {
		margin: 10px;
	}

	/* _-_ TRYBY.PHP _-_ */
	
	.slot1 {
		width: 60px;
		height: 60px;
	}

	/* _-_ NOWOSCI.PHP _-_ */

	.container {
		width: 70%;
	}
	.post_header {
		font-size: 22px;
	}

	/* _-_ NOWOSCI.PHP _-_ */

	.container {
		grid-template-columns: 2fr 1fr;
		grid-template-rows: 1fr;
		padding: 10px;
		grid-column-gap: 50px;
	}
	.post_header {
		font-size: 22px;
	}
	.post_description {
		font-size: 18px;
	}
	.post_options {
		width: 115px;
		font-size: 16px;
	}

	/* _-_ NOWOSC.PHP _-_ */

	.user_post {
		width: 45%;
	}

	/* _-_ RANKINGI.PHP _-_ */

	.rank_topka {
		width: 720px;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 270px 50px;
		grid-column-gap: 25px;
		grid-template-areas:
			"nd st rd"
			"num_nd num_st num_rd";
	}

	.najlepsi_responsive {
		width: 70%;
	}

}