@media (max-width: 1300px){
	.center{
		width: calc(100% - 60px);
		margin: 0px 30px;
	}
	.social{
		width: calc(100% - 60px);
		left: 30px;
	}
}
@media (max-width: 1220px){
	.cp_content > .content > .banners > .banner{
		 justify-content: center;
	}
	.cp_content > .content > .banners > .banner > img{
		width: 50px;
	}
	.cp_content > .content > .banners > .banner > span{
		width: 100%;
		text-align: center;
		padding-left: 0px;
		margin-top: -20px;
	}
}
@media (max-width: 1200px){
	nav > .nav_content > .nav_links{
		width: calc( 100% - 85px );
	}
	nav > .nav_content > .login_button{
		width: 85px;
		background: none;
	}
	nav > .nav_content > .login_button > .hover{
		width: 30%;
		height: 30%;
	}
	nav > .nav_content > .login_button > span{
		display:none;
	}
	.home_news > article:nth-child(1){
		width: 100%;
		margin-bottom: 20px;
	}
	.home_news > article:nth-child(1) > .text{
		height: 40px;
	}
	.home_news > article{
		width: calc( ( 100% - 20px ) / 2 );
	}
	.stat_bg > .stat_block > .line{
		height: 60px;
	}
}
@media (max-width: 1170px){
	.social{
		bottom: 97px;
		justify-content: center;
	}
	.social > .left,
	.social > .right{
		width: 105px;
		margin-right: 15px;
		margin-left: 15px;
	}
	.social > .left a:nth-child(1){
		margin-top: -16px;
	}
	.social > .right a:nth-child(2){
		margin-top: -16px;
	}
	.social_link{
		width: 40px;
		height: 40px;
	}
	.social_link > .bg{
		width: 80px;
		height: 80px;
	}
	.social_link > .hover{
		width: 80px;
		height: 80px;
	}
}
@media (max-width: 1100px){
	.cp_head > .info > .name{
		font-size: 20px;
	}
	.shop_top > form{
		width: 100%;
	}
	.shop_top > .balance{
		display: none;
	}
	.shop_items > .item{
		width: calc( 100% / 2 - 25px );
	}
}
@media (max-width: 1080px){
	.vote_block{
		width: 100%;
		 padding: 0px 25px;
	}
}
@media (max-width: 1030px){
	nav > .nav_content > .open_nav_button{
		display: flex;
	}
	nav > .nav_content > .nav_links{
		width: 300px;
		height: 0px;
		overflow: hidden;
		border-radius: 4px;
		position: absolute;
		top: calc( 100% + 3px );
		left: 0px;
		background: url(../images/mini_nav_bg.jpg) #160a0b bottom center;
		border-left: 1px solid #261c1a;
		border-right: 1px solid #261c1a;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
	}
	nav > .nav_content > .nav_links > .link{
		width: 100%;
		justify-content: center;
		padding: 20px 0px;
		border-bottom: 1px solid #1b1413;
		margin-left: 0px;
		margin-right: 0px;
	}
	nav > .nav_content > .nav_links > .link:nth-child(1){
		margin-left: 0px;
		border-top: 1px solid #261c1a;
	}
	nav > .nav_content > .nav_links > .link:not(:nth-child(1)){
		border-left: none;
		padding-left: 0px;
	}
	nav > .nav_content > .nav_links > .link > span{
		padding-left: 20px;
	}
	.dropbox{
		position: relative;
		width: 100%;
		top: 21px;
		left: 0px;
		background: rgba(0,0,0,0.1);
		border: none;
		border-top: 1px solid #261c1a;
		border-radius: 0px;
	}
	.dropbox > a{
		text-align: center;
	}
}
@media (max-width: 1000px){
	#footer{
		height: auto;
	}
	/* ----------------------------- */
	/* ----------- footer ---------- */
	/* ----------------------------- */
	
	#footer > .center{
		justify-content: center;
	}
	.f_left{
		width: 100%;
		margin-bottom: 15px;
	}
	.f_left > img{
		display: block;
		margin: 0 auto;
	}
	.f_left > .title{
		text-align: center;
	}
	.f_left > .text{
		text-align: center;
	}
	.f_nav{
		width: 165px;
		margin-top: 17px;
	}
	.f_nav > a{
		width: 150px;
		border: 1px solid rgba(255,255,255,0.05);
		text-align: center;
		padding: 8px;
		margin: 0 auto;
	}
	.f_right{
		width: 100%;
		justify-content: center;
		margin-top: 30px;
		margin-bottom: 50px;
	}
}
@media (max-width: 970px){
	.home_news > article{
		width: 100%;
		margin-bottom: 20px;
	}
	.home_news > article > .text{
		height: 40px;
	}
	.more_news{
		margin-top: 0px;
	}
}
@media (max-width: 950px){
	.cp_head{
		justify-content: center;
		align-items: flex-start;
	}
	.cp_head > .logo{
		margin-bottom: 20px;
	}
	.cp_head > .info{
		width: 100%;
	}
	.cp_head > .info > .title{
		text-align: center;
	}
	.cp_head > .info > .name{
		text-align: center;
	}
	.cp_head > .line{
		width: 50px;
		height: 1px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.exit_button{
		margin-top: 20px;
	}
	.cp_content{
		min-height: 0px;
	}
	.cp_content > .nav{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		height:100px;
		background: #19110d;
	}
	.cp_content > .nav > a{
		width: calc( 100% / 4 );
		justify-content: center;
		padding-left: 0px;
	}
	.cp_content > .nav > a > img{
		width: 60px;
		margin-left: -10px;
	}
	.cp_content > .nav > a:not(:last-child){
		border-right: 1px solid rgba(255,255,255,0.04);
	}
	.cp_content > .content{
		width: 100%;
		min-height: 0px;
	}
}
@media (max-width: 860px){
	.question > .title > .title_text{
		font-size: 18px;
	}
	.question > .text{
		font-size: 14px;
	}
}
@media (max-width: 854px){
	.full_news > article{
		width: 100%;
	}
}
@media (max-width: 850px){
	.cp_content > .nav > a > img{
		margin-left: 0px;
	}
	.cp_content > .nav > a > span{
		width: 100%;
		font-size: 14px;
		text-align: center;
		padding-left: 0px;
		margin-top: -30px;
	}
}
@media (max-width: 780px){
	.home_news{
		width: 100% !important;
		margin-bottom: 50px;
	}
	#content > .center > aside{
		width: 100%;
		height: 672px;
	}
	.home_news > article > .text{
		height: 76px !important;
	}
}
@media (max-width: 686px){
	.contact_form{
		width: 100%;
	}
	.contact_info{
		width: 100%;
	}
}
@media (max-width: 650px){
	nav > .nav_content > .nav_links{
		width: 100%;
	}
	.all_news > article{
		width: 100%;
	}
}
@media (max-width: 600px){
	.inner_form{
		width: 100%;
	}
	.cp_form{
		width: 100%;
	}
	.shop_items > .item{
		width: calc( 100% - 25px );
	}
}
@media (max-width: 595px){
	/* ------------ info ----------- */
	
	.head_content > .info{
		width: 100%;
	}
}
@media (max-width: 590px){
	.cp_content > .content > .banners > .banner{
		width: calc( ( 100% - 25px ) / 2 );
	}
}
@media (max-width: 550px){
	.shop_top > form > span{
		width: 100%;
		text-align: center;
	}
	.shop_top > form > .select{
		width: 100%;
		margin-top: 20px;
	}
	.shop_top > form > button{
		width: 100%;
		margin-top: 20px;
	}
}
@media (max-width: 530px){
	.head_content > .info > .title{
		font-size: 24px;
	}
	.head_content > .info > .text{
		font-size: 14px;
	}
}
@media (max-width: 520px){
	.contact_form{
		justify-content: center;
	}
	.contact_form > .name,
	.contact_form > .mail{
		width: 100%;
	}
	.contact_form > button{
		width: 100%;
		height: 61px;
	}
	.contact_info > .block{
		width: 100%;
		margin-bottom: 30px;
	}
}
@media (max-width: 500px){
	.question > .title > .title_text{
		font-size: 14px;
	}
	.question > .text{
		font-size: 12px;
	}
	.vote_block > a{
		width: 100%;
	}
}
@media (max-width: 490px){
	.logo > .logo_img{
		width: 260px;
	}
	.cp_content > .nav > a > span{
		display: none;
	}
}
@media (max-width: 450px){
	.head_content > .info > .title{
		font-size: 18px;
	}
	.head_content > .info > .text{
		font-size: 12px;
	}
	/* -------- start button ------- */
	
	.start_button{
		width: 230px;
	}
	.social{
		 bottom: 210px;
	}
	.social > .left,
	.social > .right{
		width: 90px;
		margin-right: 5px;
		margin-left: 5px;
	}
	.social > .left a:nth-child(1){
		margin-top: 0px;
	}
	.social > .right a:nth-child(2){
		margin-top: 0px;
	}
	.inner_content > .center > .title{
		font-size: 30px;
	}
}
@media (max-width: 430px){
	.cp_content > .content > .banners > .banner{
		width: 100%;
		height: auto;
	}
	.cp_content > .content > .banners > .banner > span{
		width: 100%;
		height: auto;
		margin-top: 0px;
	}
}
@media (max-width: 410px){
	.cp_content > .nav{
		height: 60px;
	}
	.cp_content > .nav > a{
		height: 60px;
	}
}
@media (max-width: 400px){
	.stat_switch > .button{
		font-size: 16px;
	}
	.texture_block > .content > .regbutton{
		font-size: 16px;
	}
	.texture_block > .content > .loginbutton{
		font-size: 18px;
	}
	.texture_block > .content > .filebutton{
		font-size: 16px;
	}
	.texture_block > .content > .filebutton > span:nth-child(1){
		font-size: 12px;
	}
	.texture_block > .content > .filebutton > span:nth-child(2){
		font-size: 12px;
	}
}
@media (max-width: 380px){
	.cp_form > button > span{
		font-size: 18px;
	}
}
@media (max-width: 360px){
	.f_left > img{
		width: 180px;
	}
}


/* ----------------------------- */
/* ------- server status ------- */
/* ----------------------------- */

@media (max-width: 470px){
	.server_structure > .table > .tr > .td:nth-child(2){
		width: 100%;
	}
}

@media (max-width: 430px){
	.server_more_info > .block > .line > .text{
		font-size: 14px;
	}
}

@media (max-width: 600px){
	.server_description > .ul_block{
		width: 100%;
	}
}

@media (max-width: 750px){
	.server_base_info > .statistic{
		margin-top: 10px;
	}
	.server_base_info > .statistic > .online{
		width: 100%;
	}
	.server_base_info > .statistic > .progress_bg{
		width: 100%;
		margin-top: 10px;
	}
}

@media (max-width: 900px){
	.server_description{
		width: 100%;
		border-right: none;
	}
	.server_structure{
		width: 100%;
	}
}

@media (max-width: 980px){
	.server_more_info > .block{
		width: 100%;
	}
	.server_more_info > .block > .line{
		border-bottom: 1px solid rgba(255, 255, 255, 0.03);
		padding-bottom: 3px;
	}
}


@media (max-width: 1030px){
	.forum_thems{
		width: 100%;
	}
	.discord{
		width: 100%;
		height: 300px;
		margin-bottom: 50px;
	}
}

@media (max-width: 560px){
	.forum_thems > .title{
		font-size: 18px;
	}
	.forum_thems > .msg{
		width: 100%;
	}
	.forum_thems > .msg:nth-child(6),
	.forum_thems > .msg:nth-child(7){
		padding-bottom: 24px;
		border-bottom: 1px solid rgb(37, 23, 20);
	}
}