/*<!-- dev. std. unitypw.net -->*/
@media screen and (max-width: 1441px) {
	.wrapper{
		width: 98%;
	}
	.news {
		height: auto; 
		padding-bottom: 20px;
		background-size: 100% 100%;
	}
}
@media screen and (max-width: 1291px) {
	.header__link {
	    padding: 10px 34px;
	}
}
@media screen and (max-width: 1181px) {
	.wrapper{
		width: 96%;
	}
	.header__link {
		padding: 2px 15px;
		font-size: 16px;
	}
	.nav_dropdown:before {
		right: 0px;
	}
	.header_lc span {
		width: 180px;
		height: 36px;
		font-size: 14px;
	}
	.main_logotype img {
		width: 400px;
	}
	.main_startplay {
		margin-left: 0px;
	}
	.main_startplay span {
		font-size: 21px;
	}
	.news__title {
		font-size: 18px;
	}
	.news_full_title {
		font-size: 18px;
	}
	.news_readmore span {
		width: 140px;
		height: 36px;
		font-size: 14px;
	}
	.chars_preim {
		width: 50%;
	}
	.chars_pers img{
		width: 500px;
	}
	.chars_pers {
		top: 50%;
		transform: translate(0, -50%);
	}
	.rating_container{
		display: block;
	}
	.rating_ep {
        width: auto;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 0px 10px;
    }
    .rating_description{
    	width: 100%;
    }
	.rating_over {
		width: auto;
		display: block;
	}
	.rating_panel {
	    position: relative;
	    bottom: 0;
	    right: 0;
	}
	.rating_panel{
		width: auto;
		margin: 0 auto;
	}
	.rating_list{
		width: 100%;
		height: 368px;
	}
	.rating_btn_big span{
		width: 190px;
	}
}
@media screen and (max-width: 981px) {
	.wrapper{
		width: 100%;
	}
	.main {
		background: url(../images/main.png) left;
		height: 720px;
		position: relative;
	}
	.headerline_container{
		flex-wrap: wrap;
	}
	.online {
		width: 100%;
	}
	.header{
		padding: 10px 20px;
		width: calc(100% - 40px);
		top: 64px;
	}

	.headerline {
		padding: 10px 20px;
		width: -webkit-fill-available;
	}
	.headernav_links a {
		font-size: 12px;
	}
	.main_logotype {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
	}
	.main_startplay {
		margin: 0 auto;
	}
	.header_navigate_links{
		display: none;
	}
	.header_menu_mob{
		display: block;
	}
	.chars_block {
		padding: 10px;
	}
	.chars {
		height: auto;
		background-size: cover;
	}
	.chars_container{
		display: block;
	}
	.chars_menu {
		flex-direction: row;
		height: auto;
	}
	.chars_menu li {
		margin: 10px 10px;
	}
	.chars_fraction {
		margin-top: 10px; 
	}
	.chars_pers{
		position: relative;
		top: 0px;
		left: 0px;
		transform: translate(0, 0%);
		text-align: center;
	}
	.chars_preim {
		width: auto;
	}
	.chars_attribute {
		background: rgb(5 17 34 / 80%);
		padding: 20px;
		border-radius: 10px;
	}
	.footer{
		padding: 20px 20px;
	}
	.footer_container{
		display: block;
	}
	.footer_copy {
		text-align: center;
	}
	.footer_nav {
		justify-content: center;
		margin-top: 10px;
	}
	.headernav_links {
		padding-right: 0;
	}
	.headernav_social {
		padding-left: 0; 
	}
	.page__btnback {
		right: 20px;
	}
	.page_news {
		flex-wrap: wrap;
		background: linear-gradient(0deg, #17386780 40%, #05112200);
		padding: 20px 0px;
		justify-content: center;
	}
	.page_news_content {
		margin-left: 0;
		padding-top: 20px;
		text-align: center;
	}
	.page_over {
		flex-wrap: wrap;
	}
	.page_category{
		order: 2;
		flex-direction: unset;
		justify-content: center;
		flex-wrap: wrap;
	}
	.headernav_links a {
		margin-right: 10px;
		font-size: 12px;
	}
}
@media screen and (max-width: 681px) {
	.headerline_container{
		flex-wrap: wrap;
		justify-content: center;
	}
	.online {
		text-align: center;
		margin: 0 auto;
		background: rgb(255 255 255 / 5%);
		padding: 4px 10px;
		border-radius: 10px;
		justify-content: center;
	}
	.headernav {
		margin-top: 10px;
		justify-content: center;
		width: 100%;
	}
	.headernav_social a {
		margin-left: 10px;
	}

	.header {
		padding: 10px 20px;
		width: calc(100% - 40px);
		top: 82px;
	}
	.main_logotype img {
		width: 300px;
	}
	.main_startplay {
		width: 250px;
		height: 85px;
		margin-top: -55px;
		display: flex;
		background-size: 100% 100%;
	}
	.chars_menu img{
		width: 50px;
		height: 50px;
	}
	.chars_fraction {
		width: 270px;
		height: 50px;
		background-size: 100% 100%;
	}
	.chars_fraction span {
		font-size: 16px;
		margin-left: 15px;
	}
	.chars_dropdown {
		font-size: 16px;
	}
	.chars_attribute_block {
		font-size: 14px;
	}
	.chars_pers img {
		width: 400px;
	}
	.main_logotype{
		width: auto;
	}
	.page_header_menu {
		justify-content: left;
		margin-left: 20px;
	}
	.page__menu_link {
		padding: 6px 6px;
		margin-right: 2px;
		border-radius: 12px;
		font-size: 12px;
	}
	h1{
		font-size: 20px;
	}
	h2{
		font-size: 18px;
	}
	h3{
		font-size: 16px;
	}
	h3{
		font-size: 14px;
	}
	h5{
		font-size: 12px;
	}
}
@media screen and (max-width: 561px) {
	.headernav_links {
		width: 80%;
		display: flex;
		flex-wrap: wrap;
		border-right: 0px;
	}
	.headernav_links a {
		margin-right: 1px;
		padding: 1px 8px;
		width: 44%;
		background: rgb(255 255 255 / 5%);
		margin: 1px;
		border-radius: 10px;
		text-align: center;
	}
	.headernav_social {
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 10px;
		background: rgb(255 255 255 / 5%);
	}
	.headernav_social a {
		margin: 6px;
	}
	.header {
		top: 101px;
	}
	.headernav {
		justify-content: space-between;
	}
}
@media screen and (max-width: 481px) {
	.headernav_links a {
		width: auto;
	}
	.header_lc span {
		width: 150px;
		height: 36px;
		font-size: 14px;
	}
	.chars_pers img {
		width: 280px;
	}
	.news_block_images {
		width: 280px;
		height: auto;
	}
	.news__title {
		padding: 6px 10px;
		font-size: 16px;
	}
	.chars_menu {
		padding: 0 10px;
	}
	.chars_menu li {
		margin: 10px 2px;
	}
	.chars_menu img {
		width: 48px;
		height: 48px;
	}
	.news_container {
		padding: 2px;
	}
	.footer_nav {
		flex-wrap: wrap;
	}
	.headernav_links{
		border: none;
	}
	.page__btnback {
		letter-spacing: 0px;
		font-size: 12px;
	}
	.rating_user {
    	padding: 0px 5px;
    	font-size: 14px;
	}
	.rating_btns {
		display: block;
	}
	.rating_btn{
		margin-top: 1px;
	}
	.rating_user div {
    	margin: 0px 5px;
	}
	.rating_user_place {
	    width: 16px;
	    text-align: center;
	}
	.rating_user_point{
		width: 46px;
		font-size: 12px;
	}
}
@media screen and (max-width: 390px) {
	.header {
		top: 99px;
	}
	.headernav_links a {
		margin-right: 2px;
		font-size: 11px;
	}
	.headernav_social a {
		margin: 3px;
	}
}