/* ADAPTIVE, MOBILE MENU
----------------------------------------------- */
.mobile-menu {width: 320px; height: 100%; overflow-x: hidden; overflow-y: auto; color: #fff;
	z-index: 999; position: fixed; left: -360px; top: 0; transition: left 0.4s; background-color: var(--bg-black);}
.mobile-menu.is-active {left: 0;}
body.mobile-menu-is-opened {overflow: hidden; width: 100%; height: 100%;}
.mobile-menu__header {padding: 0 20px; gap: 10px; background-color: rgba(0,0,0,0.2); --tt: #fff;}
.mobile-menu__header .logo {font-size: 18px; gap: 10px;}
.mobile-menu__header .logo div div {letter-spacing: 1px;}
.mobile-menu__header .logo::before {width: 30px;} 
.mobile-menu__btn-close {font-size: 24px; width: 40px; height: 40px; margin-right: -10px;}
.mobile-menu__content {padding: 10px 20px;}
.mobile-menu__content .header__menu {display: block;}
.mobile-menu__content .header__menu > li > a {height: 50px;}
.mobile-menu__content .header__menu-submenu {position: static; border-radius: 0; box-shadow: none; 
	translate: 0 0 !important; opacity: 1; visibility: visible; margin: 10px -20px; font-size: 13px; padding: 15px;
	width: calc(100% + 40px); grid-template-columns: repeat(2,1fr);}
.mobile-menu__content .header__menu-submenu a {padding: 5px;}
.mobile-menu__content .sb__menu {margin: 0 -20px;}
.mobile-menu__content .sb__title {margin-bottom: 0; margin-top: 20px;}

@media screen and (max-width: 1220px) {
	:root {--indent-negative: -20px; --indent: 20px;}
	.wrappers__container {max-width:1000px;}
	.header .header__menu, .cols__side .js-this-in-mobile-menu {display: none;}
	.header__logo {flex: 1 1 0; max-width: 100%; min-width: 50px;}
	.header__btn-menu {display: flex; height: 40px; font-size: 18px;}
	.cols {display: block;}
	.cols__side {padding-top: 40px;}
	
	.turan__cols {padding: 0; background: none;}
}

@media screen and (max-width: 950px) {
	:root {--indent-negative: -20px; --indent: 20px;}
	.wrappers__container {max-width:768px;}
	.header__one, .header__two {gap: 20px;}
	.header__search {padding-left: 20px;}
	.user-area__name {display: none;}
	.footer__one, .footer__two {justify-content: center; gap: 15px; text-align: center;}
	.footer__menu, .footer__text {width: 100%; justify-content: center;}
	.footer__two {padding-bottom: 30px; padding-top: 15px;}
	
	.pagination {gap: 10px;}
	.pagination__btn-loader a, .pagination__btn-loader span:not([class]) {width: 100%;}
	.pagination > a, .pagination > span {flex-grow: 1; order: 10;}
	.pagination__pages, .pagination__btns {min-width: 100%;}
	.pagination__pages a, .pagination__pages span, .pagination__btns > * {flex-grow: 1;}

	.turan__info {min-width: 100%;}
	.turan__header {text-align: center;}
	.turan__poster {margin: 0 auto;}
	.page__player-btns .btn {flex: 1 0 max-content; padding: 0 10px;}
}

@media screen and (min-width: 760px) {
	.grid2 .grid-cat {grid-template-columns: repeat(auto-fill,minmax(160px,1fr)); gap: 20px; align-items: start;}
	.grid2 .grid-cat .item-short__img {width: 100%;}
	.grid2 .grid-cat .item-short {padding: 0; background: none; box-shadow: none; grid-column: span 1 !important;}
	.grid2 .grid-cat .item__title {font-size: 14px;}
	.grid2 .grid-cat .item-short .item-short__meta, .grid2 .grid-cat .item-short .item__text {display: none;}
	.grid2 .grid-cat .item-short__top {margin: -5px 0;}
}
@media screen and (max-width: 760px) {
	.wrappers__container {max-width:640px;}
	.grid-main {grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; align-items: start;}
	.item-short__img {width: 100%;}
	.item-short {padding: 0; background: none; box-shadow: none; grid-column: span 1 !important;}
	.item__title {font-size: 14px;}
	.item-short .item-short__meta, .item-short .item__text {display: none;}
	.sect__grid-select {display: none;}

	.turan__btn-watch, .page__btn-lists {width: 100%;}
	.turan__info-btm > * {width: 100%;}
	.page__meta-item {white-space: nowrap;}
	.page__meta-item.flex-grow-1 {flex: 0 0 max-content;}
	.turan__list-rates, .turan__rating, .turan__series-select {width: 100%;}
	.turan__series-select {justify-content: center;}
	.turan__complaint {display: none !important;}
	.turan__player .tabs-block__select button {flex-grow: 1;}
	.page__tabs-mylists li {flex: 1 0 max-content;}
	.page__stars-rating-votes, .page__stars-rating-caption {min-width: 100%;}
	.statlist {right: 50%; translate: 50% 0;}
	.statlist::before {right: 50%; translate: 50% 0;}

	.ac-form__bottom {gap: 10px;}
	.ac-form__bottom button {padding: 0 20px; width: 100%;}
	.ac-form__header input + input {min-width: 100%; order: 10;}
}

@media screen and (max-width: 590px) {
	.wrappers__container {max-width:480px;}
	.turan__info-label span {max-width: calc(100vw - 190px); 
		padding: 10px; background-color: var(--bg); box-shadow: var(--bsh); display: none;}
	.turan__info-mpaa .turan__info-label:not(:has(span)) {height: 23px; max-width: calc(100vw - 180px); 
		overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

	.comm__author {font-size: 14px;}
	.comm__date {font-size: 12px;}

	.lgn, .lgn-logged {padding: 20px; --indent: 20px;}
	.lgn-logged {padding: 0;}
	.lgn__soc a img {display: none;}
}

@media screen and (max-width: 470px) {
	.wrappers__container123 {max-width:410px;}
	.descr--top img {display: none;}
	.ep__title {font-size: 13px;}
	.ep__subtitle {max-width: 100%; font-size: 12px;}
	#searchsuggestions {width: calc(100vw - 40px) !important; left: 20px !important;}

	.turan__list li {font-size: 13px; min-height: 13px;}
}

@media screen and (max-width: 400px) {
	.wrappers__container123 {max-width:360px;}
	
	.ac-form__bottom .comments_subscribe {font-size: 13px;}
	.full-text iframe {width: calc(100% + 40px); max-width: calc(100% + 40px); height: 260px; margin-left: -20px; margin-right: -20px;}
}