/* === DESKTOP FIRST === */

/* xl <= Extra extra large (xxl) */
@media (max-width : 1400px) {

}

/* lg <= Extra large (xl) */
@media (max-width : 1200px) {

}

/* md <= Large (lg) */
@media (max-width : 992px) {
	.mobile-nav {
		display: block;
	}
	#header-nav {
		display: none;
	}
	.game-item__wrapper::after {
		background: linear-gradient(180deg,rgba(27, 27, 35, .2) 5%, rgba(27, 27, 35, .9) 100%);
	}
	.is_home .sc-games {
		padding-top: 50px;
	}
}

@media (max-width : 818px) {
	.cookie-wrapper {
		flex-direction: column;
	}
	.cookie-left-side {
		  height: 450px;
			margin-right: 0;
			max-width: 818px;
	}
	.info-right-box {
		padding: 0 20px;
	}
	.cookie-right-wrapper {
		padding-top: 20px;
	}
	.rule-for-accept {
		padding: 12px 20px;
	}
	#userlawform {
		padding-top: 8px;
	}
	.cookie-left-side::after {
		background: linear-gradient(180deg,rgba(255, 136, 0, 0) 0%, rgb(37, 37, 47) 98%);
	}
	.cookie-left-side {
		margin-bottom: -130px;
	}
	button.cookie_accept {
		margin-top: 10px;
	}
}

/* sm <= Medium (md) */
@media (max-width : 768px) {
	.header-title__name {
		font-size: 72px;
		line-height: 1.1;
	}
	section {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}

/* xs <= Small (sm) */
@media (max-width : 576px) {
	.header-title__name {
		font-size: 46px;
		line-height: 1.1;
	}
	.header-title__h1 {
		font-size: 20px;
		text-shadow: 2px 1px 2px #000;
	}
	.no_home .header-title__h1 {
		font-size: 36px;
		text-shadow: 2px 1px 2px #000;
	}
	.topper {
		flex-direction: column;
  	margin-bottom: 10px;
		align-items: start;
	}
	.header-title__top {
		padding: 2px 30px;
	}
	.server-status {
		padding: 2px 22px;
	}
	.sc-accent .cute-title__wrapper h2 {
		font-size: 28px;
	}
	.article-box {
		padding: 50px 14px;
		padding-bottom: 10px;
	}
	footer.comment-meta {
		padding: 10px 0px;
	}
	.comment-content {
		padding: 10px 0px;
	}
	.header-footer {
		background-position: -794px center;
	}
}
/* xs <= Small (sm) */
@media (max-width: 575px) {
    #cookie_note.show{
        display: flex;
        text-align: left;
    }
		#cookie_note {
			top: 6%;
		}
		.cookie-left-side::after {
			background: linear-gradient(180deg,rgba(255, 136, 0, 0) 1%, rgb(37, 37, 47) 72%);
		}
		.cookie-left-side {
			margin-bottom: -270px;
		}
		.info-right-box {
			padding: 0 10px;
		}
		.rule-for-accept {
			padding: 12px 10px;
		}
		.cookie-links-box a {
			font-size: 16px;
			margin-bottom: 10px;
		}
		.cookie-links-box a:last-child {
			margin-bottom: 0;
		}
		.rule-for-accept input {
			-ms-transform: scale(1.4);
			-moz-transform: scale(1.4);
			-webkit-transform: scale(1.4);
			-o-transform: scale(1.4);
			transform: scale(1.4);
		}
		.rule-for-accept {
			padding: 6px 10px;
		}
		.cookie-links-box a {
			font-size: 14px;
		}
		.section-features__content-item {
			border-bottom: 1px dashed #464646;
			padding-bottom: 22px;
		}
}
@media (max-width : 415px) {
	.cookie-left-side {
    margin-bottom: -380px;
  }
	#cookie_note {
		max-width: 94%;
	}
}
@media (max-width : 400px) {
	.cookie-left-side {
    margin-bottom: -400px;
  }
}
@media (max-width : 383px) {
	.cookie-left-side {
    margin-bottom: -420px;
  }
}
/* xs <= Small (sm) */
@media (max-width : 360px) {
	.no_home .header-title__h1 {
		font-size: 22px;
		text-shadow: 2px 1px 2px #000;
	}
}
@media (max-width : 320px) {
	.mobile-menu__content {
		padding: 0;
	}
}


/* === MOBILE FIRST === */

/* Custom (xs) */
@media (min-width : 0) {

}

/* Small (sm) */
@media (min-width : 576px) {
	#cookie_note.show{
			display: flex;
	}
}

/* Medium (md) */
@media (min-width : 768px) {

}

/* Large (lg) */
@media (min-width : 992px) {

}

/* Extra large (xl) */
@media (min-width : 1200px) {
	.text {
		font-size: 18px;
	}
}

/* Extra extra large (xxl) */
@media (min-width : 1400px) {
	.text {
		font-size: 22px;
	}
}
@media (max-height : 550px) {
	.cookie-right-side {
    overflow-y: auto;
  	max-height: 70%;
  }
}