@media (max-height: 768px), (max-width: 850px) {
	body.login .wrap  {
		height: auto;
	}
}
@media (max-height: 650px), (max-width: 600px) {
	#userStat .modal-dialog, #map .modal-dialog {
		transform: translate(0,0);
		top: 0;
	}
}
@media (max-height: 575px) {
	.quest {
		display: block;
		overflow: auto;
	}
	.quest_block {
		margin-top: 100px;
	}
	.quest_done {
		margin-top: 95px;
		margin-bottom: -65px;
	}
}
@media (max-height: 500px) {
	.page-404 {
		display: block;
		height: auto;
	}
}
@media (min-width: 425px) {
	.inv.store .slot {
		width: calc(20% - 6px);
	}
	.inv.store .slot.w2 {
		width: calc(40% - 6px);
	}
	.inv.store .slot.w3 {
		width: calc(60% - 6px);
	}
}
@media (min-width: 850px) and (max-width: 950px) {
	.warn {
		width: 170px;
		height: 153px;
	}
	.warn > b {
		font-size: 16px;
		margin: 4rem 0 0;
	}
	.warn > div {
		max-width: 135px;
		font-size: 14px;
		margin: 3px auto;
	}
}
@media (min-width: 850px) and (max-width: 1200px) {
	.drw_logo {
		background-position: 120px 0;
	}
}
@media (max-width: 849.98px) {
	.lang {
		width: 35px;
	}
	.lang .btn {
		padding: 4px;
		font-size: 12px;
	}
	.auth_left_block {
		z-index: 3;
		width: 100%;
		position: relative;
		margin-top: 20px;
	}
	body.login {
		background-position: 100% 0;
	}
	.logo_login {
		margin-top: 10px;
	}
	.drw_logo {
		position: relative;
		margin-bottom: -20px;
		margin-top: -380px;
		width: 100%;
		height: 400px;
	}
	.ver {
		right: 0;
		left: 0;
	}
	.warn {
		display: flex;
		width: 100%;
		height: 25px;
		align-items: center;
		background: #202020;
		padding: 0 10px;
		justify-content: center;
		box-shadow: 0 1px 5px #000;
	}
	.warn > b {
		margin: 0;
	}
	.warn > b:after {
		content: '-';
		color: #a9a9a9;
		margin-left: 5px;
	}
	.warn > b,
	.warn > div {
		font-size: 12px;
	}
	.warn > div {
		max-width: 100%;
		margin: 0 0 0 5px;		
	}
	.warn > div span {
		margin-right: 5px;
	}
	.warn > div span:after {
		content: ':';
	}
	.warn > b + div:after {
		content: '/';
		color: #a9a9a9;
		margin-left: 5px;
	}
	.param .roles > div {
		width: 50%;
	}
	.group_members_block.flex .group_members {
		width: 100%;
		margin-left: 0;
	}
	.fight_block .heading {
		font-size: 18px;
	}
	.fight_block .flex {
		margin-bottom: 7px;
	}
	.fight_attack {
		width: calc(50% - 4px);
		font-size: 14px;
		max-width: 90px;
	}
	.fight_attack img {
		width: 50px;
	}
	.fight_block .btn {
		margin-bottom: 0;
	}
	.timers {
		top: 0;
	}
	.main-page:not(.fight) .tab-content, .nav_panel {
		top: 35px;
	}
	.customize_block,
	.main-page:not(.fight) .tab-content.top,
	.nav_panel.top {
		top: 70px;
	}
	.loc_name {
		font-size: 20px;
	}
	.loc_fight_btn {
		width: 130px;
		font-size: 14px;
		padding: 5px;
	}
	.loc_info {
		top: 107px;
	}
	.loc_info.top {
		top: 142px;
	}
}
@media (max-width: 767.98px) {
	#inv.customize_block {
		max-width: 420px;
	}
	#inv .show-inv {
		display: block;
	}
	.inv.my, .inv.not-my {
		max-width: 100%;
	}
	.inv.my {
		margin-right: 0;
	}
	.inv.bp:not(.active) {
		display: none;
	}
	.group_members_block.full .group_members {
		width: calc(50% - 3px);
	}
	.group-list > div {
		width: 33.3333%;
	}
}
@media (max-width: 650px) {
	.content_group > .flex {
		flex-wrap: wrap;
	}
	.content_group > .flex > .flex,
	.content_group > .flex > .flex .group_info {
		width: 100%;
	}
	.group_members_block.flex {
		margin-left: 0;
	}
	.ava_m {
		padding-left: 30px;
		padding-right: 30px;
	}
	.challenge_alert_overlay {
		top: 17px;
	}
	.challenge_alert .window_close {
		border-radius: 0 6px 0 35px;
		font-size: 20px;
		width: 24px;
	}
	.challenge_alert.min {
		background-image: none;
		width: 60px;
		height: auto;
		border-radius: 50%;
		cursor: pointer;
		margin-bottom: 5px;
	}
	.challenge_alert.min:hover {
		background-color: #00b7ff;
	}
	.challenge_alert.min:hover img {
		opacity: 0.8;
	}
	.challenge_alert.min > :not(img) {
		display: none;
	}
	.challenge_alert.min > img {
		width: 50px;
	}
	#ch-block-invite.challenge_alert.min > img {
		border: none;
		border-radius: 50%;
		margin-bottom: 0;
	}
	.fight .info_block {
		padding-left: 7px;
		padding-right: 7px;
	}
	.fight .tab-nav,
	.fight .tab-nav + .bar {
		display: block;
	}
	.fight .log {
		margin-top: 60px;
		height: 135px;
	}
	.fight .tab-content {
		position: absolute;
		transition-duration: 0.4s;
		top: 0;
	}
	.fight .tab-content:not(.opp) {
		transform: translateX(-225px);
		left: 0;
	}
	.fight .tab-content.opp {
		transform: translateX(225px);
		right: 0;
	}
	.tab-content.active {
		transform: translateX(0px) !important;
	}
	.user_panel .params > .param-item {
		border-width: 2px;
	}
	.user_panel .params > .param-item img {
		width: 30px;
	}
	.user_panel .params .stat {
		font-size: 20px;
		height: 18px;
	}
	#stats .user_panel .stats ul {
		text-align: center;
	}
	#stats .user_panel .stats ul li {
		width: 100%;
		padding: 1px;
	}
}
@media (min-width: 576px) and (max-width: 650px) {
	#profile .user_panel,
	#stats .user_panel {
		max-width: 275px;
	}
}
@media (max-width: 600px) {
	.future {
		background-position: 59% 0;
	}
	.future .align {
		padding-left: 15px;
		padding-right: 15px;
	}
	.future .align > div {
		width: 50%;
	}
	.future .align > div:first-child {
		width: 100%;
	}
	.quest_done,
	.quest_done > div span {
		font-size: 32px;
	}
	.quest_done > div {
		font-size: 27px;
	}
	#userStat .controls {
		position: unset;
		margin-top: 5px;
		font-size: 10px;
	}
	#userStat .controls > span {
		font-size: 15px;
	}
	#userStat .labels {
		flex-wrap: wrap;
	}
	#userStat .labels,
	#userStat .labels > div {
		margin-top: 5px;
	}
	#userStat .user_block {
		padding: 0 10px;
	}
	#userStat .user_block > div {
		width: 100%;
	}
	#userStat .group > div > div > span {
		font-size: 18px;
	}
	#userStat .rank > div > img,
	#userStat .group > div > img {
		height: 45px;
		width: 45px;
	}
	#userStat .user_ava {
		height: 350px;
	}
	#userStat .user_login,
	#userStat .opp_lvl {
		font-size: 20px;
	}
	#userStat .opp_lvl {
		height: 31px;
		top: 31px;
	}
	#userStat .user_items {
		width: 30px;
		top: 4px;
	}
	#userStat .status {
		top: 31px;
	}
	#userStat .status > span {
		font-size: 15px;
	}
	#userStat .user_winlose {
		margin-top: 5px;
	}
}
@media (max-width: 575.98px) {
	.popover {
		width: auto;
	}
	.modal-header > h4 {
		font-size: 18px;
	}
	#map .modal-body {
		height: calc(100vh - 70px);
	}
	.form-signin .btn {
		font-size: 16px;
	}
	.modal-header,
	.modal-body {
		padding: 10px;
	}
	.auth_title .text table, .auth_title .text tbody, .auth_title .text tr, .auth_title .text td {
		display: block;
	}
	.auth_title .text td {
		padding-bottom: 20px;
	}
	.auth_title .text table td img:not(.b_img) {
		-moz-transform: rotate(90deg);
		-ms-ransform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
		margin: 20px 0;
	}
	.age input {
		font-size: 20px;
	}
	.param .roles > div {
		width: 85%;
		margin-bottom: 10px;
	}
	#profile .user_panel {
		max-width: calc(100% - 54px);
	}
	#stats .user_panel {
		max-width: calc(100% - 65px);
	}
	.nav_panel {
		width: 59px;
		flex-wrap: wrap;
		right: 7px;
	}
	.nav_panel .show-menu {
		display: block;
	}
	.nav_panel .show-menu i {
		top: 1px;
		position: relative;
	}
	.nav_panel:not(.full) > .list {
		margin-bottom: 3px;
		margin-left: 0 !important;
	}
	.nav_panel:not(.full) > .list:last-child {
		margin-bottom: 0;
	}
	.nav_panel > .list {
		width: 41px;
		height: 41px;
		font-size: 25px !important;
	}
	.nav_panel .tooltip .tooltip-inner {
		white-space: nowrap;
	}
	.loc_name {
		font-size: 20px;
	}
	.loc_fight_btn {
		width: 130px;
		font-size: 14px;
		padding: 5px;
	}
	.loc_info {
		transform: translateX(300px);
		top: 35px;
	}
	.loc_info.top {
		top: 70px;
	}
	.loc_info.active {
		transform: translateX(0px);
		right: auto;
		left: 7px;
		width: calc(100% - 80px);
		z-index: 5;
	}
	.mob {
		height: 460px;
		padding-bottom: 22px;
		background-position: 0 0, 7.3% -22px;
	}
	.msg_nav {
		text-align: right;
		margin-bottom: 10px;
	}
	.mob_nav > div.text-center {
		display: none;
	}
	.msg_content h3 {
		margin-top: 10px;
		font-size: 17px;
		line-height: 1.6;
	}
	.msg_content .area {
		height: 235px;
	}
	.msg_content .area hr {
		margin: 10px 0;
	}
	#msg_news .area {
		height: 285px;
	}
	#item .modal-body .it:not(.rotate) {
		padding-right: 15px;
	}
	#item .modal-body .it:not(.rotate) .inv_show {
		width: 80px;
	}
	#item .modal-body .it.rotate {
		padding-top: 15px;
		width: 230px;
		margin: 73px -70px;
	}
	#item .modal-body .it.rotate.short {
		margin: 67px -63px 18px;
	}
	.inv_price {
		font-size: 18px;
	}
	.inv_price > span {
		font-size: 22px;
	}
	.navbar_group > div {
		width: calc(50% - 10px);
		height: 125px;
	}
	.navbar_group > div > span {
		font-size: 12px;
	}
	.log {
		font-size: 14px;
	}
	.log date {
		font-size: 12px;
	}
	.rank_filter > button {
		width: calc(33.3333% - 1px);
	}
	.group-list > div {
		width: 50%;
	}
	.ava_main {
		margin-bottom: 5px;
	}
	.user_panel .login_name {
		line-height: 1;
	}
	.user_panel .group_title {
		font-size: 19px;
		margin-top: -5px;
	}
	.user_panel .xp_bar,
	.radio_btn {
		margin-top: 2px;
	}
	.challenge_alert_overlay {
		right: 10px;
		top: 102px;
	}
	#store .item {
		width: 50%;
	}
	.navbar_shop > button {
		width: calc(33.3333% - 1px);
	}
}
@media (max-width: 500px) {
	.logo_login {
		height: 85vw;
	}
	.auth_footer .copy .subscr > div {
		width: 100%;
		text-align: center !important;
		margin-bottom: 20px;
	}
	.group_members_block.full .group_members {
		width: calc(100% - 3px);
	}
	.quest {
		padding-top: 68px;
	}
	.quest_block {
		text-align: center;
	}
	.quest_block > img {
		width: 100px;
	}
	.quest_block > img,
	.quest_block > div,
	.quest_block .btn {
		float: none;
	}
	.quest_block > div {
		width: 100%;
		padding-left: 0;
	}
	.quest_block .quest_npc_name {
		margin-bottom: 5px;
	}
	.quest_block .btn {
		width: 100%;
	}
	.quest_val .items {
		width: 100%;
		border-left: none;
		border-right: none;
		border-bottom: none;
		top: 46.5px;
	}
	.quest_val .items img {
		width: 40px;
	}
	.quest .quest_name {
		font-size: 16px;
	}
	.quest .quest_name > b {
		font-size: 18px;
	}
	.quest_val .hp {
		font-size: 30px;
		margin-top: 2px;
	}
	.quest_val .hp i {
		font-size: 24px;
	}
	.content_group {
		font-size: 15px;
	}
	#store label {
		font-size: 16px;
	}
	#store label span {
		padding: 1px;
	}
}
@media (max-width: 400px) {
	.form-signin .form-signin-heading {
		font-size: 24px;
	}
	#pol a {
		font-size: 15px;
		padding: 10px;
	}
	#inv h2 > span {
		right: 17px;
		top: 35px;
	}
	.inv.my, .inv.not-my {
		background-position: 50% 10px;
		background-size: auto 96%;
		height: 413px;
	}
	.inv.store, .inv.bp {
		max-height: 419px;
	}
	#group_inv .inv {
		max-height: 360px;
	}
	.inv_slot {
		width: 65px;
		height: 65px;
	}
	.inv_slot.i2,
	.inv_slot.i3 {
		top: 130px;
		height: 65px;
	}
	.inv_slot.i4,
	.inv_slot.i7 {
		left: calc(50% - 27.5px);
		width: 55px;
		height: 55px;
	}
	.inv_slot.i5 {
		top: 66px;
	}
	.inv_slot.i5,
	.inv_slot.i6 {
		left: calc(50% - 57px);
		width: 115px;
		height: 115px;
	}
	.inv_slot.i6 {
		top: 217px;
	}
	.inv_slot.i7 {
		top: 337px;
	}
	.inv_slot.i8,
	.inv_slot.i9 {
		top: 202px;
	}
	.inv_slot.i11, .inv_slot.i12 {
		width: 30px;
		height: 30px;
		top: 97px;
	}
	.inv_slot.i12 {
		left: 42px;
	}
	.inv_slot.i14 {
		right: 45px;
		background-size: 60%;
	}
	.inv_slot.i14, .inv_slot.i15 {
		height: 55px;
	}
	.inv_slot.i15 {
		width: 35px;
	}
	.inv_slot.i16 {
		top: 186px;
		left: calc(50% - 32.5px);
	}
	.inv_slot.i18 {
		height: 35px;
	}
	.inv_slot.w2 {
		width: 135px;
	}
	.inv_slot.w3 {
		width: 199px;
		top: 269px;
	}
	.inv_slot.i8.w2 {
		left: -28px;
	}
	.inv_slot.i9.w2 {
		right: -28px;
	}
	.inv_slot.i8.w2, .inv_slot.i9.w2 {
		top: 237px;
	}
	.inv_slot.i8.w3 {
		left: -60px;
	}
	.inv_slot.i9.w3 {
		right: -60px;
	}
	.inv .slot {
		height: auto;
		min-height: 70px;
	}
	.err_radio > div {
		font-size: 19pt;
	}
	.modal-body .err_radio > img {
		width: 85px;
	}
	.group-list > div {
		width: 100%;
	}
	.group-list > div .flex {
		justify-content: center;
	}
	.content_group .group_ava.own {
		max-width: 100%;
		height: auto;
	}
	.content_group > .flex > .flex .group_info .user_winlose .user_winlose_int {
		font-size: 22px;
	}
	.content_group > .flex > .flex .group_info .user_winlose .user_winlose_col {
		font-size: 13px;
	}
	.quest-content .quest-item {
		flex-wrap: wrap;
	}
	.quest-content .quest-item .flex {
		width: 60%;
	}
	.quest-content .quest-item .wait {
		width: 100%;
	}
	.quest-content .quest-item .wait br {
		display: none;
	}
	.quest-content .quest-item .wait i {
		margin-left: 5px;
	}
	.quest-content .quest-item .btn {
		margin-top: 5px;
		width: 100%;
		padding: 5px;
	}
	#quest .modal-header > h4 > span {
		font-size: 18px;
	}
	#quest .modal-body .flex {
		align-items: flex-start;
	}
	#quest .modal-body .quest_npc_ava {
		width: 80px;
		height: auto;
	}
	#quest .modal-footer label {
		font-size: 14px;
		padding: 8px 5px;
	}
	.user_panel .user_winlose .user_winlose {
		margin-bottom: 2px;
	}
	.user_panel .user_winlose .user_winlose_int {
		font-size: 20px;
	}
	.user_panel .role {
		margin-top: 7px;
	}
	.user_panel .params > .param-item {
		border-width: 2px;
	}
	.user_panel .params > .param-item img {
		width: 30px;
	}
	.user_panel .params .stat {
		font-size: 20px;
		height: 18px;
	}
	.buy_dxc_main > label {
		width: 80px;
		height: 70px;
		font-size: 16px;
	}
	.ban_text {
		font-size: 20px;
	}
	.ban_text > div {
		font-size: 30px;
	}
	#role .modal-body > p > img {
		width: 36px;
		padding: 4px;
	}
	#role .modal-body > p > span {
		font-size: 24px;
	}
	#map_info .content {
		flex-wrap: wrap;
		justify-content: center;
	}
	#map_info .content .text {
		padding-left: 0;
		text-align: center;
	}
	#map_info .content .img {
		margin-bottom: 10px;
	}
}
@media (max-width: 350px) {
	.warn > b,
	.warn > div {
		font-size: 10px;
	}
}