.mobile-menu {width:320px; height:100%; overflow-x:hidden; overflow-y:auto; 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:15px 20px; gap:10px; background-color:rgba(255,255,255,0.1); --tt:#fff}
.mobile-menu__header .logo {font-size:20px}
.mobile-menu__btn-close {font-size:24px; width:40px; height:40px; margin-right:-10px}
.mobile-menu__content {padding:20px}
.mobile-menu__content .snak__logo {font-size:18px; margin-right:auto}
.mobile-menu__content .mobile-menu__content .snak__menu {display:block}
.mobile-menu__content .snak__menu-hidden {display:block; opacity:1; translate:0 0 !important; visibility:visible; position:static; box-shadow:none; width:calc(100% + 40px); margin:10px -20px}
.mobile-menu__content .snak__menu-hidden-col-main,.mobile-menu__content .snak__menu-hidden-col-list {width:100%; padding:20px; display:grid; gap:0 20px; grid-template-columns:repeat(2,1fr); font-size:12px}
.mobile-menu__content .snak__menu-hidden a {padding:3px 0}
.mobile-menu__content .snak__menu > li > a {height:40px}
.style2 .mobile-menu__header {background:linear-gradient(102deg,rgb(78 74 85) 0,rgb(61 55 71) 100%)}
.style2 .mobile-menu {background-color:var(--bg)}
.style2.lt .mobile-menu__btn-close {color:#000}
@media screen and (max-width:1220px) {:root {--indent-negative:-20px; --indent:20px}
.karp__container {max-width:1000px}
.snak .snak__menu,.marlo__menu {display:none}
.snak__logo {margin-right:auto}
.snak__btn-menu,.marlo__select {display:flex}
.snak {height:70px}
.snak__search {width:calc(100vw - var(--indent)*2)}
.marlo__title {flex-grow:1}
.pfull {margin-left:var(--indent-negative); margin-right:var(--indent-negative)}
.poster1 .zfx__main-col-left {width:340px}
.poster1 .zfx__main-bottom {padding-top:5px}
.schedule-item {padding:6px 20px; gap:10px 20px}
.schedule-item__number {width:140px}
.poster2 .zfx__main-col-left {width:240px}
body.style2 {padding-top:0}
style2 .karp {max-width:100%}
.style2 {--indent-negative:-20px; --indent:20px}
.style2 .snak__btn-login {margin:0; height:40px}
.style2 .snak__btn-login:not(:hover) {background:none; color:var(--tt)}
}
@media screen and (max-width:1220px) and (min-width:590px) {.style2 .marlo--bg .grid-items {display:flex; overflow-y:hidden; overflow-x:auto; margin-right:var(--indent-negative)}
.style2 .marlo--bg .grid-items .krasik {flex-shrink:0; width:180px}
}
@media screen and (max-width:950px) {.karp__container {max-width:768px}
.kans__notify {margin:0}
.kans__menu {width:100%}
.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}
.poster1 .zfx__main-col-left {margin-left:auto; margin-right:auto; width:450px; max-width:100%}
.poster1 .zfx__main-col-right {min-width:100%}
}
@media screen and (max-width:760px) {.karp__container {max-width:640px}
.snak__btn1,.snak__btn-search span {display:none}
.snak__btn-search {font-size:18px}
.poster2 .zfx__main-col-left {margin-left:auto; margin-right:auto; width:260px; max-width:100%}
.poster2 .zfx__main-col-right {min-width:100%}
.schedule-item {gap:0 10px}
.schedule-item__number {width:100px; text-align:right}
.schedule-item__descr {min-width:calc(100%- 130px); order:-1}
.zfx__complaint {display:none !important}
.zfx__player .tabs-block__select button {flex-grow:1}
.zfx__ac {margin-bottom:20px}
.ac-form__bottom {gap:10px}
.ac-form__bottom button {padding:0 20px; width:100%}
.ac-form__header input + input {min-width:100%; order:10}
.ac-form__header > span,.comm::before {display:none}
.ac-form #b_color {display:none}
.ac-toggle .ac-form__bottom button {position:static; width:100%}
.comm {padding:12px 15px; margin-left:0}
.comm__img {width:40px; height:40px; position:relative; left:0; top:0}
.comm__meta {display:block}
.comm__user-rating,.comm__group {translate:-50% -100%; display:none}
}
@media screen and (max-width:590px) {.karp__container {max-width:480px}
.snak {gap:10px}
.snak__logo {font-size:18px}
.snak__ava {margin:0 2px}
.logo:has(img) {flex:1 1 0; max-width:100%; min-width:50px}
.lgn__content {padding:30px 20px}
.lgn__ctrl > * {font-size:17px; height:40px}
.lgn__btn-close {right:0; top:0; color:var(--tt); font-size:24px}
.lgn__header {padding-left:60px}
.lgn__avatar {width:40px; font-size:18px}
.lgn__title {font-size:17px}
.lgn__caption {font-size:14px; margin-top:0}
.descr--top {font-size:12px; line-height:1.3}
.descr--top:is(h1,h2,h3) {font-size:14px}
.kans__notify {width:100%; padding:0; border:0; text-align:center}
.kans__copyright {margin:0; text-align:center; width:100%}
.scrolltop,.theme-switcher {width:40px; height:40px; font-size:18px}
.marlo:has(.has-carou) .marlo__header {padding-right:0; padding-bottom:35px}
.owl-nav {left:0; margin-top:-45px}
.owl-nav button {flex-grow:1}
.speedbar,.zfx__main-header h1 {text-align:center}
.zfx__main-header h1 {min-width:100%; padding:0}
.zfx__main-header h1::before {display:none}
.zfx__rating-stars,.zfx__rating-likes {width:100%; order:10; justify-content:center}
.zfx__subtitle {font-size:14px}
.zfx__scr ul:has(li:nth-child(6)) {grid-template-columns:repeat(2,1fr)}
.zfx__scr ul:not(:has(li:nth-child(6))) {gap:10px}
}
@media screen and (max-width:470px) {.karp__container123 {max-width:410px}
.karp::before,.karp::after {aspect-ratio:1 / 1.2}
.snak__theme-select {height:30px}
.pagination__btn-loader a {min-width:0; width:100%}
.filter__col--ranges {padding:0 0}
.filter__cell--submit,.filter__col--submit {flex-direction:row; width:100%}
.filter__cell--submit input {flex:1 1 0; max-width:100%; min-width:50px}
.marlo__btn-filter {display:flex; width:100%}
.filter-block {display:none; margin-left:var(--indent-negative); margin-right:var(--indent-negative); padding:20px var(--indent)}
.filter-block.is-active {display:block}
.style2 .marlo--bg,.style2 .marlo--related {background-position:right -240px center}
}
@media screen and (max-width:400px) {.karp__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}
}