@media (max-width: 1680px){
	/* gallery wnd */
	/* -------------------------------------------------------------------------------------------------------------------- */
	
	.gallery-wnd{
		width: calc( 100% - 400px );
	}
}
@media (max-width: 1440px){
	/* gallery wnd */
	/* -------------------------------------------------------------------------------------------------------------------- */
	
	.gallery-wnd{
		width: calc( 100% - 250px );
	}
}
@media (max-width: 1300px){
	nav{
		width: calc( 100% - 60px );
	}
	.head-content{
		width: calc( 100% - 60px );
	}
	/* servers */
	/* -------------------------------------------------------------------------------------------------------------------- */
	
	.status-servers{
		width: calc( 100% - 75px );
	}
	/* page content */
	/* -------------------------------------------------------------------------------------------------------------------- */
	
	.page-content{
		width: calc( 100% - 60px );
	}
	.server-info{
		width: calc( 100% - 60px );
	}
	footer{
		width: calc( 100% - 60px );
	}
}
@media (max-width: 1280px){
	/* gallery wnd */
	/* -------------------------------------------------------------------------------------------------------------------- */
	
	.gallery-wnd{
		width: calc( 100% - 150px );
	}
}
@media (max-width: 1200px){
	.head-content:before{
		right: -40px;
	}
}
@media (max-width: 990px){
@media (max-width: 990px){
	.recomend-table{
		width: calc( 100% - 62px );
	}
}
@media (max-width: 970px){
	header{
		border-bottom: 1px solid #1b1817;
	}
	/* servers */
	/* -------------------------------------------------------------------------------------------------------------------- */
	
	.status-servers{
		width: calc( 100% - 50px );
	}
	.status-servers > .server{
		width: calc( ( 100% / 3 ) - 10px );
		margin: 5px;
		margin-top: 20px;
		justify-content: center;
		background: none;
		height: auto;
		border-style: solid;
		border-width: 21px 21px 21px 21px;
		border-image: url(../images/bg/border.png) 21 21 21 21 repeat repeat;
	}
	.status-servers > .server:nth-child(1):before{
		display: none;
	}
	.status-servers > .server:nth-child(1):after{
		display: none;
	}
	.status-servers > .server:nth-child(2):before{
		display: none;
	}
	.status-servers > .server:nth-child(2):after{
		display: none;
	}
	.status-servers > .server:nth-child(3):before{
		display: none;
	}
	.status-servers > .server:nth-child(3):after{
		display: none;
	}
	.status-servers > .server > .info{
		width: 100%;
		padding-left: 0px;
	}
	.status-servers > .server > .info > .name{
		text-align: center;
		font-size: 20px;
	}
	.status-servers > .server > .info > .online{
		text-align: center;
		font-size: 14px;
	}
	.status-servers > .server > .info > .online > span{
		font-size: 14px;
	}
	.reg-or-login > .forms{
		width: calc( 100% - 20px );
	}
}
@media (max-width: 930px){
	.downloads > .info{
		width: calc( 100% - 20px );
	}
}
@media (max-width: 900px){
	.toggle > .title{
		height: auto;
		padding: 8px 0px;
	}
	.toggle > .title > span{
		font-size: 14px;
		line-height: 16px;
	}
}
@media (max-width: 850px){
	.server-info > .info-servers > .info-server > .images{
		display: none;
	}
	.server-info > .info-servers > .info-server > .info{
		width: 100%;
		padding-left: 0px;
	}
	.gallery-wnd-bg{
		display: none;
	}
}
@media (max-width: 780px){
	.rol-form > .line{
		width: 100%;
	}
}
@media (max-width: 720px){
	.social > .social-content > .block{
		width: 100%;
	}
	.social > .social-content > .block:first-child{
		margin-bottom: 30px;
	}
}
@media (max-width: 690px){
	.forum-msg > .forum-msg-content > .msg{
		width: 100%;
	}
	.forum-msg > .forum-msg-content > .msg:nth-child(2){
		padding-top: 20px;
	}
	.reg-or-login > .switch{
		width: 100%;
	}
}
@media (max-width: 670px){
	.inner-block-title{
		font-size: 22px;
	}
}
@media (max-width: 660px){
	.status-servers > .server{
		width: calc( 100% - 10px );
	}
}
@media (max-width: 600px){
	.recomend-table > .tr{
		margin-bottom: 5px;
	}
	.recomend-table > .tr:first-child{
		display: none;
	}
	.recomend-table > .tr > .td{
		width: 50%;
		text-align: center;
		justify-content: center;
	}
	.recomend-table > .tr > .td:not(:first-child):before{
		display: block;
	}
	.recomend-table > .tr > .td:first-child{
		width: 100%;
		text-align: center;
		justify-content: center;
		color: #e39e55;
		background: #383635;
	}
}
@media (max-width: 500px){
	input{
		height: 40px;
		font-size: 16px;
	}
	.server-info > .switch > .server-info-button{
		margin-right: 0px;
		width: calc( 100% - 20px );
		margin-left: 10px;
	}
	.server-info > .switch > .server-info-button:not(:last-child):before{
		display: none;
	}
	.server-info > .info-servers > .info-server{
		padding: 5px;
	}
	.server-info > .info-servers > .info-server > .info > .name{
		font-size: 24px;
	}
	.server-info > .info-servers > .info-server > .info > .rates > .rate{
		margin-right: 20px;
	}
	.server-info > .info-servers > .info-server > .info > .rates > .rate:not(:last-child):before{
		display: none;
	}
	.server-info > .info-servers > .info-server > .info > .desc{
		font-size: 14px;
	}
	.server-info > .info-servers > .info-server > .info > .large-button{
		width: calc( 100% + 26px );
		height: 46px;
		margin-right: -13px;
	}
	.server-info > .info-servers > .info-server > .info > .large-button > span{
		font-size: 18px;
	}
	.reg-or-login > .switch > .button{
		font-size: 16px;
		height: 36px;
	}
	.rol-form > .line > .prefix-block{
		width: 100%;
		margin-bottom: 20px;
	}
	.rol-form > .line > .input-block{
		width: 100%;
	}
	.rol-form > .form-button{
		height: 40px;
	}
	.rol-form > .form-button > span{
		font-size: 16px;
	}
	.form > .links > a{
		font-size: 16px;
		line-height: 30px;
	}
	.downloads > .switch > .large-button{
		height: 40px;
	}
	.downloads > .switch > .large-button > span{
		font-size: 17px;
	}
	.download-button > .info > .name{
		font-size: 16px;
	}
	.download-button > .info > .size{
		font-size: 12px;
	}
}
@media (max-width: 460px){
	.recomend-table > .tr > .td{
		width: 100%;
	}
}
@media (max-width: 450px){
	.big-title > span{
		margin-left: auto;
		margin-right: auto;
		font-size: 24px;
	}
	.news-title > span{
		margin-bottom: 10px;
	}
	.news-title  > span:before,
	.news-title  > span:after{
		bottom: -92px;
	}
	.big-title > .small-button{
		width: calc( 100% + 16px );
		margin-left: -8px;
		margin-right: -8px;
	}
	.home-news > .news > article > .img{
		height: 140px;
	}
	.home-news > .news > article > .img:before{
		width: calc( 100% - 16px );
		height: calc( 100% - 16px );
		border: 1px solid rgba(255, 255, 255, 0.09);
		box-shadow: 0px 0px 20px #000;
	}
	.home-news > .news > article > .article-content > .title{
		font-size: 18px;
	}
	.home-news > .news > article:nth-child(1) > .article-content > .title{
		font-size: 18px;
	}
	.home-news > .news > article > .article-content > .text{
		font-size: 12px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.home-news > .news > article > .article-content > .info > .small-gray-button{
		width: calc( 100% + 16px );
		margin-right: -8px;
	}
	.home-news > .news > article > .article-content > .info > .date{
		width: 100%;
		text-align: center;
		margin-top: 10px;
	}
	.rankings > .rankings-content > .switch > .avarage-button{
		height: 36px;
	}
	.rankings > .rankings-content > .switch > .avarage-button > span{
		font-size: 14px;
	}
	.rankings > .rankings-content > .tables > .table > .line{
		padding: 13px 0px;
	}
	.rankings > .rankings-content > .tables > .table > .line > .name{
		font-size: 16px;
	}
	.rankings > .rankings-content > .tables > .table > .line > .value{
		font-size: 16px;
	}
	.forum-msg > .forum-msg-content > .msg{
		padding: 10px 0px;
	}
	.forum-msg > .forum-msg-content > .msg:nth-child(2){
		padding-top: 10px;
	}
	.forum-msg > .forum-msg-content > .msg:nth-child(5){
		border-bottom: 1px solid #1f1f1f;
		padding-bottom: 10px;
	}
	.forum-msg > .forum-msg-content > .msg > .avatar{
		width: 50px;
		height: 50px;
	}
	.forum-msg > .forum-msg-content > .msg > .info{
		width: calc( 100% - 50px );
		padding-left: 10px;
	}
	.forum-msg > .forum-msg-content > .msg > .info > .title > a{
		font-size: 16px;
	}
	.forum-msg > .forum-msg-content > .avarage-button{
		width: calc( 100% + 16px );
		margin-left: -8px;
		margin-right: -8px;
	}
	.inner-articles-stroke > article > .img {
		height: 140px;
	}
	.inner-articles-stroke > article > .article-content > .title > a{
		font-size: 18px;
	}
	.inner-articles-stroke > article > .article-content > .text{
		font-size: 12px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.inner-articles-stroke > article > .article-content > .info > .small-gray-button{
		width: calc( 100% + 16px );
		margin-right: -8px;
	}
	.inner-articles-stroke > article > .article-content > .info > .date{
		width: 100%;
		text-align: center;
		margin-top: 10px;
	}
}
@media (max-width: 370px){
	.head-content > .block > .text{
		margin-top: 20px;
		margin-bottom: 30px;
	}
	.head-content > .block > .large-button{
		width: 100%;
	}
}