@media (min-width: 1921px){
	.wrapper{
		width: 1920px;
	}
}
@media (max-width: 1320px){
	.anounce-banners > .places{
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media (max-width: 1300px){
	.center{
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}
	/* footer */
	/* -------------------------------------------------------------------------------------------------------------------- */
	
	footer{
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media (max-width: 1100px){
	.video-head{
		display: none;
	}
	nav > .center > .links > .link{
		margin: 0px 10px;
		font-size: 14px;
	}
	footer > .f_cpr{
		width: 100%;
		justify-content: center;
		border-bottom: 1px solid rgba(255, 255, 255, 0.07);
		padding-bottom: 20px;
		margin-bottom: 30px;
	}
	footer > .f_cpr > .info{
		width: 100%;
		margin-top: 10px;
		padding-left: 0px;
	}
	footer > .f_cpr > .info > .title{
		text-align: center;
	}
	footer > .f_cpr > .info > .text{
		text-align: center;
	}
}
@media (max-width: 1030px){
	.content > .center > .articles, .content > .center > .server-info{
		width: 100%;
	}
}
@media (max-width: 960px){
	nav > .center > .links{
		display: none;
	}
	nav > .center > .cp-button{
		display: none;
	}
}
@media (max-width: 620px){
	.head-information > .big-text{
		font-size: 28px;
	}
	.head-information > .small-text{
		font-size: 18px;
	}
	.head-information > .buttons > .start-button{
		width: 200px;
		height: 40px;
		font-size: 18px;
	}
	/* articles */
	/* -------------------------------------------------------------------------------------------------------------------- */
	
	article{
		width: 100%;
		height: 333px;
	}
	article > .title > a{
		height: calc( 22px * 1);
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		 display: -moz-box;
		-moz-line-clamp: 1;
		-moz-box-orient: vertical;
	}
	article > .text{
		height: calc( 18px * 2);
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		display: -moz-box;
		-moz-line-clamp: 2;
		-moz-box-orient: vertical;
	}
	.content > .center > .server-info > .horizontal{
		height: auto;
	}
	.content > .center > .server-info > .horizontal > .img{
		width: 100%;
		height: 150px;
	}
	.content > .center > .server-info > .horizontal > .img,
	.content > .center > .server-info > .horizontal > .horizontal-right{
		width: 100%;
	}
	.content > .center > .server-info > .horizontal > .horizontal-right > .img{
		width: 100%;
		height: 150px;
	}
	.content > .center > .server-info > .horizontal2{
		width: 100%;
		height: 150px;
		margin-top: 0px;
	}
	.content > .center > .server-info > .horizontal3{
		height: auto;
	}
	.content > .center > .server-info > .horizontal3 > .img{
		width: 100%;
		height: 150px;
	}
	.content > .center > .server-info > a{
		margin-top: 0px;
		height: 42px;
		font-size: 18px;
	}
}
@media (max-width: 560px){
	footer > .f_links{
		width: 100%;
		text-align: center;
	}
	footer > .f_buttons{
		width: 100%;
	}
	footer > .f_buttons > .social{
		margin-top: 20px;
		justify-content: center;
	}
}