/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 2 version
*/

*:focus {
    outline: none !important;
}
.navbar-toggler {
    padding: .25rem 0.25rem;
}
#mobile-reg {
    margin-left: auto;
    margin-right: 20px;
    display: none;
    color: #ffffff;
}
#mobile-reg a {
    color: #ffffff;
}
.only-mobile {
    display: none !important;
}
@media screen and (max-width: 992px) {
    .only-desktop {
        display: none !important;
    }
}
@media screen and (max-width: 1310px) {
    nav .user-box .user-info {
        padding: 5px 10px;
    }
    .main-menu .navbar-nav a.nav-link {
        font-size: 0.875rem;
    }
    .navbar.navbar-expand-lg.main-menu .navbar-brand {
        width: 14rem;
        margin-right: 0;
    }
    .navbar-brand img {
        max-width: 100%;
    }
    .listreview-element {
        width: 100%;
    }
}

@media screen and (max-width: 1199px) {
    body > .container > .row {
        margin-right: 0;
    }
    .container {
        max-width: 100%;
        overflow: hidden;
    }
    .main-menu .navbar-nav a.nav-link {
        font-size: 0.7rem;
        white-space: nowrap;
    }
    .navbar.navbar-expand-lg.main-menu .navbar-brand {
        width: 12rem;
        margin-right: 1rem;
    }
    #navbarSupportedContent > ul + div {
        margin-left: 1rem;
    }
    .titlecontent {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-position: center 68%;
    }
    .titlecontent > h1 {
        margin: 0;
        font-size: 42px;
    }
    .titlecontent > img {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }
    .titlecontent > span {
        top: 21px;
    }
    .bestofvideo-wrapper {
        margin-bottom: 30px;
    }
    .bestofvideo-wrapper__column > h4 {
        padding-left: 0;
        margin-bottom: 10px;
        font-size: 1.2rem;
    }
    body > .container > .row > .col-9 {
        padding-left: 15px;
    }
    .novelty-section-body {
        margin-bottom: 0;
    }
    .novelty-section-body__image__title {
        padding: 5px;
    }
    .listfilm {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-right: -10px;
    }
    .listfilm-element:nth-child(5n) {
        margin-bottom: 25px;
    }
    .listfilm-element {
        margin-bottom: 25px;
        width: 20%;
        margin-right: 0;
        padding: 0 10px;
        height: auto;
    }
    .listfilm-title {
        max-height: none;
    }
    .footer-row {
        margin-right: -15px !important;
    }
    .footer-row .col {
        padding-left: 0;
        padding-right: 0;
    }
    #id_novelty-section-tabs-images {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-right: -10px;
    }
    #id_novelty-section-tabs-images .novelty-section-body__image {
        width: 20%;
        padding: 0 10px;
        margin-right: 0;
    }
    #id_novelty-section-tabs-images .novelty-section-body__image a {
        display: block;
        position: relative;
    }
    .review-content-right-author {
        height: auto;
        padding-bottom: 10px;
    }
    .review-content-right-author__subscribe {
        top: auto;
        left: auto;
        width: 100%;
        height: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 20px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .review-content-right-author__subscribe > span {
        position: static;
        margin-right: 10px;
    }
    .review-content-right-author__subscribe > a > img {
        position: static;
    }
    .review-content-right-author__login > a,
    .review-content-right-author__login span {
        top: auto;
    }
}

@media screen and (max-width: 1000px) {
    .widget-frame {
        width: 100%;
    }
    .widget-frame__header {
        border-right: 1px solid #8e9aa2;
    }
    .widget-frame__content {
        padding-left: 8px;
        padding-right: 8px;
        background-repeat: repeat-x;
        border-radius: 0 0 10px 10px;
        border-bottom: 1px solid #cfcece;
        padding-bottom: 10px;
    }
    .widget-frame__footer {
        display: none;
    }
    .lastnews2 {
        left: auto;
    }
    .lastnews2 .lastnews2-element {
        margin-bottom: 8px;
    }
    .lastnews2 .lastnews2-element > a {
        display: block;
    }
    .lastnews2 .lastnews2-element .lastnews2-element-text {
        padding: 8px;
    }
    .lastnews2 .lastnews2-element .lastnews2-element-img {
        width: 100%;
    }
}
@media screen and (max-width: 991px) {
    .detail-right > h3,
    .detail-right > h2 {
        margin-bottom: 10px;
        line-height: 1.2;
    }
    .only-mobile {
        display: block !important;
    }
    body > .container-fluid.p-0 {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
    }
    body > .container {
        padding-top: 64px;
    }
    #mobile-reg {
        display: block;
    }
    .more-block + .text-center {
        margin: 20px 0 10px;
    }
    body > .container-fluid.p-0 > nav:not(.navbar) {
        display: none;
    }
    body > .container > .row:first-child {
        display: block;
    }
    body > .container > .row:first-child > .col-9 {
        max-width: 100%;
        width: 100%;
        padding-right: 0 !important;
    }
    body > .container > .row:first-child > .col-3.pl-0 {
        max-width: 100%;
        width: 100%;
        padding-left: 15px !important;
    }
    #navbarSupportedContent > ul + div {
        margin-left: 0;
    }
    ul.navbar-nav {
        padding: 10px 0;
        border-top: 1px solid rgba(255,255,255,.1);
        margin-top: 8px;
    }
    ul.navbar-nav .nav-item {
        border-bottom: 1px solid rgba(255,255,255,.1);
    }
    .main-menu .navbar-nav a.nav-link {
        padding: .6rem 0;
        font-size: .8rem;
    }
    .main-menu .navbar-nav .dropdown-item {
        white-space: normal;
    }
    .navbar-nav .nav-link.dropdown-toggle {
        position: relative;
    }
    .navbar-nav .nav-link.dropdown-toggle:before {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        font-size: inherit;
        content: "\f107";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;

    }
    body > .container > .row > .col-3.pl-0 {
        padding-right: 0;
    }
    .videoWrapper {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        margin-bottom: 30px;
    }
    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .widget-frame__header {
        width: 252px;
    }
    .titlecontent {
        height: auto;
    }
    .titlecontent > span {
        top: 8px;
    }
    .titlecontent > h1 + span {
        top: 12px;
    }
    .widget-frame__content {
        border-top: 1px solid  #cfcece;
        margin-top: -1px;
    }
    .titlecontent > h1 {
        margin: 0;
        font-size: 34px;
    }
    .titlecontent > img {
        max-width: 30px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }
    .feedbackwidget {
        margin: 30px 0;
    }
    .bestofvideo-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .bestofvideo-wrapper__column {
        width: 33.3333%;
    }
    .lastnews2 {
        width: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -5px;
        margin-right: -5px;
    }
    .lastnews2 .lastnews2-element {
        width: 33.3333%;
        padding: 0 5px;
        margin-bottom: 10px;
    }
    .lastnews2 .lastnews2-element > a {
        height: 100%;
    }
    .lastnews2 .lastnews2-element .lastnews2-element-img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
    .lastnews2 .lastnews2-bottom {
        margin-left: auto;
        margin-top: auto;
        margin-right: 10px;
    }
    .novelty-section__link {
        margin-top: auto;
        margin-left: auto;
        margin-right: 10px;
    }
    .news-block .main-news h3 {
        bottom: 30px;
        padding-left: 30px;
        padding-right: 30px;
    }

    #footer {
        height: auto;
    }
    #footer .footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 20px;
    }
    .footer .footer-left {
        width: 100%;
        text-align: center;
        line-height: 2;
    }
    .footer .footer-left .mt-1 {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
    .footer .footer-right {
        position: static;
        width: 100%;
    }
    .single-news .article-side {
        margin-bottom: 20px;
    }
    .ui-dialog.ui-widget.ui-widget-content h3 {
        line-height: 1;
        font-size: 1.2rem;
    }
    .news-header.news-header_list {
        margin-bottom: 14px;
    }
    .afishalist-section.row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .afishalist-section.row > .col-6 {
        width: 100%;
        float: none;
        max-width: 100%;
    }
    .listafisha-element {
        height: auto;
    }
    .listafisha-element-right__text {
        position: static;
    }
    .listafisha-element > .row {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .listafisha-element > .row > .col-4 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: auto;
        max-width: none;
    }
    .listafisha-element > .row > .col-4 a {
        display: block;
    }
    .listafisha-element > .row > .col-8 {
        width: 100%;
        max-width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
    }
    .film-header {
        margin-top: 12px;
    }
    .film-header__top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding-bottom: 10px;
    }
    .film-header__title {
        margin-bottom: 8px;
    }
    .film-header__property {
        text-align: left;
    }
    .film-body.row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .film-rside {
        width: 100%;
        max-width: 100%;
    }
    .film-lside {
        width: 100%;
        max-width: 100%;
    }
    .film-rating__header {
        background: -webkit-gradient(linear, left top, left bottom, from(#0c77be),to(#213948)) !important;
        background: linear-gradient(to bottom, #0c77be 0%,#213948 100%) !important;
        padding-top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 10px 10px 0 0;
    }
    .film-poster {
        text-align: center;
    }
    .film-poster__age {
        margin-bottom: 10px;
    }
    .film-poster__budget {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#dededd)) !important;
        background: linear-gradient(to bottom, #ffffff 0%,#dededd 100%) !important;
        padding-top: 6px;
        border: 1px solid #ededec;
        margin-top: 12px;
    }
    .film-poster__budget .clear,
    .film-poster__budget:after {
        display: none;
    }
    .film-person {
        padding-top: 10px;
    }
    .review {
        margin-top: 12px;
    }
    .rating-stars {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 5px;
    }
    .rating-stars > div {
        float: none;
        margin: 0;
    }
    .rating-stars > span {
        float: none;
        margin: 0;
    }
    .review-title__rubrica {
        background: none;
        height: auto;
        padding-bottom: 10px;
    }
    .review-title__rubrica > h3 {
        position: static;
        padding: 0;
        margin-bottom: 15px;
        line-height: 1.2;
    }
    .review-title__rubrica > div {
        position: static;
    }
    .review-title > h1 {
        margin-bottom: 15px;
    }
    .film-trailer {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        margin-bottom: 30px;
    }
    .film-trailer iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .news-trailer {
    }
    .news-trailer__top {
        background: -webkit-gradient(linear, left top, left bottom, from(#71c6ff),color-stop(40%, #4290c5),color-stop(60%, #13649a),to(#213948));
        background: linear-gradient(to bottom, #71c6ff 0%,#4290c5 40%,#13649a 60%,#213948 100%);
        height: auto;
        padding: 10px;
    }
    .filmonline-menugenre {
        position: relative;
        height: auto;
        border-top: 1px solid #e0dddb;
        border-bottom: 1px solid #e15616;
        background: -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(#ebebeb));
        background: linear-gradient(to top, #ffffff 0%, #ebebeb 100%);
    }
    .filmonline-menugenre + .filmonline-menugenre{
        margin-top: -6px;
        border-top: none;
        background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebebeb));
        background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 100%);
    }
    .filmonline-menugenre > ul {
        margin-bottom: 0;
    }
    .filmonline-menugenre > ul > li {
        margin-bottom: 5px;
    }
    .filmonline-sort {
        height: auto;
        background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebebeb));
        background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 100%);
        padding-bottom: 6px;
    }
    .filmonline-sort > select {
        position: static;
    }
    .filmonline__title {
        height: auto;
        margin-bottom: 10px;
        margin-top: 10px;
        line-height: 1;
    }
    .filmonline_caption {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 15px;
    }
    .listfilm-info {
        display: none !important;
    }
    .ratingtitle__element {
        margin-top: 10px;
        margin-bottom: 5px;
        padding-bottom: 10px;
        background: none;
    }
    .ratingtitle-changer {
        height: auto;
        padding-bottom: 5px;
    }
    .ratingtitle-changer > ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .ratingtitle-changer__menu {
        margin: 0 4px 3px;
    }
    .editionchoice-element {
        width: 20%;
        height: auto;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .editionchoice-element__poster {
        width: 100%;
        overflow: hidden;
    }
    .editionchoice-element__title {
        padding: 6px;
    }
    .listfilm-poster a {
        display: block;
        text-align: center;
    }
    .persona-rside {
        width: 100%;
        margin-left: 0;
    }
    .gallery-list {
        width: 100%;
    }

    [href="https://ovideo.ru/user/logout"] {
        margin-left: 10px !important;
    }
    .helpcontact-left {
        width: 100%;
    }
    .helpcontact-bottom__about {
        margin-top: 0;
        margin-bottom: 20px !important;
    }
    h3.help_center {
        line-height: 1.2;
    }
    .ui-tabs .ui-tabs-nav li.ui-state-default {
        margin-bottom: 3px !important;
        padding-bottom: 0 !important;
    }
    #tabs h3 {
        line-height: 1.2;
    }
    .profileuser__left {
        width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
        margin-bottom: 30px;
    }
    .profileuser .profileuser__left .profileuser__left__block {
        margin-left: auto;
        margin-right: auto;
    }
    .detail-header {
        padding-bottom: 10px;
    }
    .detail-header > h3 {
        margin-top: 10px;
    }
    .detail-lengthfilm {
        position: static;
        margin-top: 10px;
        display: block;
    }
}
@media screen and (max-width: 767px) {
    .profileuser .profileuser__right {
        width: 100%;
        float: none;
    }
    .profileuser .profileuser__right .profileuser__right__table {
        width: 100%;
        float: none;
    }
    .titlecontent {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        background-position: center 30%;
        padding-bottom: 26px;
    }
    .bestofvideo-wrapper + .titlecontent,
    .afishalist + .titlecontent,
    .bordered-cnt + .titlecontent,
    .feedbackwidget + .titlecontent {
        background-position: center 50%;
        padding-bottom: 0;
    }
    .titlecontent > span {
        bottom: 0;
        left: 0;
        top: auto;
        right: auto;
        padding-left: 0;
    }
    .titlecontent > h1 + span {
        top: auto;
    }
    .titlecontent > img {
        position: relative;
        top: 3px;
    }
    .titlecontent > h1 {
        font-size: 28px;
    }
    .titlecontent > h2 {
        font-size: 22px !important;
    }
    .listfilm {
        margin-left: -5px;
        margin-right: -5px;
    }
    .listfilm-element {
        width: 33.3333%;
        padding: 0 5px;
        margin-bottom: 10px;
    }
    .listfilm-title {
        text-align: center;
    }
    .listreview-element {
        height: auto !important;
    }
    .listreview-element__content p {
        padding-left: 10px;
    }
    .listreview-element__footer {
        position: static;
        padding-bottom: 10px;
        text-align: left;
        padding-left: 10px;
    }
    .row.single-news {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .row.single-news .col-4 {
        max-width: 100%;
        width: 100%;
    }
    .single-news .article-side {
        margin-bottom: 0;
    }
    .row.single-news .img {
        width: 100% !important;
    }
    .row.single-news .img img {
        width: 100% !important;
    }
    .instagram-media.instagram-media-rendered {
        margin: 15px 0 !important;
    }
    .news-preheader {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .pagination-list {
        height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        padding: 10px;
        background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#e5e5e4));
        background: linear-gradient(to bottom, #ffffff 0%,#e5e5e4 100%);
        border-radius: 5px;
    }
    .pagination-list:before,
    .pagination-list:after {
        display: none;
    }
    .pagination-list__item {
        margin: 4px;
    }
    .bestofvideo-wrapper__genre {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .bestofvideo-wrapper__genre a {
        padding: 5px;
    }
    .bestofvideo-wrapper__column > a {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .specprojects > .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0 !important;
    }
    .specprojects > .row .col-4 {
        width: 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }
    .specproject-news.card img {
        width: 100%;
    }
    .specprojects .specproject-news .card-body {
        padding: 20px 20px 15px;
    }
    .bestofvideo-wrapper__genre {
        margin-top: -26px;
    }
    .ratingtvshow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 15px;
    }
    .ratingtvshow > .element__centerright {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: auto;
        padding-right: 10px;
    }
    .ratingtvshow > .element__centerright > .element__center {
        width: 100%;
        float: none;
        margin: 0;
    }
    .riting__titlerightblock {
        position: static;
        text-align: left;
    }
    .ratingtvshow > .element__centerright > .element_title {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .ratingtvshow > .element__centerright > .element__center {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .ratingtvshow > .element__centerright > .element__right {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .ratingtvshow > .element__centerright > .element__right > div {
        margin-top: 4px;
    }
    .ratinglist-element-right-rating {
        width: auto;
        height: auto;
        margin-bottom: 8px;
    }
    .ratinglist-element-right-rating > .ratinglist-element-right-rating__starcount {
        width: auto;
        border-radius: 6px;
        padding: 3px 0;
        height: auto;
    }
    .riting__topcontent {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 6px;
    }
    .riting__topcontent > .block {
        position: static;
        margin-top: 2px;
        text-align: left;
    }
    .riting__bottomcontent {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .riting__bottomcontent > .block {
        position: static;
        margin-top: 3px;
        text-align: left;
    }
    .editionchoice-element {
        width: 33.3333%;
    }
    .ratingtvshow > .element__centerright > .element_title .rating__title {
        line-height: 1;
        padding-bottom: 5px;
    }
    .editor-group {
        display: block;
        overflow: hidden;
    }
    .editor-group:before,
    .editor-group:after {
        display: none;
    }
    .editor-group > .col-3,
    .editor-group > .col-4,
    .editor-group > .col-12,
    .editor-group > .col-9,
    .editor-group > .col-5 {
        float: none;
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .editor-group__label {
        text-align: left;
        margin-bottom: 5px;
    }
    [for="data-sex"] + .col-2 {
        padding-left: 0;
        padding-right: 0;
        float: none;
    }
    [for="data-birthdate"] + .col-1 {
        padding-left: 0;
        max-width: 20%;
        width: 100%;
    }
    [for="data-birthdate"] + .col-1 ~ .col-2 {
        width: 100%;
        max-width: 40%;
    }
    .titlecontent > h3 {
        line-height: 1.2 !important;
    }
    .helpcontact-bottom-left {
        width: 100%;
    }
    .helpcontact-bottom-right {
        display: none;
    }
}
@media screen and (max-width: 599px) {

    .detail-header > h3 {
        font-size: 26px !important;
        line-height: 1.1;
    }
    .detail-left {
        width: 100%;
    }
    .detail-left > a {
        display: block;
        text-align: center;
    }
    .detail-left__rating > div > p {
        margin-bottom: 0;
        font-size: 14px;
    }
    .detail-left__rating {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .detail-left__rating > div {
        position: static;
        margin-left: 5px;
    }
    .instagram-media.instagram-media-rendered {
        min-width: 0 !important;
        width: 100% !important;
    }
    .ui-dialog.ui-widget.ui-widget-content {
        width: 100% !important;
    }
    body > .container {
        padding-left: 10px;
        padding-right: 10px;
    }
    .navbar.navbar-expand-lg.main-menu {
        padding-left: 10px;
        padding-right: 10px;
    }
    #id_novelty-section-tabs-images {
        margin-left: -5px;
        margin-right: -5px;
    }
    #id_novelty-section-tabs-images .novelty-section-body__image {
        width: 50%;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
    }
    #id_novelty-section-tabs-images .novelty-section-body__image img {
        width: 100%;
    }
    .lastnews2 .lastnews2-element {
        width: 50%;
    }
    .bestofvideo-wrapper__column {
        width: 100%;
    }
    .bestofvideo-wrapper__column + .bestofvideo-wrapper__column {
        margin-top: 20px;
    }
    .news-block > .row:first-child {
        display: block;
    }
    .news-block > .row:first-child > .col-8,
    .news-block > .row:first-child > .col-4 {
        float: none;
    }
    .news-block > .row:first-child > .col-8 {
        max-width: 100%;
        width: 100%;
    }
    .news-block > .row:first-child > .col-4 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 100%;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .news-block > .row:first-child > .col-4 .news-alt {
        width: 50%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .news-block > .row:last-child > .col-4 {
        float: none;
        width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        max-width: 100%;
    }
    .news-block > .row:last-child > .col-4:first-child  {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        width: 100%;
    }
    .news-block .main-news h3 {
        font-size: 22px;
    }
    .input-group-append button.btn {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .login-authoriz__group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .login-authoriz__label {
        text-align: left;
    }
    .login-authoriz {
        width: 100%;
    }
    h1.news-header {
        font-size: 30px;
        line-height: 1.1;
    }
    .film-header__title {
        font-size: 30px;
        line-height: 1.1;
    }
    .film-header__see {
        font-size: 18px;
        margin-bottom: 12px;
    }
    .film-header__flags {
        margin-top: 0;
    }
    .page-content__text h1 {
        line-height: 1.2;
    }
    .specprojects > .row,
    .film-body.row,
    .film-body.row + .row {
        margin-left: -10px;
        margin-right: -10px;
    }
    .film-body.row + .row {
        margin-bottom: 20px;
    }
    .review-title > h1 {
        font-size: 30px;
        line-height: 1.1;
    }
    .review-content-right-author__subscribe {
        height: 30px;
    }
    .review-content-left {
        width: 100%;
        float: none;
    }
    .review-content-left__gotofilm {
        margin: 15px auto;
        position: static;
    }
    .review-content-right-author {
        margin-left: 0;
    }
    .ratingtitle__element > h1.ratingtitle__h1,
    .filmonline__title {
        font-size: 26px !important;
        line-height: 1.1;
        background: none;
    }
    .editionchoice-element {
        width: 45%;
    }
    .persona-header__titlealt {
        width: 100%;
    }
    .persona-header__bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: auto;
    }
    .persona-header__flags {
        float: none;
        margin-top: 0;
        position: relative;
        top: -2px;
        margin-left: 0;
        margin-right: 6px;
    }
    .persona-lside {
        float: none;
    }
    .persona-poster {
        margin-left: auto;
        margin-right: auto;
    }
    .page-content_right {
        text-align: center;
        margin-bottom: 20px;
    }
    .gallery-list img {
        max-width: 200px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: block;
        float: none;
    }
}

@media screen and (max-width: 500px) {

    .listfilm-element {
        width: 50%;
    }
    .listfilm-poster > a > img {
        width: 100%;
    }
}

@media screen and (max-width: 400px) {
    body > .container {
        padding-top: 56px;
    }
    #mobile-reg {
        margin-right: .8rem;
    }
    .navbar.navbar-expand-lg.main-menu .navbar-brand {
        width: 8rem;
        margin-right: .5rem;
    }
    .listnews > .listnews-element {
        display: block;
        margin-bottom: 25px;
    }
    .listnews > .listnews-element > .listnews-element__poster {
        display: block;
        float: none;
        width: 50%;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
    }
    .listnews > .listnews-element > .listnews-element__poster a {
        display: block;
    }
    .listnews > .listnews-element > .listnews-element__poster a img {
        width: 100%;
    }
    .listnews > .listnews-element > .listnews-element__content {
        float: none;
        width: 100%;
        display: block;
        margin-left: 0;
    }
    .listafisha-element > .row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .listafisha-element > .row > .col-4 {
        width: 100%;
        margin-bottom: 15px;
        padding-left: 0;
    }
    .listafisha-element > .row > .col-4 a {
        text-align: center;
    }
    .element__left {
        padding: 10px;
    }
    .ratingtvshow {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 10px;
    }
    .ratingtvshow > .element__left {
        width: 100%;
        text-align: center;
    }
    .rating__flags {
        margin: 0;
    }
}
.example {
    display: -ms-grid;
    display: grid;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
    background: linear-gradient(to bottom, white, black);
}