/*dev. std. www.rubic-on.com*/
@media (max-width: 1440px){
	.wrap {
		padding: 0px 20px;
		transform: scale(0.98);
	}
	.news_item {
		width: 49%;
		height: 250px;
	}
	.news_item:nth-child(1) {
		width: 100%;
	}
	.news_item:nth-child(2) > img, .news_item:nth-child(3) > img {
		width: 100%; 
	}
	.lastpost_item {
		width: 250px;
	}
	.main_stat {
		width: auto;
	}
	.lastpost_item:hover > a{
		color: #ffb72b;
		margin-left: 00px;
	}
	.news_item_date {
		font-size: 14px;
	}
	.news_item_title {
		font-size: 21px;
	}
	.partners {
		margin-top: 20px;
		width: 250px;
	}
	.partners_block img {
		width: 120px;
		height: 80px;
	}
	.action_item_content h3 {
		font-size: 15px;
	}
	.action_item img {
		width: 110px;
		height: 84px;
	}
	.footer_logo img {
		height: 120px;
		transition: 0.3s;
	}
	.footer_logo {
		display: flex;
		align-items: center;
	}
	.footer_link_block h3 {
		font-size: 15px;
	}
	.footer_copy {
		margin-left: 30px;
	}
	.footer_link_block {
		margin-left: 45px;
	}
	.navi_item {
		margin-left: 40px;
		font-size: 15px;
	}
	.topstat h3 {
		font-size: 14px;
	}
	.lastpost h3 {
		font-size: 14px;
	}
	.clanstat h3 {
		font-size: 14px;
	}
	.nav_btn a {
		font-size: 15px;
	}
	#main {
		margin-top: 30px;
	}
	.action_item {
		margin: 5px;
	}
	#action {
		margin-top: 10px; 
	}
	#totop {
		margin-top: 50px;
		margin-bottom: 30px;
	}
}

@media (max-width: 1240px){
	.site {
		background-size: 100%;
		background-repeat: no-repeat;
	}
	.news_item {
		width: 90%;
		height: 244px;
	}
	.news_item:nth-child(1) {
		width: 90%;
	}
	.news {
		justify-content: center;
	}
	.rateinfo_item_quest{
		display: none;
	}
	.rateinfo_item_raidboss{
		display: none;
	}
	.rateinfo_blocks {
		justify-content: space-around;
	}
	.rateinfo_news {
		justify-content: space-around;
	}
	.topstat h3 {
		margin-top: 18px;
	}
	#stream {
		margin: 50px 30px 20px;
	}
	.slick-slide img {
		height: 150px;
	}
	.slide span {
		bottom: 32px;
	}
	.slick-next {
		top: 60px;
	}
	.slick-prev {
		top: 60px;
	}
	.action_item img {
		display: none;
	}
	.action_item {
		background: #1b1118;
	}
	.footer_logo img {
		display: none;
	}
	.footer_links {
		width: 60%;
	}
	.footer_copy_desc {
		margin-top: 20px;
	}
	#footer {
		padding-bottom: 20px;
	}
	a.logotype img {
		width: 380px;
		text-align: center;
	}
	.server {
		width: 33.3%;
		flex-direction: column;
		transform: scale(0.9);
	}
	.status {
		height: 430px;
	}
}

@media (max-width: 1160px){
	.wrap {
		transform: scale(1);
	}
	.rateinfo_news_txt {
		display: none;
	}
	.news_item {
		width: 90%;
		height: 190px;
	}
	.action_over {
		flex-wrap: wrap;
		justify-content: center;
	}
	.action_item {
		width: 100%;
		max-width: initial;
		padding: 10px;
	}
	.footer_link_block li {
		font-size: 12px;
	}
	.status {
		flex-wrap: wrap;
		justify-content: center;
		height: auto;
	}
	.server {
		flex-direction: inherit;
		transform: scale(0.9);
		width: 100%;
	}
	.server_status {
		margin: 30px;
	}
	.server {
		flex-direction: inherit;
		transform: scale(1);
		width: 100%;
		margin-top: 30px;
		background: rgb(30 19 27 / 40%);
	}
	.rateinfo_blocks{
		display: none;
	}
	.rateinfo_news_btn {
		font-size: 14px;
	}
	.news {
		margin-top: 20px;
		flex-wrap: wrap;
	}
	.middle {
		margin: 15px 0px 50px;
	}
	.middle_btns {
		bottom: -80px;
	}
}

@media (max-width: 1020px){
	/*monmenu*/
	#toggle {
		display: block;
		width: 28px;
		position: relative;
		height: 30px;
		top: 10px;
	}

	#toggle span:after,
	#toggle span:before {
		content: "";
		position: absolute;
		left: 0;
		top: -9px;
	}
	#toggle span:after{
		top: 9px;
	}
	#toggle span {
		position: relative;
		display: block;
	}

	#toggle span,
	#toggle span:after,
	#toggle span:before {
		width: 100%;
		height: 5px;
		background-color: #ebef47;
		transition: all 0.3s;
		backface-visibility: hidden;
		border-radius: 2px;
	}

	/* on activation */
	#toggle.on span {
		background-color: transparent;
	}
	#toggle.on span:before {
		transform: rotate(45deg) translate(5px, 5px);
	}
	#toggle.on span:after {
		transform: rotate(-45deg) translate(7px, -8px);
	}
	#toggle.on + #menu {
		opacity: 1;
		visibility: visible;
	}

	/* menu appearance*/
	#menu {
		position: absolute;
		width: 200px;
		padding: 10px;
		margin: auto;
		text-align: center;
		border-radius: 5px;
		background: #160f16;
		box-shadow: 0 1px 8px rgb(0 0 0 / 5%);
		opacity: 0;
		visibility: hidden;
		transition: opacity .4s;
		display: block;
		top: 30px;
	}
	.navi.wrap.f-b {
		position: relative;
		z-index: 9;
	}
	.navi_item {
		margin-left: 0;
		text-align: left;
	}
	.navi_item:last-child{
		margin-left: 0px;
		margin: 2px;
	}
	.navi_item:first-child{
		margin-left: 0px;
		margin: 2px;
	}
	.navi_item_files{
		padding: 0;
		border: none;
	}
	.navi_item_lc{
		padding: 0;
		border: none;
	}
	.footer_copy_payment{
		justify-content: center;
	}
	#menu:after {
		position: absolute;
		top: -8px;
		left: 5px;
		content: "";
		display: block;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 8px solid #ebef47;
	}
	.navi_item_lc:hover {
		background: transparent;
		color: #ffb72b !important;
	}
	.navi_item_files:hover {
		background: transparent;
		color: #ffb72b !important;
	}
	.navi_item {
		background: rgb(33 21 31);
		margin: 2px;
		padding: 6px 10px;
		border-radius: 5px;
	}
	#langmenu {
		margin-top: 0px;
	}
	.main_over {
		flex-wrap: wrap;
		justify-content: center;
	}
	.main_links {
		display: flex;
		justify-content: space-between;
		width: 100%;
		margin-right: 0;
		margin-top: 20px;
	}
	.lastpost {
		margin: 0px 0;
		background: #1b1118;
		padding: 10px 20px;
		width: 50%;
		border-radius: 5px;
		display: flex;
		align-items: center;
	}
	.lastpost_item {
		width: 100%;
	}
	.lastpost h3{
		display: none;
	}
	.nav_btn {
		background: #1b1118;
		padding: 10px 20px;
		width: 36%;
		border-radius: 5px;
		display: flex;
		align-items: center;
	}
	.nav_btn li {
		list-style: none;
		margin: 10px 0;
	}
	.rateinfo_news {
		margin-top: 25px;
	}
	.main_stat {
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	.partners{
		display: none;
	}
	.topstat {
		margin: 0px 0px;
		width: 45%;
		height: 250px;
	}
	.clanstat {
		margin: 15px 0px;
		width: 45%;
		height: 250px;
	}
	.clanstat_blocks {
		position: relative;
		top: 7px;
	}
	.main_stat{
		margin-left: 0px;
	}
	.action_item{
		margin: 3px 0px;
	}
	.footer_over {
		flex-wrap: wrap;
	}
	.footer_links {
		width: 100%;
		text-align: center;
		display: flex;
		justify-content: center;
	}
	.footer_copy {
		margin-left: 0;
		width: 100%;
		max-width: inherit;
		background: #1b1118;
		padding: 10px;
		border-radius: 5px;
		margin-top: 20px;
	}
	.footer_copy_desc {
		margin-top: 0px;
		text-align: center;
		color: #ffffff40;
	}
	.footer_copy_std {
		text-align: center;
		margin-top: 10px;
	}
	.footer_payment_over{
		justify-content: center;
	}
	#stream {
		display: none;
	}
	.news {
		margin-top: 20px;
		justify-content: space-between;
	}
	.news_item:nth-child(1) {
		width: 100%;
	}
	.news_item {
		width: 48%;
		height: 245px;
	}
	.site {
		background-size: cover;
	}
	.page_over {
		width: 100%;
		margin: 20px 0px;
	}
	.page_about_block{
		height: 450px;
	}
}

@media (max-width: 768px){
	.main_links {
		flex-wrap: wrap;
	}
	.nav_btn {
		background: #1b1118;
		padding: 0px 20px;
		width: 100%;
		flex-direction: column;
	}
	.nav_btn a {
		font-size: 15px;
		background: #ffffff0d;
		padding: 10px 20px;
		width: 200px;
		border-radius: 5px;
		height: 30px;
	}
	.lastpost {
		padding: 0px 20px;
		width: 100%;
		margin: 5px 0px;
	}
	.news_item {
		width: 100%;
		height: 230px;
	}
	.main_stat {
		justify-content: center;
		flex-wrap: wrap;
	}
	.clanstat {
		width: 100%;
		margin: 10px 0px 0px 0px;
	}
	.topstat {
		width: 100%;
		margin-top: -30px;
	}
	#action {
		margin-top: 20px;
	}
	.file_block {
		flex-wrap: wrap;
	}
	.files_rule_block{
		flex-wrap: wrap;
	}
	.files_rule li{
		width: 100%;
	}
	.middle_btns {
		flex-direction: column;
		position: relative;
		bottom: 0px;
	}
	#main {
		margin-top: 0px;
	}
}

@media (max-width: 480px){
	a.logotype img {
		width: 300px;
		text-align: center;
	}
	.footer_links {
		display: none;
	}
	.server {
		display: none;
	}
}