@media only screen and (max-width : 1210px){
	* {
  -webkit-tap-highlight-color: transparent;
}
.about-name{
	width: 100%;
}

	.menu-hide{
		transition: 0.3s ease-in-out all;
		opacity: 0;
		z-index: -5;
		display: none;
	}
	.main-button{
		display: none;
	}

	.main-gear-fixed{
		padding: 0;
	}
	.menu-btn-show{
		transition: 0.3s ease-in-out all;
		opacity: 1;
		z-index: 11;
		display: block;
	}
	.box-50, .box-33, .box-25{
		width: 100%;
	}
	.box-title span{
		font-size: 14px;
	}
	.box-table-step{
		padding: 0;
		margin-top: 40px;
	}
	.main-gear-box{
		padding: 0;
		margin-bottom: 10px;
	}
	.box-100-kassa{
		width: 100%;
		margin-left: 0;
	}
	.mobile-right{
		float: left;
	}
	.user-info-box{
		height: auto;
	}
	.user-bottom-line-cont{
		height: 56px;
	}
	.user-bottom-line-cont font{
		bottom: 4px;
	}
	.user-info-cont{
		line-height: 20px;
		height: 56px;
	}
	:root{
	--circle-vh: 150px;
		--aside-w: 0px;
		    --cont-pad: 5px;
	}
	.c-pos-left{
		left: auto;
		right: 130px;
	}
	.c-pos-right{
		right: auto;
		left: 130px;
	}
	.circle-up-wrap{
		width: 50px;
		top: -56px;
	}
	.circle-up-box{
		transform: scale(0.8);
	}
	.box-gear-marg .main-gear{
		padding-right: 10px;
	}
	.box-gear-marg .main-gear-btn-wp{
		display: none;
	}
	.main-gear-text span{
		font-size: 14px;
	}
	.user-cont{
		padding: 24px 0 20px 0;
	}
	
	.footer-sign{
		padding: 10px;
		height: auto;
		line-height: 22px;
	}

	.box-stat-img{
		left: 25%;
	}
	.box-stat-text{
		left: 50%;
	}
	.mobile-fix{
		padding: 10px 5px;
	}
	.main-title font{
		font-size: 14px;
	}
	.main-title span:nth-child(3){
		margin-bottom: 0px;
	}
	section{
		padding: 40px 0;
	}
	.stage-gear-wrap{
	width: 25%;
}

}

@media only screen and (max-width : 1210px){
	body{
		font-size: 12px;
	}
	.main-content{
		padding-bottom: 60px;
	}
	.box-wrap{
		padding: 6px;
	}
	.header-btn{
		display: none;
	}

	.head-mob-btn{
		float: right;
		margin-right: 0;
		margin-left: 10px;
	}
	.menuBar{
		max-width: 100%;
	}

	.sign-in-form{
		width: 100%;
		margin-left: 0;
		left: 0;
		right: 0;
		transform: translate(0,0);
		padding-bottom: 80px;
	}

	.sign-in-form input{
		padding-right: 30px;
	}

	.sign-btn{
		top: 110px;
	}

	.user-bar-clan-wrap{
		transform: scale(0.85);
		font-size: 10px;
		right: -2px;
		top: 0;
	}
	.user-bar-clan-cont font{
		font-size: 10px;
		display: block;
		position: absolute;
		left: 0px;
		text-align: left;
		padding-left: 42px;
	}
	.user-button{
		display: flex;
		justify-content: center;
		position: fixed;
		bottom: 0;
		width: 100%;
		left: 0;
		z-index: 999;
		height: 60px;
		background: var(--bg);
		padding: 4px 0;
	}
	.user-sidebar:before{
		border-radius: calc(var(--br) / 2);
	}
	.user-sidebar{
		width: calc(100% - 20px);
		text-align: left;

	}
	.user-sidebar-bg{
		padding: 0;
		padding-right: 50px;
		border-radius: calc(var(--br) / 2);
	}
	.user-sidebar a{
		float: left;
		position: relative;
		padding-left: 50px;
		width: 100%;
		height: 100%;
	}
	.user-sidebar-txt{
		text-align: left;
	}

	.user-sidebar-btn{
		width: 46px;
		height: 46px;
		position: absolute;
		z-index: 99;
		border: 2px solid hsla(0, 0%, 100%, .1);
    	box-shadow: inset 0 0 0 4px hsla(0, 0%, 100%, .031);
		border-radius: calc(var(--br) / 2);
		right: 2px;
		top: 2px;
		padding: 10px;
	}

	.user-sidebar-btn img{
		width: 100%;
		float: left;
		position: relative;
	}

	.user-sidebar-info{
		width: 10px;
		height: 10px;
		border-radius: 10px;
		position: absolute;
		top: 2px;
		right: 2px;
		background: linear-gradient(160deg,#ffd32e, #c98900);
	}

	.user-nav-fix{
		z-index: -999999;
		top: -100vh;
	}
	.aside-show{
		z-index: 999999 !important;
		top: 4px !important;
	}
	.user-nav-wrap{
		width: 100%;
		height: calc(100vh - 64px);
		background: #090f20;
		border-radius: 0;
	}
	.user-nav-cont{
		padding: 0;
		border-radius: calc(var(--br) / 2);
	}
	.over{
		overflow: hidden;
	}
	.all-page-title font{
		right: 0px;
		transform: scale(0.9);
	}
	.all-page-title img{
		transform: scale(0.7);
		left: 0px;
	}
	.all-page-title{
		padding-left: 20px;
	}
	.user-table{
		padding: 0;
		overflow: hidden;
	}
	.kassa-info-wrap{
		padding: 18px;
		top: -14px;
		right: -14px;
	}
	.main-gear{
		padding-right: 5px;
	}
	.shop-gear-input{
		width: 15%;
		margin-top: 10px;
	}
	.shop-gear-input input{
		padding: 14px 4px;
	}

	.shop-gear-btn{
		width: 85%;
		margin-top: 10px;
	}
	.shop-pay-button{
		font-size: 12px;
	}
	.user-page-title{
		padding-left: 0;
	}
	.user-page-title-num{
		position: relative;
		float: left;
		margin-right: 6px;
	}
	.user-page-title span{
		margin-right: 20px;
		margin-bottom: 10px;
	}
	.user-page-title split{
		margin-bottom: 10px;
	}
	.user-form-group{
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.user-page-title label{
		top: 38px;
	}

	.user-page-pad{
		padding: 6px;
	}

	.pay-button{
		font-size: 14px;
	}
	.pay-button span{
		padding: 0;
	}
	.mobile-ref-fixed{
		margin-bottom: 10px;
		padding-bottom: 70px;
	}
	.ref-btn{
		top: 160px;
		width: 95%;
		right: 2.5%;
		left: 2.5%;
		text-align: center;
	}
	.ref-btn a span{
		margin-left: 0;
		padding-right: 0;
		overflow: visible;
		display: block;
		width: 100%;
		text-align: center;
	}
	.ref-page-title{
		padding-left: 0;
		height: auto;
		line-height: auto;
	}

	.ref-page-title span{
		margin-left: 50px;
	}

	.ref-link-group{
		width: 100%;

	}

	.ref-link-group input{
		min-width: auto;
		width: 100%;
	}
	.user-table-btn{
		width: 100%;
		margin-left: 0;
		border-radius: 10px;
		margin-bottom: 6px;
	}
	.user-table-btn a{
		font-size: 12px;
	}
	.user-table-btn{
		border-bottom: 2px solid hsla(0, 0%, 100%, .1);
	}

	.quest-line{
		padding-bottom: 50px;
	}

	.disable-btn{
		top: auto;
		bottom: 6px;
	}
	.quest-button{
		top: auto;
		bottom: 6px;
	}
	.quest-line .user-bottom-line-cont{
		height: auto;
		float: left;
		line-height: unset;
	}
	.quest-line .user-bottom-line-cont font{
		height: auto;
		line-height: unset;
		margin-top: 6px;
		padding-left: 0;
		padding-bottom: 6px;
	}
	.quest-line .user-bottom-line-cont span{
		font-size: 12px;
	}
	.quest-line .user-bottom-line-cont span, .quest-line .user-bottom-line-cont font{
		display: block;
		float: left;
		position: relative;
	}
	.noty_layout_mixin, #noty_layout__top, #noty_layout__topLeft, #noty_layout__topCenter, #noty_layout__topRight, #noty_layout__bottom, #noty_layout__bottomLeft, #noty_layout__bottomCenter, #noty_layout__bottomRight, #noty_layout__center, #noty_layout__centerLeft, #noty_layout__centerRight {
	  max-width: calc(100% - 20px);
	  width: calc(100% - 20px);
	  left: 10px;
	}

	.noty_theme__metroui.noty_bar, .noty_theme__metroui.noty_bar .noty_body{
		padding: 5px !important;
	}
	.noty_theme__metroui.noty_bar .noty_body{
		padding-left: 60px !important;
	}
	.noty-ico{
		left: 4px !important;
		top: 4px !important;
	}
	.noty-msg{
		font-size: 12px !important; 
	}
	.swal2-content{
		padding: 30px 10px;
	}
	.vip-pay-button{
		width: 100%;
	}
	.table-line .box-25{
		width: 25%;
		font-size: 10px;
	}
	.table-line .box-25:nth-child(1){
		padding-left: 6px;
	}
	.table-line .box-33{
		width: 33.333%;
		font-size: 10px;
	}
	.mobile-banner img{
		width: 100%;
		height: auto;
	}
	.banner-box input{
		width: 80%;
		min-width: auto;
		margin-left: 0;
	}
	.stage-gear-wrap{
		width: 50%;
	}
	.circle-wrap-step{
		transform: scale(0.7);
	}
	.noty_theme__metroui.noty_bar{
		border-radius: 8px !important;
	}

	.logotype{
		transform: scale(0.9);
		margin-left: -6px;
		padding-right: 0;
	}
}