
/* 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 .doramy-logo {font-size: 18px; gap: 10px;}
.mobile-menu__header .doramy-logo div div {letter-spacing: 1px;}
.mobile-menu__header .doramy-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;}
	.doramy-wrappers__container {max-width:1000px;}
	.doramy-header .header__menu, .doramy-cols__side .doramy-js-this-in-mobile-menu {display: none;}
	.doramy-header__logo {flex: 1 1 0; max-width: 100%; min-width: 50px;}
	.doramy-header__btn-menu {display: flex; height: 40px; font-size: 18px;}
	.doramy-cols {display: block;}
	.doramy-cols__side {padding-top: 40px;}
	
	.doramy-turan__cols {padding: 0; background: none;}
}

@media screen and (max-width: 950px) {
	:root {--indent-negative: -20px; --indent: 20px;}
	.doramy-wrappers__container {max-width:768px;}
	.doramy-header__one, .doramy-header__two {gap: 20px;}
	.header__search {padding-left: 20px;}
	.doramy-user-area__name {display: none;}
	.doramy-footer__one, .footer__two {justify-content: center; gap: 15px; text-align: center;}
	.doramy-footer__menu, .doramy-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;}
	.doramy-pagination__pages, .pagination__btns {min-width: 100%;}
	.doramy-pagination__pages a, .doramy-pagination__pages span, .pagination__btns > * {flex-grow: 1;}

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

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

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

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

@media screen and (max-width: 590px) {
	.doramy-wrappers__container {max-width:480px;}
	.doramy-turan__info-label span {max-width: calc(100vw - 190px); 
		padding: 10px; background-color: var(--bg); box-shadow: var(--bsh); display: none;}
	.doramy-turan__info-mpaa .doramy-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;}
	.doramy-comm__date {font-size: 12px;}

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

@media screen and (max-width: 470px) {
	.wrappers__container123 {max-width:410px;}
	.doramy-descr--top img {display: none;}
	.ep__title {font-size: 13px;}
	.doramy-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;}
}
