@media (max-width: 1300px){
	.content{
		width: 100%;
		padding: 0px 30px;
	}
	/* navigation */
	/* -------------------------------------------------------------------------------------------------------------------- */
	
	nav{
		width: 100%;
		padding: 0px 30px;
	}
	/* header */
	/* -------------------------------------------------------------------------------------------------------------------- */
	
	header{
		width: 100%;
		padding: 0px 30px;
	}
	.scroll-block{
		overflow-x: scroll;
		padding: 30px;
		box-shadow: inset 0px 0px 10px rgba(0,0,0,0.2);
	}
	footer > .footer-content{
		width: 100%;
		padding: 0px 30px;
	}
	.cp-bonus-title > .title-settings > .input-title > .confirm-button {
		margin-top: 5px;
	}
}
@media (max-width: 1200px){
	/* news */
	/* -------------------------------------------------------------------------------------------------------------------- */
	
	.news-blcok{
		width: 100%;
	}
	.news > article:nth-child(1){
		width: calc( 50% - 10px );
	}
	.news > article{
		width: calc( 50% - 10px );
	}
	/* widget */
	/* -------------------------------------------------------------------------------------------------------------------- */
	
	.widget-block{
		width: 100%;
	}
	.widget-block > .title{
		justify-content: flex-start;
	}
	.widget{
		height: 300px;
	}

	.cp-bonus-title > .title-settings > .input-title > .confirm-button {
		margin-top: 5px;
	}
}
@media (max-width: 1180px){
	footer > .footer-content > .top > .cpr{
		width: 100%;
		border-top: 1px solid rgba(0, 0, 0, 0.08);
		padding-top: 35px;
		margin-top: 40px;
	}
	footer > .footer-content > .top > .cpr > .logo{
		display: block;
		 margin: 0 auto;
	}
	footer > .footer-content > .top > .cpr > .title{
		text-align: center;
	}
	footer > .footer-content > .top > .cpr > .text{
		text-align: center;
	}
	footer > .footer-content > .top > .cpr > .unsimple{
		margin: 0 auto;
		margin-top: 20px;
	}
	footer > .footer-content > .top > .nav-block{
		width: 25%;
	}
	footer > .footer-content > .top > .nav-block:not(:last-child){
		border-right: 1px solid rgba(0, 0, 0, 0.08);
		align-self: stretch;
	}
	footer > .footer-content > .top > .nav-block:nth-child(4){
		border-right: none;
	}
	footer > .footer-content > .top > .nav-block > .title{
		text-align: center;
	}
	footer > .footer-content > .top > .nav-block > .items{
		text-align: center;
	}
}
@media (max-width: 1110px){
	nav > .nav-links{
		width: 300px;
		background: rgba(255,255,255,0.9);
		border-radius: 0px 0px 4px 4px;
		position: absolute;
		right: 0px;
		top: 100%;
		display: none;
	}
	nav > .nav-links > .links{
		width: 100%;
	}
	nav > .nav-links > .links > .link,
	nav > .nav-links > .links > .link > .open-dropbox{
		width: 100%;
	}
	nav > .nav-links > .links > .link{
		min-height: 60px;
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}
	nav > .nav-links > .links > .link > .open-dropbox{
		height: 59px;
	}
	nav > .nav-links > .links > .link:not(:last-child){
		margin-right: 0px;
	}
	nav > .nav-links > .links > .link > .drop-box{
		position: relative;
		width: 100%;
		display: none;
		border-top: 1px solid rgba(0,0,0,0.1);
		box-shadow: none;
	}
	nav > .nav-links > .links > .link > .active{
		position: relative;
		width: 100%;
		top: none;
		display: block;
	}
	nav > .nav-links > .links > .link > .drop-box > a{
		justify-content: center;
	}
	nav > .nav-links > .links > .link > .drop-box > #arrow {
		display: none;
	}
	nav > .nav-links > .cp-button{
		width: calc( 100% - 60px);
		font-size: 16px;
		margin: 30px auto;
	}
	nav > .nav-links > .cp-button > span{
		font-size: 16px;
	}
	nav > .open-nav-button{
		display: flex;
	}
	/* user */
	
	nav > .nav-links > .user{
		width: calc( 100% - 60px);
		font-size: 16px;
		margin: 30px auto;
	}
	nav > .nav-links > .user > .name{
		width: 100%;
	}
	nav > .nav-links > .user > .balance{
		position: relative;
		width: 100%;
		padding-left: 0px;
		background: none;
	}
	nav > .nav-links > .user > .balance > span{
		display: block;
	}
	.slider-title{
		width: 70%;
		font-size: 28px;
	}
	.slider-text{
		width: 70%;
		font-size: 14px;
	}
	/* cp status server */
	/* -------------------------------------------------------------------------------------------------------------------- */
	
	.cp-head-block{
		width: 100%;
	}
	.cp-layout > .cp-aside{
		width: 100%;
		margin-bottom: 30px;
	}
	.cp-layout > .cp-content{
		width: 100%;
	}
	/* cp navigation*/
	/* -------------------------------------------------------------------------------------------------------------------- */
	
	.cp-navigation > .cp-open-nav{
		display: flex;
	}
	.cp-navigation > .links{
		display: none;
	}
	.cp-navigation > .links > a{
		padding: 15px 25px;
	}
	.cp-navigation > .links > .active:before{
		display: none;
	}
	.cp-navigation > .links > a > .text{
		font-size: 14px;
	}
	.cp-navigation > .links > a > .text_b{
		font-size: 14px;
	}
	.cp-navigation > .links > a > .balance{
		font-size: 14px;
		height: 20px;
		top: calc( 50% - 10px );
		padding: 0px 8px;
	}
	.cp-navigation > .links > a > .balance2{
		font-size: 14px;
		height: 20px;
		top: calc( 50% - 10px );
		padding: 0px 8px;
	}

	.cp-bonus-title > .title-settings > .input-title > .confirm-button {
		margin-top: 5px;
	}
}
@media (max-width: 1100px){
	.chars-nav > .chars-button > img{
		width: 50px;
	}
	.chars-nav > .chars-button > .name{
		font-size: 16px;
	}
}
@media (max-width: 1050px){
	footer > .footer-content > .payments{
		width: calc( 100% + 20px );
		margin-left: -10px;
		margin-top: 30px;
	}
	footer > .footer-content > .payments > img{
		height: 40px;
		margin: 10px;
	}
}
@media (max-width: 960px){
	.start-game-guide-box > .drop-box{
		width: calc( 100% - 60px );
	}
	.votes > .block{
		width: 100%;
	}
	.votes > .block > .right-info{
		margin-top: 40px;
	}
}
@media (max-width: 950px){
	/* settings */
	/* -------------------------------------------------------------------------------------------------------------------- */
	
	.chars-nav{
		width: calc( 100% - 60px );
	}
	.chars-nav > .chars-button{
		width: calc( 100% / 4 );
	}
	.chars-nav > .active:after{
		opacity: 1;
	}
	.chars-nav > .active:before{
		opacity: 0;
	}
	.chars-block{
		width: calc( 100% - 60px );
	}
	/* calendar */
	/* -------------------------------------------------------------------------------------------------------------------- */
	
	.calendar-events{
		width: calc( 100% - 60px );
	}
	/* description */
	/* -------------------------------------------------------------------------------------------------------------------- */
	
	.game-desc{
		width: calc( 100% - 60px );
	}
	/* text-page */
	/* -------------------------------------------------------------------------------------------------------------------- */
	
	.text-content{
		width: calc( 100% - 60px );
	}
	/* prmotions */
	/* -------------------------------------------------------------------------------------------------------------------- */
	
	.promotions{
		width: calc( 100% - 60px );
	}
	.pagination{
		width: calc( 100% - 60px );
	}
	/* votes */
	/* -------------------------------------------------------------------------------------------------------------------- */
	
	.votes{
		width: calc( 100% - 60px );
	}
	/* newbie-box */
	/* -------------------------------------------------------------------------------------------------------------------- */
	
	.newbie-box-info{
		width: calc( 100% - 60px );
	}
	.newbie-box-rewards{
		width: calc( 100% - 60px );
	}
	/* ref-system */
	/* -------------------------------------------------------------------------------------------------------------------- */
	
	.ref-system{
		width: calc( 100% - 60px );
	}
	.ref-system > .block{
		width: 100%;
	}
	/* calculator */
	/* -------------------------------------------------------------------------------------------------------------------- */
	
	.calculator{
		width: calc( 100% - 60px );
	}
	/* resource map */
	/* -------------------------------------------------------------------------------------------------------------------- */
	
	.resource-map{
		width: calc( 100% - 60px );
	}

	.cp-bonus-title > .title-settings > .input-title > .confirm-button {
		margin-top: 5px;
	}
}
@media (max-width: 900px){
	/* download */
	/* -------------------------------------------------------------------------------------------------------------------- */
	
	.inner-page > .top-title{
		font-size: 24px;
	}
	.cp-layout > .cp-content > .cp-top-title{
		font-size: 24px;
	}
}
@media (max-width: 880px){
	.cp-table.action-history > .tr > .td:nth-child(3){
		overflow: default;
	}
	.cp-table.action-history > .tr > .td:nth-child(3) > span{
		white-space: normal;
		text-align: left;
		display: inline-block !important;
	}
	.cp-table.action-history > .tr > .td:nth-child(3):hover span{
		transform: translateX(0%);
	}
	.cp-table.action-history > .tr > .td:nth-child(6){
		overflow: default;
	}
	.cp-table.action-history > .tr > .td:nth-child(6) > span{
		white-space: normal;
		text-align: left;
		display: inline-block !important;
	}
	.cp-table.action-history > .tr > .td:nth-child(6):hover span{
		transform: translateX(0%);
	}
	.cp-table.action-history > .tr:nth-child(1){
		display: none;
	}
	.cp-table.action-history > .tr{
		border-radius: 5px;
	}
	.cp-table.action-history > .tr > .td{
		width: 100% !important;
		text-align: left !important;
		margin: 3px 0px;
	}
	.cp-table.action-history > .tr > .td:before{
		display: inline-block !important;
		font-family: Roboto Bold;
		margin-right: 5px;
		color: #635a52;
	}
	.cp-table.action-history > .tr > .td > input{
		margin-top: 4px;
		margin-bottom: 5px;
	}
	.cp-table.donate-history > .tr:nth-child(1){
		display: none;
	}
	.cp-table.donate-history > .tr{
		border-radius: 5px;
	}
	.cp-table.donate-history > .tr > .td{
		width: 100% !important;
		text-align: left !important;
		margin: 3px 0px;
	}
	.cp-table.donate-history > .tr > .td:before{
		display: inline-block !important;
		font-family: Roboto Bold;
		margin-right: 5px;
		color: #635a52;
	}
	.cp-table.transfer-history > .tr:nth-child(1){
		display: none;
	}
	.cp-table.transfer-history > .tr{
		border-radius: 5px;
	}
	.cp-table.transfer-history > .tr > .td{
		width: 100% !important;
		text-align: left !important;
		margin: 3px 0px;
	}
	.cp-table.transfer-history > .tr > .td:before{
		display: inline-block !important;
		font-family: Roboto Bold;
		margin-right: 5px;
		color: #635a52;
	}
	.cp-table.cp-ref-table > .tr:nth-child(1){
		display: none;
	}
	.cp-table.cp-ref-table > .tr{
		border-radius: 5px;
	}
	.cp-table.cp-ref-table > .tr > .td{
		width: 100% !important;
		text-align: left !important;
		margin: 3px 0px;
	}
	.cp-table.cp-ref-table > .tr > .td:before{
		display: inline-block !important;
		font-family: Roboto Bold;
		margin-right: 5px;
		color: #635a52;
	}
	.cp-table.cp-ref-bonus-table > .tr:nth-child(1){
		display: none;
	}
	.cp-table.cp-ref-bonus-table > .tr{
		border-radius: 5px;
	}
	.cp-table.cp-ref-bonus-table > .tr > .td{
		width: 100% !important;
		text-align: left !important;
		margin: 3px 0px;
	}
	.cp-table.cp-ref-bonus-table > .tr > .td:before{
		display: inline-block !important;
		font-family: Roboto Bold;
		margin-right: 5px;
		color: #635a52;
	}
	.cp-table.cp-top-lvl > .tr:nth-child(1){
		display: none;
	}
	.cp-table.cp-top-lvl > .tr{
		border-radius: 5px;
	}
	.cp-table.cp-top-lvl > .tr > .td{
		width: 100% !important;
		text-align: left !important;
		margin: 3px 0px;
	}
	.cp-table.cp-top-lvl > .tr > .td:before{
		display: inline-block !important;
		font-family: Roboto Bold;
		margin-right: 5px;
		color: #635a52;
	}
	.cp-table.cp-top-online > .tr:nth-child(1){
		display: none;
	}
	.cp-table.cp-top-online > .tr{
		border-radius: 5px;
	}
	.cp-table.cp-top-online > .tr > .td{
		width: 100% !important;
		text-align: left !important;
		margin: 3px 0px;
	}
	.cp-table.cp-top-online > .tr > .td:before{
		display: inline-block !important;
		font-family: Roboto Bold;
		margin-right: 5px;
		color: #635a52;
	}
	.cp-table.cp-top-pk > .tr:nth-child(1){
		display: none;
	}
	.cp-table.cp-top-pk > .tr{
		border-radius: 5px;
	}
	.cp-table.cp-top-pk > .tr > .td{
		width: 100% !important;
		text-align: left !important;
		margin: 3px 0px;
	}
	.cp-table.cp-top-pk > .tr > .td:before{
		display: inline-block !important;
		font-family: Roboto Bold;
		margin-right: 5px;
		color: #635a52;
	}
	.cp-table.cp-top-guilds > .tr:nth-child(1){
		display: none;
	}
	.cp-table.cp-top-guilds > .tr{
		border-radius: 5px;
	}
	.cp-table.cp-top-guilds > .tr > .td{
		width: 100% !important;
		text-align: left !important;
		margin: 3px 0px;
	}
	.cp-table.cp-top-guilds > .tr > .td:before{
		display: inline-block !important;
		font-family: Roboto Bold;
		margin-right: 5px;
		color: #635a52;
	}
	
	.cp-table.action-history2 > .tr > .td:nth-child(3){
		overflow: default;
	}
	.cp-table.action-history2 > .tr > .td:nth-child(3) > span{
		white-space: normal;
		text-align: left;
		display: inline-block !important;
	}
	.cp-table.action-history2 > .tr > .td:nth-child(3):hover span{
		transform: translateX(0%);
	}
	.cp-table.action-history2 > .tr > .td:nth-child(7){
		overflow: default;
	}
	.cp-table.action-history2 > .tr > .td:nth-child(7) > span{
		white-space: normal;
		text-align: left;
		display: inline-block !important;
	}
	.cp-table.action-history2 > .tr > .td:nth-child(7):hover span{
		transform: translateX(0%);
	}
	.cp-table.action-history2 > .tr:nth-child(1){
		display: none;
	}
	.cp-table.action-history2 > .tr{
		border-radius: 5px;
	}
	.cp-table.action-history2 > .tr > .td{
		width: 100% !important;
		text-align: left !important;
		margin: 3px 0px;
	}
	.cp-table.action-history2 > .tr > .td:before{
		display: inline-block !important;
		font-family: Roboto Bold;
		margin-right: 5px;
		color: #635a52;
	}
	.cp-table.action-history2 > .tr > .td > input{
		margin-top: 4px;
		margin-bottom: 5px;
	}	
}
@media (max-width: 870px){
	.switch-items{
		width: calc( 100% - 60px );
	}
}
@media (max-width: 850px){
	.slider_info > .slider_info_item > .title{
		font-size: 20px;
	}
	.cp-layout > .cp-content > .cp-center > .half-block{
		width: 100%;
	}
	/* - */
	
	.cp-login-history{
		margin-top: 30px;
	}
	/* - */
	
	.add-vk-account{
		margin-top: 30px;
	}
}
@media (max-width: 840px){
	.calendar-events > .image{
		display: none;
	}
	.calendar-events > .events-content{
		width: 100%;
	}
	.game-desc > .images{
		display: none;
	}
	.game-desc > .game-desc-content{
		width: 100%;
	}

	.game-desc > article > .img {
		display: none;
	}

	.game-desc > article > .block {
		width: 100%;
	}
}
@media (max-width: 830px){
	.start-game-guide-box{
		padding: 0px 30px;
	}
	.start-game-guide-box > .title{
		font-size: 20px;
	}
	.start-game-guide-box > .text{
		width: 100%;
		font-size: 14px;
	}
	.start-game-guide-box > .text2{
		width: 100%;
		font-size: 14px;
	}
	.start-game-guide-box > .buttons{
		width: 100%;
	}
	.start-game-guide-box > .title-mini{
		font-size: 20px;
	}
	.start-game-guide-box > .recomend-block{
		width: 100%;
	}
	.start-game-guide-box > .recomend-block > .box{
		width: calc( 50% - 15px );
	}
	.start-game-guide-box > .recomend-block > .box > .title{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.cp-shop-item-list > .item{
		width: calc( ( 100% - 90px ) / 3 );
	}
}
@media (max-width: 820px){
	footer > .footer-content > .top > .nav-block{
		width: 50%;
	}
	footer > .footer-content > .top > .nav-block:nth-child(2),
	footer > .footer-content > .top > .nav-block:nth-child(4){
		border-right: none;
	}
	footer > .footer-content > .top > .nav-block:nth-child(1),
	footer > .footer-content > .top > .nav-block:nth-child(2){
		padding-bottom: 25px;
	}
	footer > .footer-content > .top > .nav-block:nth-child(3),
	footer > .footer-content > .top > .nav-block:nth-child(4){
		padding-top: 25px;
		border-top: 1px solid rgba(0, 0, 0, 0.08);
	}
}
@media (max-width: 810px){
	.chars-block{
		margin-top: 15px;
	}
	.chars-block > .char > .img{
		display: none;
	}
	.chars-block > .char > .info{
		width: 100%;
	}
	.chars-block > .char > .info > .name{
		text-align: center;
	}
	.chars-block > .char > .info > .desc{
		text-align: center;
	}
	.chars-block > .char > .info > .perv{
		width: auto;
		margin: 0 auto;
		display: block;
	}
}
@media (max-width: 800px){

	.cp-achievement-list > .cp-achievement-box > .achievement-icon {
		height: 95px;
	}

	.cp-achievement-list > .cp-achievement-box > .achievement {
		height: 95px;
	}

	.news-blcok > .title{
		font-size: 22px;
		height: auto;
		border-bottom: 1px solid rgba(0, 0, 0, 0.09);
		padding-bottom: 20px;
		justify-content: space-between;
	}
	.news-blcok > .title > .more-news{
		width: 150px;
		font-size: 13px;
		margin-left: 0px;
	}
	.news{
		border-bottom: 1px solid rgba(0, 0, 0, 0.09);
	}
	.news > article:nth-child(1){
		width: 100%;
		position: relative;
		height: 143px;
		box-shadow: none;
	}
	.news > article:nth-child(1) > .img{
		width: 213px;
		height: 143px;
		z-index: 1;
		position: relative;
		border-radius: 5px;
		box-shadow: 0px 0px 30px rgba(0,0,0,0.08);
		align-items: flex-start;
	}
	.news > article:nth-child(1) > .img:after{
		display: none;
	}
	.news > article:nth-child(1) > .img > img{
		height: 143px;
		object-fit: fill;
	}
	.news > article:nth-child(1) > .news-area{
		width: calc( 100% - 230px );
		position: relative;
		bottom: 0px;
		left: 0px;
	}
	.news > article:nth-child(1) > .news-area > .title > a{
		height: calc( 22px * 2);
		font-size: 20px;
		line-height: 22px;
	}
	.news > article:nth-child(1) > .news-area > .text{
		height: calc( 18px * 3 );
		font-size: 14px;
		line-height: 18px;
		margin-top: 9px;
		margin-bottom: 6px;
	}
	.news > article:nth-child(1) > .news-area > .text > a{
		font-size: 14px;
		line-height: 18px;
		background: rgb(236, 236, 236);
	}
	.news > article:nth-child(1) > .news-area > .text > a:before{
		background: linear-gradient(to left, rgba(236, 236, 236,1) 0%, rgba(236, 236, 236,0.5) 60%, rgba(236, 236, 236,0.1) 80%, rgba(236, 236, 236,0) 100%);
	}
	.news > article:nth-child(1) > .news-area > .info > a{
		margin-right: auto;
	}
	.news > article:nth-child(1) > .news-area > .info > a > span{
		display: none;
	}
	.news > article{
		width: 100%;
		margin-left: 0px;
	}
	.widget-block > .title{
		font-size: 22px;
		height: auto;
		justify-content: space-between;
	}
	.widget{
		height: 350px;
	}
	.donate-bonuse-first > .bonuses > .items > .item > .i_block{
		padding: 0px calc( ( 100% - 32px ) / 2 );
	}
	.donate-bonuse-first > .bonuses > .items > .item > .i_block:hover{
		width: 190px;
		padding: 0px 12px;
	}
	.donate-bonuse-first > .bonuses > .items > .item > .i_block > .i_items > .i_item{
		width: 130px;
	}
	.donate-bonuse-first > .bonuses > .items > .item > .i_block > .price_count > span{
		display: none;
	}
}
@media (max-width: 770px){
	.switch > .switch-button > span{
		display: none;
	}
	.switch-items > .item > .title{
		font-size: 22px;
	}
	.switch-items > .item > .title > span{
		font-size: 12px;
	}
	.log-reg-form > .items > .item:nth-child(1){
		order: 1;
	}
	.log-reg-form > .items > .item:nth-child(2){
		order: 2;
	}
	.log-reg-form > .items > .item:nth-child(3){
		order: 3;
	}
	.log-reg-form > .items > .item:nth-child(4){
		order: 5;
	}
	.log-reg-form > .items > .item:nth-child(5){
		order: 4;
	}
	.log-reg-form > .items > .item:nth-child(6){
		order: 6;
	}
	.log-reg-form > .items > .item:nth-child(7){
		order: 7;
	}
	.log-reg-form > .items > .item:nth-child(8){
		order: 8;
	}
	.log-reg-form > .items > .item{
		width: 100%;
		margin-top: 10px;
	}
	.log-reg-form > .items > .input > input{
		font-size: 12px;
	}
	.log-reg-form > .items > .select > .select-selected{
		font-size: 12px;
		padding: 0px 30px;
		padding-top: 17px;
	}
	.log-reg-form > .items > .captcha{
		padding: 0px;
		background: none;
	}
	.select > .item-desc {
		left: 150px;
		z-index: 99;
	}
}
@media (max-width: 760px){
	.action-cp-top {
		flex-wrap: wrap;
		justify-content: flex-end;
	}
	.action-cp-top > .select-block{
		/*width: 100%;*/
		margin-left: 0px !important;
	}
	/* - */
	
	.action-cp-top > .cp-search-block{
		/*width: 100%;*/
		margin-top: 10px;
		/*order: -1;*/
	}
	/* cp inventory */
	/* -------------------------------------------------------------------------------------------------------------------- */
	
	.select-character-block{
		margin-top: 10px;
	}
	.select-character{
		width: 100%;
		transform: translateX(0px);
	}
	.cp-stat-tables > .table > .action-cp-top > .cp-stat-pages-info{
		width: 100%;
		margin-top: 10px;
	}
}
@media (max-width: 750px){
	.action-cp-top > .select-block{
		/*width: 100%;*/
		float: right;
		margin-left: 0px !important;
	}
	/* - */

	.action-cp-top > .cp-search-block{
		/*width: 100%;*/
		float: right;
		margin-top: 10px;
		/*order: -1;*/
	}
	.resource-map > .text{
		font-size: 14px;
		line-height: 24px;
	}
	.resource-map > .text-bottom{
		font-size: 14px;
		line-height: 24px;
	}
	.donate-bonuse > .bonuses > .items > .item{
		width: calc( ( 100% - 50px ) / 5);
		height: 260px;
		margin-bottom: 10px;
	}
	.donate-bonuse > .bonuses > .items > .item:nth-child(6),
	.donate-bonuse > .bonuses > .items > .item:nth-child(7),
	.donate-bonuse > .bonuses > .items > .item:nth-child(8),
	.donate-bonuse > .bonuses > .items > .item:nth-child(9){
		width: calc( ( 100% - 40px ) / 4);
		height: 260px;
	}
	.donate-bonuse > .bonuses > .items > .item > img{
		display: none;
	}
	.donate-bonuse > .bonuses > .items > .item > .i_block{
		transform: translateY(0px);
	}
	.donate-bonuse > .bonuses > .items > .item.active .i_block{
		transform: translateY(0px);
	}
}
@media (max-width: 720px){
	.start-game-guide-box > .recomend-block > .box{
		width: 100%;
		padding: 10px 10px 0px 10px;
	}
	.start-game-guide-box > .recomend-block > .box > .text{
		margin-bottom: 10px;
	}
	.cp-ref-info > .count{
		margin: 0 auto;
	}
	.cp-ref-info > .info{
		width: 100%;
		margin-top: 20px;
	}
	.cp-ref-info > .info > .text{
		text-align: center;
	}
	.cp-ref-info > .info > .form{
		justify-content: center;
	}
	.cp-ref-info > .info > .form > .desc{
		text-align: center;
	}
	.cp-ref-info > .info > .form > .copy-button {
		margin: 10px;
	}
}
@media (max-width: 700px){
	.slider-block .slider-nav{
		width: 100%;
		justify-content: center;
		padding-left: 0px;
	}
	.slider-title{
		width: 100%;
		text-align: center;
	}
	.slider-text{
		width: 100%;
		line-height: 20px;
		text-align: center;
	}
	.start-game-guide-box > .drop-box{
		width: 100%;
	}
	.promotions > .image{
		display: none;
	}
	.promotions > .promo-content{
		width: 100%;
	}
	.promotions > .promo-content > .title > .text{
		width: 100%;
	}
	.cp-drop-box > .title > .arrow > span{
		display: none;
	}
}
@media (max-width: 690px){
	.newbie-box-info > .image{
		width: 100%;
	}
	.newbie-box-info > .newbie-box-content{
		width: 100%;
		margin-top: 0px;
	}
	.newbie-box-info > .newbie-box-content > .text{
		text-align: center;
	}
	.newbie-box-info > .newbie-box-content > .newbie-button{
		margin: 0 auto;
		margin-top: 20px;
	}
}
@media (max-width: 680px){
	.slider_info > .slider_info_item > .title{
		justify-content: center;
	}
	.slider_info > .slider_info_item > .title > .icon{
		width: 100%;
		margin-right: 0px;
		margin-bottom: 20px;
	}
	.slider_info > .slider_info_item > .text{
		text-align: center;
		font-size: 14px;
		 line-height: 20px;
	}
	.promo-video{
		height: 300px;
	}
	.promo-video__video_bg{
		width: 320px;
		height: 180px;
	}
}
@media (max-width: 660px){
	ul{
		font-size: 14px;
	}
	p{
		font-size: 14px;
	}
}
@media (max-width: 650px){
	.newbie-box-rewards > .title{
		font-size: 18px;
	}
	.newbie-box-info > .title{
		font-size: 18px;
	}
	.newbie-registration-box-info > .title{
		font-size: 18px;
	}
	.newbie-box-rewards > .newbie-drop-box > .title > .text{
		font-size: 14px;
	}
	.newbie-box-rewards > .newbie-drop-box > .title > .arrow > span{
		display: none;
	}
	.newbie-box-rewards > .newbie-drop-box > .title > .arrow > i{
		font-size: 12px;
	}
	.newbie-box-rewards > .newbie-drop-box > .box{
		padding: 10px;
		line-height: 22px;
		font-size: 12px;
	}
	.newbie-registration-box-rewards > .newbie-drop-box > .title > .text{
		font-size: 14px;
	}
	.newbie-registration-box-rewards > .newbie-drop-box > .title > .arrow > span{
		display: none;
	}
	.newbie-registration-box-rewards > .newbie-drop-box > .title > .arrow > i{
		font-size: 12px;
	}
	.newbie-registration-box-rewards > .newbie-drop-box > .box{
		padding: 10px;
		line-height: 22px;
		font-size: 12px;
	}
	.cp-drop-box > .title > .text{
		font-size: 14px;
	}
	.cp-drop-box > .title > .arrow > i{
		font-size: 12px;
	}
	.cp-drop-box > .box{
		line-height: 22px;
		font-size: 12px;
	}
	.cp-item-list > .item > .select-status{
		top: 8px;
		right: 8px;
		width: 20px;
		height: 20px;
	}
	.cp-item-list > .item > .select-status > .check-icon{
		width: 20px;
		height: 20px;
	}

	.action-cp-top > .cp-search-block {
		margin-right: 10px;
	}

	.cp-search-block > .select-all-status{
		width: 20px;
		height: 20px;
	}
	.cp-search-block > .select-all-status > .check-all-icon{
		width: 20px;
		height: 20px;
	}
	/*.cp-item-list > .selected > .select-status{
		width: 70px;
		height: 20px;
	}*/
	.cp-shop-item-list > .item{
		width: calc( ( 100% - 60px ) / 2 );
	}

	.select > .item-desc {
		left: 70px;
		z-index: 99;
	}
}
@media (max-width: 635px){
	footer > .footer-content > .payments{
		justify-content: center;
	}
}
@media (max-width: 620px){
	.cp-bonus-title > .title-settings > .input-title{
		width: 100%;
		margin-right: 0px;
	}
	.cp-bonus-title > .title-settings > .title-colors{
		width: 100%;
		margin-right: 0px;
	}
	.cp-bonus-title > .title-settings > .button{
		width: 100%;
		margin-right: 0px;
	}
	.cp-bonus-title > .title-settings > .input-title > .confirm-button {
		margin-top: 5px;
	}
}
@media (max-width: 600px){
	.votes > .block > .right-info > .items > .block{
		width: 100%;
	}
	.cp-inventory-bottom{
		height: auto;
	}
	.cp-inventory-bottom > .send-button{
		position: relative;
		margin: 0 auto;
		margin-bottom: 20px;
	}
}
@media (max-width: 570px){
	.chars-nav > .chars-button{
		width: calc( 100% / 2 );
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.chars-nav > .chars-button > img{
		display: none;
	}
	.chars-nav > .chars-button > .name{
		margin-top: 0px;
		font-size: 14px;
	}
	.cp-add-balance > .cp-balance-progress{
		height: auto;
		background: none;
		margin-bottom: 0px;
	}
	.cp-add-balance > .cp-balance-progress > .bonus{
		width: calc( (100% - 30px) / 4 );
		height: auto;
		border-radius: 5px;
		margin-top: 10px;
		padding: 5px;
		background: #f4f4f4;
		z-index: 1;
	}
	.cp-add-balance > .cp-balance-progress > .bonus > img{
		position: relative;
	}
	.cp-add-balance > .cp-balance-progress > .bonus > .count{
		position: relative;
		width: 100%;
		top: none;
		text-align: center;
		margin-top: 15px;
	}
	.cp-add-balance > .cp-balance-progress > .bar{
		background: none;
	}
}
@media (max-width: 550px){
	.votes > .block > .text{
		margin-top: 0px;
		line-height: 22px;
		font-size: 14px;
	}
	.votes > .block > .title{
		font-size: 18px;
		margin-top: 20px;
		margin-bottom: 20px;
		line-height: 20px;
	}
	.votes > .block > .text2{
		line-height: 20px;
	}
	.votes > .block > .right-info{
		margin-top: 0px;
		background: #f8f8f8;
		width: calc( 100% + 60px );
		margin-left: -30px;
		box-shadow: none;
		padding: 30px;
		padding-bottom: 0px;
	}
	.votes > .block > .right-info > .title{
		font-size: 18px;
	}
	.votes > .block > .right-info > .title > span{
		font-size: 22px;
	}
	.votes > .block > .right-info > .vote-button{
		width: 230px;
		height: 46px;
		font-size: 18px;
	}
}
@media (max-width: 540px){
	.chars-block > .char > .info > .name{
		font-size: 20px;
	}
	.chars-block > .char > .info > .desc{
		font-size: 14px;
	}
	.chars-block > .char > .info > .perv{
		width: 100%;
	}
	.calendar-events > .events-content > .title{
		font-size: 18px;
	}
	.calendar-events > .events-content > .text{
		font-size: 14px;
	}
	.calendar-events > .events-content > .events > .event > .name{
		font-size: 16px;
	}
	/* - */
	
	.cp-donate-form{
		width: 100%;
	}
}
@media (max-width: 530px){
	.game-desc > .game-desc-content > .block > .title{
		font-size: 18px;
		text-align: center;
	}

	.game-desc > article > .block > .title {
		font-size: 18px;
		text-align: center;
	}
	.game-desc > .game-desc-content > .block > .text{
		font-size: 14px;
		text-align: center;
	}

	.game-desc > article > .block > .text{
		font-size: 14px;
		text-align: center;
	}

	.game-desc > .game-desc-content > .block > .start-button{
		margin: 0 auto;
		margin-top: 20px;
	}

	.game-desc > article > .block > .start-button{
		margin: 0 auto;
		margin-top: 20px;
	}
}
@media (max-width: 520px){
	.pagination > a{
		width: 30px;
		height: 30px;
		font-size: 14px;
		margin: 0px 4px;
	}

	.cp-achievement-list > .cp-achievement-box > .achievement-icon {
		display: none;
	}

	.cp-achievement-list > .cp-achievement-box > .achievement {
		width: 100%;
	}
}
@media (max-width: 500px){
	.action-cp-top > .select-block {
		flex-wrap: nowrap;
	}
	nav > .nav-links{
		width: 100%;
		box-shadow: 0px 50px 60px rgba(0,0,0,0.3);
	}
	header > .buttons > .start-button{
		width: 100%;
		font-size: 20px;
		margin-left: 0px;
		margin-right: 0px;
	}
	header > .buttons > .reg-button{
		width: 100%;
		font-size: 20px;
		margin-left: 0px;
		margin-right: 0px;
	}
	.slider-title{
		font-size: 18px;
		margin-top: 0px;
	}
	.slider-text{
		font-size: 12px;
		line-height: 16px;
	}
	.news-blcok > .title{
		justify-content: center;
		text-align: center;
	}
	.news-blcok > .title > .more-news{
		width: 260px;
		margin-top: 10px;
	}
	.news > article:nth-child(1){
		height: auto;
	}
	.news > article:nth-child(1) > .img{
		width: 100%;
	}
	.news > article:nth-child(1) > .img > img{
		width: 500px;
		top: -50px;
		position: initial;
		object-fit: cover;
		object-position: 0 30%;
	}
	.news > article:nth-child(1) > .news-area{
		width: 100%;
		margin-top: 15px;
	}
	.news > article:nth-child(1) > .news-area > .title > a{
		height: 26px;
		-webkit-line-clamp: 1;
		-moz-line-clamp: 1;
	}
	.news > article:nth-child(1) > .news-area > .info > a{
		margin-right: 0px;
	}
	.news > article:nth-child(1) > .news-area > .info > a > span{
		display: block;
	}
	.news > article{
		height: auto;
	}
	.news > article > .img{
		width: 100%;
	}
	.news > article > .img > img{
		width: 500px;
		top: -50px;
		position: initial;
		object-fit: cover;
		object-position: 0 30%;
	}
	.news > article > .news-area{
		width: 100%;
		margin-top: 15px;
	}
	.news > article > .news-area > .title > a{
		height: 26px;
		-webkit-line-clamp: 1;
		-moz-line-clamp: 1;
	}
	.news > article > .news-area > .info > a{
		margin-right: 0px;
	}
	.news > article > .news-area > .info > a > span{
		display: block;
	}
	.widget-block > .title{
		justify-content: center;
		text-align: center;
	}
	.widget{
		height: 450px;
	}
	/* download */
	/* -------------------------------------------------------------------------------------------------------------------- */
	
	.inner-page > .top-title{
		font-size: 20px;
	}
	.promotions > .promo-content > .title > .text{
		font-size: 18px;
	}
	.promotions > .promo-content > .title > .period{
		height: auto;
		font-size: 14px;
		justify-content: center;
		text-align: center;
	}
	.cp-layout > .cp-content > .cp-top-title{
		font-size: 20px;
	}
	.cp-user-information > .line{
		font-size: 14px;
		margin-bottom: 20px;
	}
	.cp-user-information > .line.balance{
		font-size: 14px;
	}
	.cp-character-list > .cp-table > .tr:nth-child(1){
		display: none;
	}
	.cp-character-list > .cp-table > .tr{
		border-radius: 5px;
	}
	.cp-character-list > .cp-table > .tr > .td{
		width: 100% !important;
		text-align: left !important;
		margin: 3px 0px;
	}
	.cp-character-list > .cp-table > .tr > .td:before{
		display: inline-block !important;
		font-family: Roboto Bold;
		margin-right: 5px;
	}
	.cp-login-history > .cp-table > .tr:nth-child(1){
		display: none;
	}
	.cp-login-history > .cp-table > .tr{
		border-radius: 5px;
	}
	.cp-login-history > .cp-table > .tr > .td{
		width: 100% !important;
		text-align: left !important;
		margin: 3px 0px;
	}
	.cp-login-history > .cp-table > .tr > .td:before{
		display: inline-block !important;
		font-family: Roboto Bold;
		margin-right: 5px;
	}
	footer > .footer-content > .top > .nav-block{
		width: 100%;
		padding-top: 30px !important;
		border-right: none !important;
	}
	footer > .footer-content > .top > .nav-block:nth-child(1){
		padding-top: 0px !important;
	}
	footer > .footer-content > .top > .nav-block:nth-child(1),
	footer > .footer-content > .top > .nav-block:nth-child(2){
		padding-bottom: 0px;
	}
	footer > .footer-content > .top > .nav-block:nth-child(3),
	footer > .footer-content > .top > .nav-block:nth-child(4){
		border-top: none;
	}

	.text-content-404 > .text-404 {
		font-family: Beaufort Bold;
		color: #562200;
		margin-top: -20px;
		font-size: 70px;
	}

	.buttons-404 > a {
		padding: 0px 35px;
		font-size: 15px;
	}

	.xmasbtn {
		height: 255px;
	}

	.summerbtn {
		height: 255px;
		left: -13px;
	}

	.valentine_btn {
		height: 255px;
		left: -13px;
	}
	.donate-bonuse > .bonuses > .items > .item{
		width: calc( ( 100% - 10px ) / 3);
	}
	.donate-bonuse > .bonuses > .items > .item:nth-child(6),
	.donate-bonuse > .bonuses > .items > .item:nth-child(7),
	.donate-bonuse > .bonuses > .items > .item:nth-child(8),
	.donate-bonuse > .bonuses > .items > .item:nth-child(9){
		width: calc( ( 100% - 10px ) / 3);
	}
	.donate-bonuse-first > .bonuses > .items > .item{
		width: calc( ( 100% - 50px ) / 5);
	}
}
@media (max-width: 480px){
	.start-game-guide-box > .reg-button{
		width: 100%;
		height: 46px;
		font-size: 16px;
	}
	.start-game-guide-box > .buttons > .gd-button,
	.start-game-guide-box > .buttons > .ut-button,
	.start-game-guide-box > .buttons > .yd-button,
	.start-game-guide-box > .buttons > .mg-button{
		width: 100%;
		height: 46px;
		justify-content: center;
	}
	.start-game-guide-box > .buttons > .gd-button > img,
	.start-game-guide-box > .buttons > .ut-button > img,
	.start-game-guide-box > .buttons > .yd-button > img,
	.start-game-guide-box > .buttons > .mg-button > img{
		display: none;
	}
	.start-game-guide-box > .buttons > .gd-button > .info,
	.start-game-guide-box > .buttons > .ut-button > .info,
	.start-game-guide-box > .buttons > .yd-button > .info,
	.start-game-guide-box > .buttons > .mg-button > .info{
		width: 100%;
		margin-left: 0px;
	}
	.start-game-guide-box > .buttons > .gd-button > .info > .name,
	.start-game-guide-box > .buttons > .ut-button > .info > .name,
	.start-game-guide-box > .buttons > .yd-button > .info > .name,
	.start-game-guide-box > .buttons > .mg-button > .info > .name{
		width: 100%;
		font-size: 16px;
		text-align: center;
	}
	.start-game-guide-box > .buttons > .gd-button > .info > .desc,
	.start-game-guide-box > .buttons > .ut-button > .info > .desc,
	.start-game-guide-box > .buttons > .yd-button > .info > .desc,
	.start-game-guide-box > .buttons > .mg-button > .info > .desc{
		width: 100%;
		font-size: 16px;
		text-align: center;
	}
	.start-game-guide-box > .buttons2{
		width: 100%;
	}
	.start-game-guide-box > .buttons2 > a{
		width: 100%;
		height: 46px;
	}
	.start-game-guide-box > .buttons2 > a > .info > .name{
		width: 100%;
		text-align: center;
		font-size: 16px;
	}
	.start-game-guide-box > .buttons2 > a > .info > .desc{
		width: 100%;
		text-align: center;
	}
	/* game-feature */
	/* -------------------------------------------------------------------------------------------------------------------- */
	
	.ft-slider-bg{
		width: calc( 100% - 20px );
	}
	.ft-slider-bg > .ft-slider{
		width: calc( 100% - 70px );
	}
	.ft-slider-bg > .ft-slider > .slider_line > .slider_item > .name{
		font-size: 16px;
	}
	.slider_info{
		width: calc( 100% - 20px - 70px );
	}
	table tr td{
		font-size: 12px;
	}
	.newbie-box-info > .newbie-box-content > .text{
		font-size: 14px;
		line-height: 22p;
	}
	.newbie-box-info > .newbie-box-content > .newbie-button{
		width: 100%;
		height: 46px;
		font-size: 16px;
	}
	.ref-system > .text{
		font-size: 14px;
		line-height: 22px;
	}
	.ref-system > .block{
		margin-top: 20px;
	}
	.ref-system > .block > .title{
		font-size: 18px;
		padding-bottom: 15px;
	}
	.ref-system > .block > .line > .left,
	.ref-system > .block > .line > .right{
		width: 50px;
		font-size: 12px;
	}
	.ref-system > .block > .line > .center{
		width: calc( 100% - 100px ) !important;
		font-size: 12px;
	}
	.ref-system > .block > .line-title > .left,
	.ref-system > .block > .line-title > .right{
		width: 50px !important;
		font-size: 12px;
	}
	.ref-system > .block > .line-title > .left > span,
	.ref-system > .block > .line-title > .right > span{
		font-size: 12px;
	}
	.ref-system > .block > .line-title > .left > span:first-child,
	.ref-system > .block > .line-title > .right > span:first-child{
		display: none;
	}
	.ref-system > .block > .line-title > .left > span:last-child,
	.ref-system > .block > .line-title > .right > span:last-child{
		display: block;
	}
	.wnd-buy-item{
		width: 100%;
		height: 100vh;
		top: 0px;
		left: 0px;
	}
	.wnd-buy-item > .info > .setting > .block{
		width: 100%;
	}
	.wnd-buy-item > .info > .setting > .block:nth-child(1){
		margin-bottom: 20px;
	}
	.wnd-buy-item > .info > .setting > .block > .button{
		width: 100%;
	}
	.promo-video{
		height: 250px;
	}
	.promo-video__video_bg{
		width: 280px;
		height: 160px;
	}
}
@media (max-width: 470px){
	.switch > .switch-button{
		font-size: 18px;
		height: 65px;
	}
}
@media (max-width: 460px){
	.promotions > .promo-content > .text{
		height: calc( 20px * 5 );
		font-size: 14px;
		line-height: 20px;
		-webkit-line-clamp: 5;
		-moz-line-clamp: 5;
	}
	.promotions > .promo-content > .info > a > span{
		display: none;
	}
	.cp-shop-item-list > .item{
		width: calc( ( 100% - 30px ) / 1 );
	}
	.donate-bonuse-first > .bonuses > .items > .item{
		width: calc( ( 100% - 30px ) / 3);
		height: 105px;
		margin-bottom: 10px;
	}
	.donate-bonuse-first > .bonuses > .items > .item:nth-child(4),
	.donate-bonuse-first > .bonuses > .items > .item:nth-child(5){
		width: calc( ( 100% - 20px ) / 2);
	}
	.donate-bonuse-first > .bonuses > .items > .item > img{
		display: none;
	}
	.donate-bonuse-first > .bonuses > .items > .item > .i_block{
		transform: translateY(0px);
	}
	.donate-bonuse-first > .bonuses > .items > .item.active .i_block{
		transform: translateY(0px);
	}
	.progress-first{
		display: none !important;
	}
	.balance-drop-box{
		margin-top: 20px !important;
	}
}
@media (max-width: 450px){
	.start-game-guide-box > .newbie-box{
		width: 100%;
	}
	.start-game-guide-box > .newbie-box > img{
		width: 100%;
	}
	.cp-drop-box > .title{
		height: 60px;
		padding-left: 0px;
	}
	.cp-drop-box > .title > .text{
		width: 100%;
		text-align: center;
		margin-left: 0px;
	}
	.cp-drop-box > .title > .arrow{
		position: absolute;
		 top: calc( 100% - 20px );
		left: calc( 50% - 6px );
	}
}
@media (max-width: 440px){
	.log-reg-form > .form-button{
		width: 238px;
		height: 40px;
		font-size: 15px;
		margin-top: 10px;
	}
	.switch-items > .item > .vk-button{
		width: 198px;
		height: 40px;
		font-size: 15px;
		margin-top: 10px;
	}
	.switch-items > .item > .vk-button > i{
		display: none;
	}
}
@media (max-width: 430px){
	.cp-inv-bonus:before{
		display: none;
	}
}
@media (max-width: 425px){
	.votes > .block > .right-info > .items{
		width: 100%;
	}
	.votes > .block > .right-info > .items > .block > .item > .item-desc{
		width: 200px;
	}
	.newbie-box-rewards > .newbie-drop-box > .box > .item > .item-desc{
		width: 200px;
	}
	.newbie-registration-box-rewards > .newbie-drop-box > .box > .item > .item-desc{
		width: 200px;
	}
	.ref-system > .block > .line > .center > .item-desc{
		width: 200px;
		left: calc(50% - 100px);
	}
	.cp-rechange-password-form > .items > .input > .icon > .item-desc{
		width: 200px;
	}
	.cp-table.cp-ref-bonus-table > .tr > .td > .item-desc{
		width: 200px;
	}
	.xmasbtn {
		height: 205px;
		position: absolute;
		left: -20px;
	}

	.summerbtn {
		height: 205px;
		position: absolute;
		left: -22px;
	}

	.valentine_btn {
		height: 205px;
		position: absolute;
		left: -22px;
	}
}
@media (max-width: 400px){
	.slider_info{
		width: calc( 100% - 60px );
	}
	.game-desc > .game-desc-content > .block > .start-button{
		width: 100%;
		height: 46px;
		font-size: 18px;
	}
	.cp-rechange-password-form > .items > .input > input{
		font-size: 14px;
	}
	.cp-rechange-password-form > .items > .input > .icon{
		display: none;
	}
	.cp-rechange-password-form > .form-button{
		width: 100%;
		font-size: 14px;
		margin: 5px 0px;
	}
	.add-vk-account > .form-button{
		width: 100%;
		font-size: 14px;
		margin: 5px 0px;
	}
	.cp-donate-form > .items > .input > input{
		font-size: 14px;
	}
	.cp-donate-form> .items > .input > .icon{
		display: none;
	}
	.cp-donate-form > .form-button{
		width: 100%;
		font-size: 14px;
	}
	.cp-ref-info > .info > .form > .copy-button {
		width: 100%;
		margin: 0px;
		margin-top: 10px;
	}
	/* inventory bonus blocks */
	/* -------------------------------------------------------------------------------------------------------------------- */
	
	.cp-inv-bonus{
		padding: 10px 15px;
	}
	.cp-bonus-items > .item-list > .item > .name{
		width: 100%;
		margin-left: 0px;
	}
	.cp-bonus-items > .item-list > .item > .count{
		width: 100%;
		margin-left: 0px;
	}
	.cp-bonus-items > .item-list > .item > .select-date,
	.cp-bonus-items > .item-list > .item > .live-date{
		width: 100%;
		margin-left: 0px;
	}
	.cp-bonus-items > .item-list > .item > .desc{
		width: 100%;
		margin-left: 0px;
	}
	.cp-bonus-items > .button{
		width: 100%;
		font-size: 14px;
	}
	.cp-bonus-title > .title > .select-date,
	.cp-bonus-title > .title > .live-date{
		width: 100%;
		margin-left: 0px;
	}
	.cp-bonus-title > .title-settings > .button{
		width: 100%;
		font-size: 14px;
	}
}
@media (max-width: 390px){
	.ip-defence > .insert-ip > form > input{
		width: 100%;
		font-size: 14px;
	}
	.ip-defence > .insert-ip > form > .button{
		width: 100%;
		font-size: 14px;
		margin: 5px 0px;
	}
}
@media (max-width: 380px){
	.action-cp-top {
		flex-wrap: wrap;
	}
	.action-cp-top > .select-block{
		font-size: 12px;
		margin-left: 0px !important;
	}
	.action-cp-top > .select-block > .select{
		margin: 0px 5px;
	}
	/* - */
	
	.action-cp-top > .cp-search-block{
		font-size: 12px;
	}
	.action-cp-top > .cp-search-block > .select-all-status > .check-all-icon{
		font-size: 16px;
	}
	.cp-item-list > .item{
		padding: 8px 9px;
	}
	.cp-item-list > .item > .icon{
		width: 18px;
		height: 18px;
	}
	.cp-item-list > .item > .info{
		width: calc( 100% - 30px );
	}
	.cp-item-list > .item  > .info > .top > .name{
		font-size: 14px;
	}
	.cp-item-list > .item > .desc-item{
		width: 160px;
	}
	.cp-item-list > .item > .desc-item > .icon{
		width: 18px;
		height: 18px;
	}
	.cp-item-list > .item > .desc-item > .info{
		width: calc( 100% - 30px );
	}
	.cp-item-list > .item > .desc-item > .info > .name{
		font-size: 14px;
	}
	.cp-shop-item-list > .item > .desc-item{
		width: 160px;
	}
	.cp-shop-item-list > .item > .desc-item > .icon{
		width: 18px;
		height: 18px;
	}
	.cp-shop-item-list > .item > .desc-item > .info{
		width: calc( 100% - 30px );
	}
	.cp-shop-item-list > .item > .desc-item > .info > .name{
		font-size: 14px;
	}
	.cp-navigation > .links > a > .icon_b > img{
		left: -75px;
	}
}
@media (max-width: 370px){
	.switch > .switch-button{
		font-size: 15px;
	}
	.log-reg-form > .items > .item > .icon{
		display: none;
	}
	.cp-bonus-title > .title-settings > .input-title > input{
		width: 100px;
	}
}
@media (max-width: 360px){
	.cp-status-server{
		width: 100%;
	}
	.cp-status-server > .info > .status{
		font-size: 18px;
	}
	.cp-status-server > .info > .status > span{
		font-size: 18px;
	}
	.cp-status-server > .info > .timer{
		font-size: 35px;
	}
	.cp-navigation > .links > a > .icon_b > img{
		left: -75px;
	}

	.xmasbtn {
		position: absolute;
		height: 95px;
		left: -35px;
	}

	.summerbtn {
		position: absolute;
		height: 95px;
		left: -42px;
	}

	.valentine_btn {
		position: absolute;
		height: 95px;
		left: -42px;
	}
}

@media (max-width: 320px) {
	.cp-navigation > .links > a > .icon_b > img{
		left: -77px;
	}
}