@media (max-width:1260px) {
    .team__slider {
        margin: -30px -20px;
        padding: 30px 20px
    }

    .bookmakers__slider {
        margin: -30px -20px;
        padding: 30px 20px
    }

    .bookmakers__slider-wrapper {
        margin: 0;
        flex-wrap: nowrap
    }

    .bookmakers__slide {
        margin: 0
    }

    .footer__menu-list {
        margin: -14px -14px 0
    }

    .footer__menu-item {
        margin: 14px 14px 0
    }

    .rating-score__list--cols {
        margin: 0 -20px
    }

    .rating-score__item--col-6 {
        margin: 0 20px;
        width: calc(50% - 40px)
    }
}

@media (max-width:1220px) {
    .title1 {
        font-size: 42px
    }

    .title2 {
        font-size: 38px
    }

    .logo__img {
        width: 200px
    }

    .menu__link {
        padding: 28px 0
    }

    .submenu {
        padding: 40px 0 30px
    }

    .submenu__link {
        padding: 0 20px;
        flex: 0 0 240px
    }

    .submenu__subcontent {
        left: 260px
    }

    .submenu__sublist {
        width: calc(33.33% - 20px)
    }

    .submenu__sublist:not(:first-child) {
        margin-left: 30px
    }

    .user-controls__btn:not(:first-child) {
        margin-left: 25px
    }

    .header__bottom {
        margin-top: 74px
    }

    .header__menu {
        margin-left: 40px
    }

    .banner__main-content {
        padding-top: 75px
    }

    .banner__main-content.banner__main-content--no-cards {
        padding-bottom: 75px
    }

    .bonus-card__header {
        flex-basis: 473px
    }

    .bonus-card__num {
        margin-right: 25px
    }

    .bonus-card__meta {
        margin-left: 25px
    }

    .bonus-card__advantages {
        margin-left: 25px;
        flex-basis: 275px
    }

    .bonus-card__main {
        padding-left: 30px;
        padding-right: 20px
    }

    .bonus-card__main-footer {
        margin-left: 30px
    }
}

@media (max-width:1160px) {
    .accordion--tablet .accordion__btn {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        cursor: pointer
    }

    .accordion--tablet .accordion__content {
        display: none
    }

    .accordion--activating.accordion--tablet .accordion__content {
        height: 0;
        display: block;
        overflow: hidden
    }

    .accordion--active.accordion--tablet .accordion__content {
        display: block
    }

    .banner-meta {
        padding: 0
    }

    .banner-meta__accordion {
        flex-direction: column;
        align-items: flex-start
    }

    .banner-meta__content {
        width: 100%
    }

    .banner-meta__main {
        padding-bottom: 20px
    }

    .banner-meta__list {
        flex-direction: column;
        align-items: flex-start
    }

    .banner-meta__btn {
        padding: 20px 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%
    }

    .banner-meta__btn-container {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .banner-meta__btn:after {
        content: "";
        display: inline-block;
        background: url(../img/icons/sprite.svg#right-white) center/cover no-repeat;
        width: 7px;
        height: 11px;
        transform: rotate(90deg);
        transition: transform .4s
    }

    .banner-meta__btn.accordion__btn--active:after {
        transform: rotate(-90deg)
    }

    .banner-meta__item {
        padding-top: 20px;
        width: 100%;
        border-top: 1px solid #b45454
    }

    .banner-meta__item:before {
        display: none
    }

    .banner-meta__item {
        margin-left: 0;
        padding-left: 0
    }

    .banner-meta__item:not(:first-child) {
        margin-top: 15px
    }

    .banner-meta__item--header {
        margin-top: 0;
        padding-top: 0;
        padding-top: 0;
        border-top: none
    }

    .banner-bonus {
        padding-left: 25px;
        padding-right: 25px
    }

    .banner-bonus__terms-list {
        margin: -8px -8px 0
    }

    .banner-bonus__term {
        margin: 8px 8px 0
    }

    .banner-company__img {
        margin-right: 30px
    }

    .banner-app__main {
        margin-left: 40px;
        flex: 0 0 550px
    }

    .banner__company-box {
        padding: 70px 0
    }

    .banner__bonus {
        margin-left: 30px;
        flex-basis: 360px
    }

    .company-card__main {
        padding-left: 20px;
        padding-right: 20px
    }

    .company-card__meta-main {
        flex-direction: column;
        align-items: flex-start
    }

    .company-card__rating {
        margin-top: 7px;
        margin-left: 0
    }

    .trust__info {
        padding: 35px 30px 35px 35px
    }

    .compare-card {
        padding: 50px 23px 35px 35px
    }

    .compare-card__company {
        margin-right: 35px;
        padding-right: 35px
    }

    .compare-card__take {
        margin-left: 35px;
        padding-left: 23px
    }

    .start__item {
        width: calc(33.33% - 20px)
    }

    .news__column--lg,
    .news__column--sm {
        width: calc(50% - 20px)
    }

    .gambling-item__contacts {
        flex-direction: column;
        align-items: flex-start
    }

    .gambling-item__contact:not(:first-child) {
        margin-top: 7px;
        margin-left: 0
    }

    .gambling-item__contact:nth-child(3) {
        padding-left: 0
    }

    .footer__menu:not(:last-child) {
        margin-right: 0;
        margin-bottom: 25px
    }

    .footer__bottom-main {
        flex-direction: column;
        align-items: flex-start
    }

    .footer__bottom-text {
        margin-top: 25px;
        margin-left: 0;
        max-width: 340px
    }

    .footer__bottom-text:not(:last-child) {
        margin-right: 0
    }

    .footer__images {
        margin-top: 25px;
        margin-left: 0
    }

    .footer__top-content {
        flex-direction: column
    }

    .author-sidebar__img-box {
        width: 180px;
        height: 180px
    }

    .author-sidebar__btns-item {
        flex: none;
        width: calc(100% - 20px)
    }

    .articles__pagination {
        margin-top: 50px
    }

    .author__sidebar {
        padding-top: 70px;
        padding-right: 25px;
        flex: 0 0 290px
    }

    .author__main {
        padding-top: 60px;
        padding-left: 30px;
        padding-bottom: 70px
    }

    .author__text {
        margin-top: 30px
    }

    .author__articles {
        margin-top: 40px
    }

    .navigation__tabs {
        margin-left: 40px;
        flex: 0 0 440px
    }

    .info--bg {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .info__img {
        flex: 0 0 440px
    }

    .info__img:first-child:not(:last-child) {
        margin-right: 40px
    }

    .info__img:last-child:not(:first-child) {
        margin-left: 40px
    }

    .info__cards {
        margin-left: 40px;
        flex: 0 0 460px
    }

    .info__cards-item {
        width: calc(33.33% - 20px)
    }

    .security__item {
        width: calc(33.33% - 20px)
    }

    .recommend-card__footer {
        flex-basis: 360px
    }

    .rating__title {
        margin-bottom: 50px
    }

    .rating__chart-main {
        width: 180px;
        height: 180px
    }

    .rating__chart-data {
        margin-left: 40px
    }

    .rating__right {
        margin-left: 40px;
        flex-basis: 390px
    }

    .review {
        padding-left: 25px;
        padding-right: 25px
    }

    .best-card {
        padding: 25px
    }

    .reviews__sidebar {
        margin-left: 25px;
        flex-basis: 350px
    }

    .bonus-item__main-wrapper {
        flex-wrap: wrap
    }

    .bonus-item__main {
        width: calc(100% - 270px - 28px);
        flex: none
    }

    .bonus-item__main:not(:last-child) {
        margin-right: 0
    }

    .bonus-item__btns {
        margin-top: 30px;
        margin-left: 0;
        flex: none;
        width: 100%;
        flex-direction: row
    }

    .bonus-item__btns-item {
        flex: 1 1 100%
    }

    .bonus-item__btns-item:not(:first-child) {
        margin-top: 0;
        margin-left: 20px
    }

    .bonuses__sidebar {
        margin-left: 40px
    }

    .download__sidebar {
        margin-left: 40px;
        flex-basis: 350px
    }

    .article__text {
        margin-top: 30px
    }

    .info__main--col3,
    .info__main--col4 {
        flex-wrap: wrap;
        row-gap: 20px
    }

    .info__main--col3 .info__text,
    .info__main--col4 .info__text {
        max-width: calc(50% - 10px)
    }

    .info__main--col3 .info__text:last-child {
        max-width: 100%
    }
}

@media (max-width:991px) {
    .container--lg {
        padding-left: 0;
        padding-right: 0
    }

    .title1 {
        font-size: 38px
    }

    .title2 {
        font-size: 34px
    }

    .title3 {
        font-size: 28px
    }

    .title4 {
        font-size: 22px
    }

    .menu {
        position: relative
    }

    .menu__toggle {
        display: flex;
        transform: translateX(8px)
    }

    .menu__list {
        position: fixed;
        z-index: 3;
        left: 0;
        top: 68px;
        padding-bottom: 27px;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        background-color: #fff;
        border-top: 1px solid #f2f4f5;
        width: 100%;
        height: 100%;
        transform: translateX(100%);
        opacity: 0;
        visibility: hidden;
        transition: opacity .3s, visibility .3s, transform .3s;
        overflow-x: hidden;
        overflow-y: auto
    }

    .menu__item {
        width: 100%
    }

    .menu__item:first-child {
        margin-top: 10px
    }

    .menu__item:not(:first-child) {
        margin-left: 0
    }

    .menu__link {
        padding: 0 16px;
        display: flex;
        align-items: center;
        line-height: 50px
    }

    .menu--active .menu__list {
        visibility: visible;
        opacity: 1;
        transform: translateX(0)
    }

    .menu--active .menu__lines {
        height: 0
    }

    .menu--active .menu__lines:before {
        transform: rotate(-45deg);
        width: 16px
    }

    .menu--active .menu__lines:after {
        transform: rotate(45deg);
        width: 16px
    }

    .menu__link:before {
        display: none
    }

    .menu__link:after {
        content: "";
        margin-left: auto;
        flex: 0 0 auto;
        display: inline-block;
        background: url(../img/icons/sprite.svg#right) center/cover no-repeat;
        width: 7px;
        height: 11px
    }

    .menu__item--has-children .menu__link:after {
        margin-left: auto;
        transform: rotate(0)
    }

    .menu__item--active .menu__sub {
        transform: translateX(0);
        visibility: visible;
        opacity: 1
    }

    .menu__sub {
        display: block;
        visibility: hidden;
        opacity: 0;
        transform: translateX(100%)
    }

    .submenu {
        top: 0;
        height: 100%;
        min-height: auto;
        background-color: #fff;
        padding: 0;
        box-shadow: none;
        overflow-y: auto;
        transition: transform .3s, visibility .3s, opacity .3s
    }

    .submenu__container {
        padding: 0
    }

    .submenu__mobile-back {
        padding: 17px 16px;
        width: 100%;
        text-align: left;
        display: flex;
        align-items: center;
        background-color: #f2f4f5;
        font-size: 20px;
        line-height: 16px;
        font-weight: 600
    }

    .submenu__mobile-back:before {
        content: "";
        margin-right: 19px;
        flex: 0 0 auto;
        display: inline-block;
        background: url(../img/icons/sprite.svg#right-black) center/cover no-repeat;
        width: 7px;
        height: 11px;
        transform: rotate(-180deg)
    }

    .submenu__title {
        margin-top: 30px;
        padding: 0 16px;
        font-size: 20px
    }

    .submenu__list {
        margin-top: 10px;
        position: static
    }

    .submenu__link {
        margin-right: 0;
        padding: 0 16px;
        flex: 1 1 auto;
        display: flex;
        align-items: center;
        line-height: 50px
    }

    .submenu__link:after {
        content: "";
        margin-left: auto;
        flex: 0 0 auto;
        display: inline-block;
        background: url(../img/icons/sprite.svg#right) center/cover no-repeat;
        width: 7px;
        height: 11px
    }

    .submenu__item--active .submenu__link {
        background-color: transparent
    }

    .submenu__subcontent {
        display: block;
        left: 0;
        transform: translateX(100%);
        padding-top: 0;
        padding-bottom: 27px;
        background-color: #fff;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        opacity: 0;
        visibility: hidden;
        transition: transform .3s, visibility .3s, opacity .3s
    }

    .submenu__item--show .submenu__subcontent {
        transform: translateX(0);
        visibility: visible;
        opacity: 1
    }

    .submenu__subback {
        padding: 17px 16px;
        width: 100%;
        text-align: left;
        display: block;
        background-color: #f2f4f5;
        font-size: 20px;
        line-height: 16px;
        font-weight: 600
    }

    .submenu__subback:before {
        content: "";
        margin-right: 19px;
        flex: 0 0 auto;
        display: inline-block;
        background: url(../img/icons/sprite.svg#right-black) center/cover no-repeat;
        width: 7px;
        height: 11px;
        transform: rotate(-180deg)
    }

    .submenu__subtitle {
        margin-top: 30px;
        padding: 0 16px;
        display: block;
        font-size: 20px;
        font-weight: 600;
        color: var(--color-primary)
    }

    .submenu__submain {
        margin-top: 10px;
        flex-direction: column
    }

    .submenu__sublist {
        width: 100%
    }

    .submenu__sublist:not(:first-child) {
        margin-left: 0
    }

    .submenu__subitem:not(:first-child) {
        margin-top: 0
    }

    .submenu__sublink {
        padding: 0 16px;
        line-height: 50px
    }

    .submenu__sublink:before {
        display: none
    }

    .user-controls__btn:not(:first-child) {
        margin-left: 20px
    }

    .breadcrumbs {
        display: none
    }

    .nav-btn__text-desktop {
        display: none
    }

    .inputs-area {
        padding-left: 30px;
        padding-right: 30px
    }

    .header__top {
        padding: 18px 0
    }

    .header__bottom {
        display: none
    }

    .header__menu {
        margin-left: 4px;
        order: 2
    }

    .header__menu:not(:last-child) {
        margin-right: 0
    }

    .main {
        padding-top: 70px;
        padding-bottom: 65px
    }

    .main--p-end-0 {
        padding-bottom: 0
    }

    .main__section {
        margin-top: 70px
    }

    .main__bookmakers {
        margin-top: 65px
    }

    .main__navigation {
        margin-top: 60px
    }

    .main__info {
        margin-top: 60px
    }

    .main__security {
        margin-top: 65px
    }

    .main__bonuses {
        margin-top: 55px
    }

    .banner-app {
        padding: 45px 0;
        flex-direction: column
    }

    .banner-app__info {
        flex: none
    }

    .banner-app__get-btns {
        margin-top: 35px
    }

    .banner-app__get-btn:not(:first-child) {
        margin-left: 20px
    }

    .banner-app__main {
        margin-top: 40px;
        margin-left: 0;
        flex: none;
        width: 100%
    }

    .banner-app__main-top {
        max-width: 620px
    }

    .banner__main-content {
        padding-top: 60px
    }

    .banner__main-content.banner__main-content--no-cards {
        padding-bottom: 60px
    }

    .banner__title {
        max-width: 400px
    }

    .banner__main-content {
        flex-direction: column
    }

    .banner__features {
        margin-top: 45px;
        margin-left: 0;
        flex: none
    }

    .banner__cards {
        margin-top: -300px
    }

    .banner__company-box {
        padding: 60px 0;
        flex-direction: column
    }

    .banner__company {
        width: 100%
    }

    .banner__bonus {
        margin-top: 45px;
        margin-left: 0;
        width: 100%;
        flex: none
    }

    .company-cards__message {
        margin-bottom: 20px;
        max-width: 135px
    }

    .company-cards__message:before {
        top: 0
    }

    .company-cards__list {
        justify-content: center
    }

    .company-cards__item {
        width: calc(50% - 20px)
    }

    .trust__title {
        margin-bottom: 35px
    }

    .trust__main {
        flex-direction: column
    }

    .trust__info {
        flex: none;
        width: 100%
    }

    .trust__updates {
        margin-top: 50px;
        margin-left: 0;
        width: 100%;
        flex: none
    }

    .eval-item {
        padding: 40px 35px 35px
    }

    .eval-item__icon {
        margin-right: 35px
    }

    .eval-item__icon--rtl {
        margin-left: 35px;
        margin-right: 0
    }

    .eval__more {
        margin-top: 40px
    }

    .compare-company__img {
        width: 278px;
        height: 198px
    }

    .compare-company__rating {
        justify-content: flex-start
    }

    .compare-company__rating-num {
        margin-left: 38px
    }

    .compare-card {
        flex-direction: column
    }

    .compare-card__company {
        margin-right: 0;
        margin-bottom: 32px;
        padding-right: 0;
        padding-bottom: 20px;
        border-right: none;
        border-bottom: 1px solid #e7e7e7
    }

    .compare-card__take {
        margin-left: 0;
        margin-top: 30px;
        padding-left: 0;
        padding-top: 27px;
        flex: none;
        border-left: none;
        border-top: 1px solid #e7e7e7
    }

    .compare-take__btns {
        display: flex;
        justify-content: center
    }

    .compare-take__btn:not(:first-child) {
        margin-top: 0;
        margin-left: 10px
    }

    .compare__table:not(:first-child) {
        margin-top: 30px
    }

    .compare__text {
        margin-top: 30px
    }

    .compare__card:not(:first-child) {
        margin-top: 35px
    }

    .start__title {
        margin-bottom: 30px
    }

    .start__item {
        width: calc(50% - 20px)
    }

    .news-item--big {
        flex-direction: row
    }

    .news-item__img--big {
        width: min(48%, 260px);
        padding-top: min(48%, 260px)
    }

    .news-item__title {
        font-size: 20px
    }

    .news-item__link--right {
        margin-left: 0
    }

    .news--bg {
        padding: 65px 0 60px
    }

    .news__header {
        margin-bottom: 30px
    }

    .news__header-link {
        margin-left: 30px
    }

    .news__columns {
        flex-wrap: wrap
    }

    .news__column {
        width: calc(100% - 20px)
    }

    .license__content--border-bottom {
        padding-left: var(--container-offset);
        padding-right: var(--container-offset);
        padding-bottom: 65px
    }

    .license__item:nth-child(5) {
        display: none
    }

    .license__list--active .license__item:nth-child(5) {
        display: flex
    }

    .license__main {
        flex-direction: column;
        align-items: flex-start
    }

    .license__info {
        margin-right: 0;
        width: 100%;
        max-width: 380px
    }

    .license__map {
        margin-top: 35px;
        align-self: center
    }

    .bookmakers__title {
        margin-bottom: 30px
    }

    .gambling-item__img {
        margin-right: 30px
    }

    .gambling__title {
        margin-bottom: 30px
    }

    .footer__top {
        padding-bottom: 24px
    }

    .footer__top-content {
        align-items: flex-start
    }

    .footer__menu {
        margin: 0;
        margin-bottom: 25px;
        width: 100%;
        flex-direction: column;
        align-items: flex-start
    }

    .footer__menu:not(:last-child) {
        margin-bottom: 15px
    }

    .footer__menu-item {
        margin: 0;
        width: 100%
    }

    .footer__menu-link {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        line-height: 40px
    }

    .footer__menu-link:after {
        content: "";
        display: inline-block;
        background: url(../img/icons/sprite.svg#right-white) center/cover no-repeat;
        width: 7px;
        height: 11px
    }

    .footer__bottom-main {
        padding: 35px 20px
    }

    .footer__bottom-text {
        margin-top: 25px
    }

    .footer__bottom-copyright {
        padding: 25px 20px
    }

    .author-sidebar__content {
        padding-right: var(--container-offset)
    }

    .author-sidebar__img-box {
        width: 200px;
        height: 200px
    }

    .author-sidebar__btns {
        margin: -28px -14px 0
    }

    .author-sidebar__btns-item {
        margin: 28px 14px 0;
        width: calc(50% - 28px);
        max-width: 200px
    }

    .author {
        flex-direction: column
    }

    .author__sidebar {
        padding-top: 50px;
        padding-right: 0;
        flex: none
    }

    .author__main {
        padding-top: 50px;
        padding-bottom: 60px;
        padding-left: var(--container-offset);
        flex: none
    }

    .navigation__main {
        flex-direction: column
    }

    .navigation__main:not(:first-child) {
        margin-top: 60px
    }

    .navigation__info {
        max-width: none
    }

    .navigation__top-link {
        margin-bottom: 16px
    }

    .navigation__tabs {
        margin-top: 45px;
        margin-left: 0;
        flex: none;
        width: 100%
    }

    .navigation__images-group {
        padding-top: 35px;
        max-width: 100%
    }

    .info--bg {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .info__title {
        margin-bottom: 25px
    }

    .info__body {
        flex-direction: column
    }

    .info__img {
        margin-top: 35px;
        flex: none
    }

    .info__img:first-child:not(:last-child) {
        margin-right: 0
    }

    .info__img:last-child:not(:first-child) {
        margin-left: 0
    }

    .info__text img.align_right {
        margin-left: 20px;
        margin-bottom: 20px;
        width: 40%
    }

    .info__main {
        max-width: none;
        width: 100%
    }

    .info__cards {
        margin-top: 35px;
        margin-left: 0;
        flex: none
    }

    .info__cards-item {
        width: calc(25% - 20px)
    }

    .security__title {
        margin-bottom: 30px
    }

    .security__item {
        width: calc(50% - 20px)
    }

    .security__list {
        margin-bottom: 55px
    }

    .security__license {
        margin-top: 55px
    }

    .support__title {
        margin-bottom: 30px
    }

    .recommend-card {
        padding-bottom: 30px;
        flex-direction: column
    }

    .recommend-card__header {
        flex-direction: column;
        text-align: center
    }

    .recommend-card__header-img {
        margin-bottom: 15px;
        margin-right: 0
    }

    .recommend-card__footer {
        margin-top: 12px;
        margin-left: 0;
        flex: none;
        flex-direction: column
    }

    .recommend-card__users {
        align-items: center
    }

    .recommend-card__users-icon {
        margin-right: 18px
    }

    .recommend-card__controls {
        margin-top: 15px;
        margin-left: 0;
        justify-content: center
    }

    .support__item {
        width: calc(50% - 20px)
    }

    .rating--bg-light {
        padding: 65px 0 70px
    }

    .rating__title {
        margin-bottom: 35px
    }

    .rating__main {
        flex-direction: column
    }

    .rating__left {
        flex: none
    }

    .rating__chart-main {
        width: 200px;
        height: 200px
    }

    .rating__right {
        margin-top: 50px;
        margin-left: 0;
        flex: none;
        width: 100%
    }

    .rating__col {
        width: calc(100% - 20px)
    }

    .rating-score__list--cols {
        margin: 0 -16px
    }

    .rating-score__item--col-6 {
        margin: 0 16px;
        width: calc(100% - 16px)
    }

    .faq__title {
        margin-bottom: 25px
    }

    .faq__title--mb-xs {
        margin-bottom: 10px
    }

    .reviews__header {
        margin-bottom: 30px
    }

    .reviews__body--bg-light {
        padding-top: 40px;
        padding-bottom: 70px
    }

    .reviews__body-content {
        flex-direction: column
    }

    .reviews__main {
        width: 100%
    }

    .reviews__sidebar {
        margin-left: 0;
        margin-top: 35px;
        width: 100%;
        flex: none
    }

    .reviews__list {
        margin-top: 40px
    }

    .reviews__sidebar-btn {
        display: none
    }

    .reviews__sidebar-section:not(:first-child) {
        margin-top: 0
    }

    .sub-sidebar__checkboxes-label {
        max-width: none
    }

    .sub-sidebar__inputs {
        display: flex
    }

    .sub-sidebar__inputs-item {
        flex: 1 1 100%
    }

    .sub-sidebar__inputs-item:not(:first-child) {
        margin-top: 0;
        margin-left: 20px
    }

    .bonuses__content {
        flex-direction: column
    }

    .bonuses__sidebar {
        margin-top: 40px;
        margin-left: 0;
        width: 100%
    }

    .comments--bg-light {
        padding: 65px 0 60px
    }

    .comments__text {
        margin-top: 25px
    }

    .comments__list:not(:first-child) {
        margin-top: 15px
    }

    .comments__item {
        width: calc(100% - 20px)
    }

    .comments__btn {
        margin-top: 40px
    }

    .download__content {
        flex-direction: column
    }

    .download__require {
        margin-top: 55px
    }

    .download__devices {
        margin-top: 50px
    }

    .download__section {
        margin-top: 60px
    }

    .download__section--mt-xs {
        margin-top: 40px
    }

    .download__section-title {
        margin-bottom: 30px
    }

    .download__steps {
        margin-top: 50px
    }

    .download__sidebar {
        margin-top: 35px;
        margin-left: 0;
        flex: none;
        width: 100%
    }

    .download__sidebar-card,
    .download__sidebar-section {
        margin-top: 40px
    }

    .sports__list:not(:first-child) {
        padding-top: 35px
    }

    .download__author-card {
        margin-top: 45px
    }

    .download__mobile-sidebar {
        display: block;
        margin-top: 50px
    }

    .download-info__feature {
        width: calc(50% - 20px)
    }

    .download-info__feature:not(:first-child) {
        margin-left: 40px
    }

    .download-info__list {
        margin-top: 45px
    }

    .steps-progress--desktop-border-bottom {
        padding-bottom: 0;
        border-bottom: none
    }

    .bonus-card {
        flex-direction: column
    }

    .bonus-card__header {
        padding-right: 30px;
        flex: none;
        width: 100%
    }

    .bonus-card__header-main {
        flex: 0 0 auto
    }

    .bonus-card__main {
        padding-top: 0;
        padding-right: 30px
    }

    .bonus-card__info {
        flex: 0 0 calc(100% - 200px)
    }

    .main__article {
        margin-top: 55px
    }

    .article-top {
        display: grid;
        grid-template-columns: auto
    }

    .article-author {
        padding: 0 var(--container-offset);
        margin-bottom: 20px
    }

    .article-author-info {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        -moz-column-gap: 20px;
        column-gap: 20px;
        padding: 0;
        flex-wrap: wrap
    }

    .article-author-info__block {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        -moz-column-gap: 20px;
        column-gap: 20px;
        min-width: 260px;
        padding: 10px 0
    }

    .article-author-info__item {
        margin: 0
    }

    .article-author-info__img-box {
        margin: 0;
        width: 50px;
        height: 50px
    }

    .article-sidebar {
        padding: 0 var(--container-offset)
    }

    .article-body {
        display: grid;
        grid-template-columns: auto
    }
}

@media (max-width:767px) {
    .container {
        padding-left: var(--container-offset-mobile);
        padding-right: var(--container-offset-mobile)
    }

    .container--lg,
    .container--md {
        padding-left: 0;
        padding-right: 0
    }

    .title1 {
        font-size: 30px
    }

    .title2 {
        font-size: 30px
    }

    .title3 {
        font-size: 24px
    }

    .title4 {
        font-size: 20px
    }

    .text--mobile-sm {
        font-size: 14px
    }

    .text__icon--xl {
        width: 32px
    }

    .btn-icon {
        width: 24px;
        height: 24px
    }

    .btn-icon--lg {
        width: 40px;
        height: 40px
    }

    .btn-icon__img {
        max-width: 13px;
        max-height: 13px
    }

    .btn-icon--lg .btn-icon__img {
        max-width: 16px;
        max-height: 16px
    }

    .logo__img {
        width: 100px
    }

    .submenu__container {
        padding: 0
    }

    .num-circle {
        width: 30px;
        height: 30px;
        font-size: 16px
    }

    .list-features__item--danger-bg,
    .list-features__item--success-bg {
        padding-left: 36px
    }

    .list-features__item--danger-bg:before,
    .list-features__item--success-bg:before {
        left: 10px
    }

    .inputs-area {
        padding-left: 20px;
        padding-right: 20px
    }

    .main {
        padding-top: 68px;
        padding-bottom: 50px
    }

    .main--p-end-0 {
        padding-bottom: 0
    }

    .main__title {
        margin-bottom: 45px
    }

    .main__section {
        margin-top: 50px
    }

    .main__bookmakers {
        margin-top: 42px
    }

    .main__navigation {
        margin-top: 50px
    }

    .main__info {
        margin-top: 45px
    }

    .main__security {
        margin-top: 60px
    }

    .main__comment {
        padding-bottom: 0
    }

    .main__bonuses {
        margin-top: 40px
    }

    .banner-bonus__terms-list {
        margin: -5px -5px 0
    }

    .banner-bonus__term {
        margin: 5px 5px 0
    }

    .banner--with-cards {
        padding-bottom: 240px
    }

    .banner__body {
        background-color: var(--color-primary);
        background-image: url(../img/bg.png);
        background-repeat: no-repeat;
        background-size: cover
    }

    .banner__body--with-cards {
        padding-bottom: 100px
    }

    .banner-meta__btn-container {
        padding-left: 0;
        padding-right: 0
    }

    .banner__main {
        background-color: transparent
    }

    .banner__main-content {
        padding-top: 40px
    }

    .banner__main-content.banner__main-content--no-cards {
        padding-bottom: 40px
    }

    .banner__title {
        max-width: 340px
    }

    .banner__features {
        margin-top: 35px
    }

    .banner__features-item {
        width: calc(100% - 20px)
    }

    .banner__text {
        margin-top: 20px
    }

    .banner__cards {
        margin-top: 25px;
        margin-bottom: -340px
    }

    .banner__company-box {
        padding: 50px 0
    }

    .banner-nav__btns {
        margin: 0 -16px;
        padding: 0 16px
    }

    .company-card__subtitle {
        font-size: 14px
    }

    .company-cards__message {
        margin-bottom: 0;
        margin-right: 20px
    }

    .company-cards__item {
        width: calc(100% - 20px)
    }

    .trust-info {
        padding: 30px 20px 50px
    }

    .trust-info__logo {
        margin-bottom: 25px
    }

    .trust-info__text {
        font-size: 14px
    }

    .trust-info__features {
        margin-top: 35px;
        padding-bottom: 37px;
        flex-direction: column
    }

    .trust-info__feature {
        max-width: none
    }

    .trust-info__feature:not(:first-child) {
        margin-top: 16px;
        margin-left: 0
    }

    .trust-info__footer {
        margin-top: 27px;
        flex-direction: column
    }

    .trust-info__about {
        margin-top: 27px
    }

    .trust__title {
        margin-bottom: 30px
    }

    .team__slider {
        margin: -30px -16px;
        padding: 30px 16px
    }

    .eval-item {
        flex-direction: column;
        text-align: center
    }

    .eval-item--rtl {
        flex-direction: column-reverse
    }

    .eval-item__icon {
        margin-right: 0
    }

    .eval-item__icon--rtl {
        margin-left: 0
    }

    .eval-item__info {
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        min-height: 35px
    }

    .eval__title {
        margin-bottom: 25px
    }

    .eval__more {
        margin-top: 30px
    }

    .compare-company__img {
        width: 100%;
        max-width: 360px
    }

    .compare-company__num {
        left: -15px;
        top: -15px
    }

    .compare-company__rating {
        margin-top: 28px
    }

    .compare-company__section:not(:first-child) {
        margin-top: 24px
    }

    .compare-info__meta {
        flex-direction: column;
        align-items: flex-start
    }

    .compare-info__meta-item:not(:first-child) {
        margin-top: 6px;
        margin-left: 0
    }

    .compare-info__text {
        margin-top: 15px
    }

    .compare-info__features {
        margin-top: 23px
    }

    .compare-take__btns {
        flex-direction: column;
        align-items: center
    }

    .compare-take__btn {
        width: 100%;
        max-width: 360px
    }

    .compare-take__btn:not(:first-child) {
        margin-top: 10px;
        margin-left: 0
    }

    .compare-card {
        padding: 50px 25px 30px
    }

    .table-compare td:nth-child(1) {
        padding-left: 10px;
        padding-right: 10px;
        min-width: 90px;
        width: 90px
    }

    .table-compare tr:nth-child(2) td,
    .table-compare tr:nth-child(4) td,
    .table-compare tr:nth-child(5) td,
    .table-compare tr:nth-child(6) td,
    .table-compare tr:nth-child(7) td,
    .table-compare tr:nth-child(8) td {
        padding-top: 7px;
        padding-bottom: 7px;
        height: 50px
    }

    .table-compare .simplebar-track.simplebar-horizontal {
        left: 16px
    }

    .table-compare__btn {
        max-width: 218px
    }

    .compare__table {
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px
    }

    .compare__table:not(:first-child) {
        margin-top: 25px
    }

    .compare__text {
        margin-top: 20px
    }

    .compare__card:not(:first-child) {
        margin-top: 25px
    }

    .start__title {
        margin-bottom: 20px
    }

    .start__item {
        width: calc(100% - 20px)
    }

    .news-item__title {
        font-size: 20px
    }

    .news--bg {
        padding: 45px 0 50px
    }

    .news__header {
        margin-bottom: 25px
    }

    .news__header-link {
        margin-left: 18px
    }

    .license-company {
        padding-bottom: 25px
    }

    .license-company__img {
        width: 70px;
        height: 70px
    }

    .license-company__text {
        font-size: 14px
    }

    .license-company__btn:not(:first-child) {
        margin-top: 15px
    }

    .license__content--border-bottom {
        padding-bottom: 50px;
        padding-left: var(--container-offset-mobile);
        padding-right: var(--container-offset-mobile)
    }

    .license__title {
        margin-bottom: 13px
    }

    .license__company:not(:first-child) {
        margin-top: 20px
    }

    .bookmakers__title {
        margin-bottom: 17px
    }

    .bookmakers__slider {
        margin: -30px -16px;
        padding: 30px 16px
    }

    .gambling-item {
        padding: 25px 20px 55px;
        flex-direction: column
    }

    .gambling-item__main {
        width: 100%
    }

    .gambling-item__img {
        margin-right: 0;
        margin-bottom: 45px;
        height: 100px;
        width: 100%;
        max-width: 240px
    }

    .gambling-item__location {
        margin-top: 5px
    }

    .gambling-item__contacts {
        margin-top: 15px
    }

    .gambling__title {
        margin-bottom: 20px
    }

    .footer__bottom-main {
        padding: 30px 16px
    }

    .footer__bottom-text {
        margin-top: 17px
    }

    .footer__bottom-copyright {
        padding: 20px 16px
    }

    .footer__images {
        transform: scale(.8);
        transform-origin: left
    }

    .author-sidebar__content {
        padding-left: var(--container-offset-mobile);
        padding-right: var(--container-offset-mobile)
    }

    .articles__pagination {
        display: none
    }

    .articles__more--mobile {
        display: block
    }

    .author__sidebar {
        padding-top: 33px
    }

    .author__main {
        padding: 45px var(--container-offset-mobile) 55px
    }

    .navigation__main:not(:first-child) {
        margin-top: 45px
    }

    .navigation__top-link {
        margin-bottom: 12px
    }

    .navigation__images-group {
        margin-top: 25px
    }

    .info--bg {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .info__title {
        margin-bottom: 17px
    }

    .info__img {
        margin-top: 25px
    }

    .info__text img.align_right {
        margin-left: 10px;
        margin-bottom: 10px;
        width: 40%
    }

    .info__cards {
        margin-top: 25px
    }

    .info__cards-item {
        width: calc(33.33% - 20px)
    }

    .security__title {
        margin-bottom: 23px
    }

    .security__list {
        margin-bottom: 45px
    }

    .security__license {
        margin-top: 45px
    }

    .support-item {
        padding: 23px 16px 20px
    }

    .support-item__img {
        margin-bottom: 20px
    }

    .support-item__title {
        max-width: 120px;
        font-size: 16px;
        line-height: 20px
    }

    .support__title {
        margin-bottom: 23px
    }

    .support__list {
        margin: -16px -8px 0
    }

    .support__item {
        margin: 16px 8px 0;
        width: calc(50% - 16px);
        min-height: 158px
    }

    .recommend-card__footer,
    .recommend-card__header {
        margin-left: auto;
        margin-right: auto;
        max-width: 190px
    }

    .recommend-card__header-text {
        margin-top: 4px
    }

    .recommend-card__users-text {
        margin-top: 4px
    }

    .rating--bg-light {
        padding: 45px 0 50px
    }

    .rating__title {
        margin-bottom: 23px
    }

    .rating__chart {
        flex-direction: column
    }

    .rating__chart-data {
        margin-top: 30px;
        margin-left: 0
    }

    .rating__lists {
        flex-direction: column
    }

    .rating__lists-item:not(:first-child) {
        margin-top: 10px;
        margin-left: 0
    }

    .rating-score__item {
        padding: 20px 0
    }

    .rating-score__footer {
        margin-top: 26px;
        flex-direction: column
    }

    .rating-score__footer-text {
        font-size: 12px
    }

    .rating-score__footer-more {
        margin-top: 22px;
        margin-left: 0;
        justify-content: flex-start
    }

    .faq-item {
        padding: 12px 0
    }

    .faq-item__btn {
        padding: 12px 0
    }

    .faq-item__main {
        padding-bottom: 25px
    }

    .faq__title {
        margin-bottom: 15px
    }

    .faq__title--mb-xs {
        margin-bottom: 5px
    }

    .review {
        padding: 30px 20px 28px
    }

    .review__header {
        margin-bottom: 20px;
        flex-direction: column;
        align-items: flex-start
    }

    .review__author:not(:last-child) {
        margin-bottom: 20px
    }

    .review__rating {
        margin-left: 0;
        padding-top: 15px;
        text-align: left;
        width: 100%
    }

    .review__rating-stars {
        justify-content: flex-start
    }

    .review__main {
        padding: 18px 0 16px
    }

    .review__reply {
        border-top: 1px solid #e7e7e7;
        margin-left: 20px;
        margin-top: 30px;
        padding-top: 40px
    }

    .review__text {
        font-size: 14px
    }

    .review__footer {
        margin-top: 18px
    }

    .best-card__bonus {
        padding-left: 30px;
        padding-right: 30px
    }

    .reviews__header {
        margin-bottom: 22px
    }

    .reviews__body--bg-light {
        padding-top: 30px;
        padding-bottom: 50px
    }

    .reviews__mobile-btn {
        margin-top: 20px
    }

    .reviews__list {
        margin-top: 30px
    }

    .review-company__img {
        margin-right: 17px
    }

    .review-company__value--mobile-sm {
        max-width: 200px
    }

    .reviews__sidebar {
        margin-top: 28px
    }

    .comment-form__group {
        flex-direction: column
    }

    .comment-form__group-item:not(:first-child) {
        margin-top: 20px;
        margin-left: 0
    }

    .comment-form__checkbox {
        margin-top: 20px
    }

    .comment-form__checkbox-text {
        margin-left: 10px;
        margin-top: 4px;
        font-size: 12px
    }

    .comment-form__btn {
        margin-top: 35px
    }

    .bonuses__sidebar {
        margin-top: 32px
    }

    .comments--bg-light {
        padding: 45px 0 50px
    }

    .comments__text {
        margin-top: 17px
    }

    .comments__list:not(:first-child) {
        margin-top: 5px
    }

    .comments__item {
        padding-bottom: 20px
    }

    .comments__btn {
        margin-top: 30px
    }

    .contacts-card {
        padding: 25px
    }

    .contacts-card--py-lg {
        padding-top: 40px;
        padding-bottom: 45px
    }

    .download__require {
        margin-top: 45px
    }

    .download__devices {
        margin-top: 40px
    }

    .download__section {
        margin-top: 45px
    }

    .download__section--mt-xs {
        margin-top: 40px
    }

    .download__section-title {
        margin-bottom: 15px
    }

    .download__steps {
        margin-top: 40px
    }

    .download__sidebar-card,
    .download__sidebar-section {
        margin-top: 27px
    }

    .download__author-card {
        margin-top: 40px
    }

    .download__mobile-sidebar {
        margin-top: 40px
    }

    .place-item {
        padding: 20px 15px 25px 20px
    }

    .sports__list:not(:first-child) {
        padding-top: 25px
    }

    .place__list {
        margin-top: -10px
    }

    .place__list:not(:first-child) {
        padding-top: 25px
    }

    .place__item {
        margin-top: 10px;
        width: calc(100% - 20px)
    }

    .steps__list:not(:first-child) {
        padding-top: 25px
    }

    .download-info__feature {
        width: 100%
    }

    .download-info__feature:not(:first-child) {
        margin-top: 15px;
        margin-left: 0
    }

    .download-info__feature-icon {
        width: 32px;
        height: 32px
    }

    .download-info__feature-icon:first-child:not(:last-child) {
        margin-right: 15px
    }

    .download-info__feature-text {
        padding-top: 4px
    }

    .download-info__list {
        margin-top: 30px
    }

    .problem-card {
        padding: 30px 20px
    }

    .play-step {
        padding-left: 18px
    }

    .play-step__num {
        width: 36px;
        height: 36px;
        font-size: 15px
    }

    .play-step__content {
        padding: 20px 30px
    }

    .steps-progress__item-content {
        padding-left: 27px
    }

    .verdict-card {
        padding: 20px
    }

    .author-card {
        padding: 25px 20px
    }

    .author-card__img {
        margin: 0 auto
    }

    .author-card__main {
        flex-direction: column
    }

    .author-card__info-header {
        flex-direction: column
    }

    .author-card__info-name {
        margin: 0 auto;
        text-align: center
    }

    .author-card__info-btn {
        margin-top: 20px;
        margin-left: 0;
        width: 100%
    }

    .author-card__meta {
        margin-top: 25px;
        flex-direction: column
    }

    .author-card__meta-label {
        margin-bottom: 10px
    }

    .author-card__meta-label--tags {
        margin-top: 0
    }

    .bonus-card__num {
        margin-right: 20px
    }

    .bonus-card__num--mobile-sm {
        margin: 20px 10px 0 20px;
        height: 70px;
        border-top-left-radius: 5px;
        border-bottom-right-radius: 5px
    }

    .bonus-card__meta-header {
        flex-direction: column;
        align-items: flex-start
    }

    .bonus-card__img-box {
        max-width: none;
        flex: none;
        display: flex;
        align-items: center
    }

    .bonus-card__img {
        width: 70px;
        height: 70px
    }

    .bonus-card__img--sm {
        width: 100px
    }

    .bonus-card__img-link {
        margin-left: 20px;
        margin-top: 0
    }

    .bonus-card__meta {
        margin-left: 20px
    }

    .bonus-card__rating {
        margin-top: 5px;
        margin-left: 0
    }

    .bonus-card__features--desktop {
        display: none
    }

    .bonus-card__features--mobile {
        display: flex
    }

    .bonus-card__header {
        padding-right: 0;
        flex-wrap: wrap
    }

    .bonus-card__header-main {
        padding-right: 20px
    }

    .bonus-card__title--mobile-sm {
        font-size: 16px;
        line-height: 20px
    }

    .bonus-card__advantages {
        margin-top: 10px;
        margin-left: 0;
        padding: 0 20px;
        flex: none;
        width: 100%
    }

    .bonus-card__advantages-list {
        margin: -5px -5px 0
    }

    .bonus-card__advantage {
        margin: 5px 5px 0;
        width: calc(50% - 10px)
    }

    .bonus-card__main {
        padding: 28px 20px;
        text-align: center;
        flex-direction: column
    }

    .bonus-card__text {
        font-size: 14px
    }

    .bonus-card__main-footer {
        margin-top: 25px;
        margin-left: 0;
        padding-top: 0;
        flex: none;
        width: 100%
    }

    .bonus-card__safe {
        margin-top: 20px
    }

    .disclosure__main {
        padding: 27px 25px 25px
    }

    .casino-item__img--mobile-lg {
        width: 100px;
        height: 50px
    }

    .casino-item__name {
        font-size: 14px
    }

    .casino-item__name--mobile-hide {
        display: none
    }

    .casino-score__list {
        padding-right: 35px
    }

    .casino-score__footer {
        margin-top: 27px;
        max-width: 242px
    }

    .casino-score__message {
        font-size: 12px
    }

    .verdict-item {
        padding: 40px 25px 45px
    }

    .verdict-item__header {
        margin-bottom: 30px;
        padding-bottom: 16px;
        flex-direction: column;
        align-items: flex-start
    }

    .verdict-item__rating {
        margin-right: 0
    }

    .verdict-item__title:not(:first-child) {
        margin-top: 8px;
        margin-left: 26px
    }

    .verdict-item__features-lists {
        flex-direction: column
    }

    .verdict-item__features-list {
        width: 100%
    }

    .verdict-item__features-list:nth-child(2n) {
        margin-left: 0
    }

    .verdict-item__features-list:not(:first-child) {
        margin-top: 20px
    }

    .main__article {
        margin-top: 40px
    }

    .info__main--col2,
    .info__main--col3,
    .info__main--col4 {
        flex-direction: column;
        row-gap: 20px
    }

    .info__main--col3 .info__text,
    .info__main--col4 .info__text {
        max-width: 100%
    }

    .text__image-right {
        flex-direction: column
    }

    .text__image-left {
        flex-direction: column
    }

    .review-company {
        flex-direction: column;
        align-items: flex-start
    }

    .reviews__mobile-btn {
        margin-top: 30px;
        width: 100%;
        display: block
    }

    .comment-form__company {
        display: flex;
        flex-direction: row
    }
}

@media (max-width:640px) {
    .banner-company__img {
        margin-right: 0;
        margin-bottom: 23px;
        width: 100%;
        height: 180px
    }

    .banner-company__feature {
        display: flex;
        align-items: flex-start;
        width: calc(50% - 28px);
        max-width: none
    }

    .banner-company__feature-img {
        margin-right: 10px
    }

    .banner-company__mark {
        font-size: 10px
    }

    .banner-company__mark:not(:first-child) {
        margin-left: 5px
    }

    .banner-app {
        padding: 40px 0
    }

    .banner-app__get-btns {
        margin-top: 25px
    }

    .banner-app__main {
        margin-top: 30px
    }

    .banner-app__main-top {
        margin: 0 auto;
        flex-wrap: wrap
    }

    .banner-app__phone {
        text-align: center;
        margin-left: 65px;
        text-align: center
    }

    .banner-app__qr-info {
        margin-bottom: 25px;
        width: 100%;
        order: -1;
        flex: none
    }

    .banner-app__qr-text {
        max-width: none
    }

    .banner-app__qr-img {
        margin-right: 40px;
        width: 160px;
        height: 160px
    }

    .banner-app__get-btn:not(:first-child) {
        margin-left: 10px
    }

    .banner-app__form {
        margin-top: 30px;
        flex-direction: column
    }

    .banner-app__form-input {
        width: 100%
    }

    .banner-app__form-input:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px
    }

    .banner-app__form-btn {
        flex: none;
        width: 100%
    }

    .banner__company {
        flex-direction: column;
        align-items: flex-start
    }

    .news-item {
        flex-direction: column
    }

    .news-item__img {
        width: 100%;
        padding-top: min(51%, 240px)
    }

    .news-item__info {
        padding: 20px 20px 30px
    }

    .news-item__link {
        margin-top: 23px
    }

    .footer__images {
        transform: scale(.68)
    }

    .articles__item {
        width: calc(100% - 20px)
    }

    .security-item {
        padding-top: 15px;
        padding-bottom: 15px;
        display: flex;
        align-items: center;
        text-align: left
    }

    .security-item__img {
        margin: 0 20px 0 0
    }

    .security-item__title {
        margin: 0
    }

    .security__item {
        width: calc(100% - 20px)
    }

    .sport-card {
        padding: 10px;
        align-items: center;
        text-align: left
    }

    .sport-card__img {
        margin: 0 10px 0 0
    }

    .sports__item--hidden:nth-child(1),
    .sports__item--hidden:nth-child(10),
    .sports__item--hidden:nth-child(11),
    .sports__item--hidden:nth-child(12),
    .sports__item--hidden:nth-child(13),
    .sports__item--hidden:nth-child(14),
    .sports__item--hidden:nth-child(2),
    .sports__item--hidden:nth-child(3),
    .sports__item--hidden:nth-child(4),
    .sports__item--hidden:nth-child(5),
    .sports__item--hidden:nth-child(6),
    .sports__item--hidden:nth-child(7),
    .sports__item--hidden:nth-child(8),
    .sports__item--hidden:nth-child(9) {
        display: flex
    }

    .sports__list--active .sports__item--hidden {
        display: flex
    }

    .info__cards-list {
        margin: -10px -8px 0
    }

    .info__cards-item {
        margin: 10px 8px 0;
        width: calc(50% - 16px);
        min-height: auto
    }

    .info__cards-item--hidden:nth-child(1),
    .info__cards-item--hidden:nth-child(10),
    .info__cards-item--hidden:nth-child(11),
    .info__cards-item--hidden:nth-child(12),
    .info__cards-item--hidden:nth-child(13),
    .info__cards-item--hidden:nth-child(14),
    .info__cards-item--hidden:nth-child(2),
    .info__cards-item--hidden:nth-child(3),
    .info__cards-item--hidden:nth-child(4),
    .info__cards-item--hidden:nth-child(5),
    .info__cards-item--hidden:nth-child(6),
    .info__cards-item--hidden:nth-child(7),
    .info__cards-item--hidden:nth-child(8),
    .info__cards-item--hidden:nth-child(9) {
        display: flex
    }

    .info__cards-list--active .info__cards-item--hidden {
        display: flex
    }

    .info__cards-item--btn div {
        margin-bottom: 10px;
        margin-top: 10px
    }

    .bonus-item {
        flex-direction: column
    }

    .bonus-item__img {
        margin-right: 0;
        margin-bottom: 22px;
        width: 100%;
        max-width: 380px;
        height: 150px
    }

    .bonus-item__main {
        width: 100%
    }

    .bonus-item__controls {
        margin-top: 24px
    }

    .bonus-item__btns-item:not(:first-child) {
        margin-left: 12px
    }

    .sub-sidebar__inputs {
        flex-direction: column
    }

    .sub-sidebar__inputs-item {
        flex: none
    }

    .sub-sidebar__inputs-item:not(:first-child) {
        margin-top: 10px;
        margin-left: 0
    }

    .sub-sidebar__privacy {
        margin-left: auto;
        margin-right: auto;
        max-width: 240px
    }

    .navigation__images-group {
        margin: -10px -5px 0;
        padding-top: 25px
    }

    .navigation__images-group div {
        margin: 10px 5px 0;
        width: calc(33.33% - 10px)
    }

    .download-item {
        padding-left: 36px;
        flex-direction: column
    }

    .download-item__num {
        width: 36px
    }

    .download-item__img-box {
        margin-bottom: 0;
        flex: none
    }

    .download-item__info {
        margin-bottom: 25px;
        padding: 0 20px
    }

    .download-item__text {
        margin-top: 15px
    }

    .download__list {
        margin-top: 25px
    }

    .download__item:not(:first-child) {
        margin-top: 45px
    }

    .download__item:not(:last-child):after {
        bottom: -22px;
        border-left: 18px solid transparent;
        border-right: 18px solid transparent;
        border-top: 18px solid var(--color-primary)
    }

    .devices-table__main {
        margin: -5px;
        width: calc(100% + 10px);
        border-spacing: 5px
    }

    .devices-table td,
    .devices-table th {
        padding-left: 10px;
        padding-right: 10px
    }

    .devices-table td {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .devices-table td:first-child,
    .devices-table th:first-child {
        padding-left: 10px;
        padding-right: 10px;
        width: 90px;
        max-width: 90px
    }

    .devices-table td {
        height: 75px
    }

    .devices__title {
        margin-bottom: 20px
    }

    .sports__list {
        margin: -10px -8px 0
    }

    .sports__item {
        margin: 10px 8px 0;
        width: calc(50% - 16px)
    }

    .step-item {
        padding-bottom: 20px
    }

    .step-item__num {
        margin-right: 15px;
        width: 35px;
        height: 35px;
        font-size: 15px
    }

    .step-item__info {
        padding-top: 5px
    }

    .step__item:not(:first-child) {
        margin-top: 25px
    }

    .info__text img.align_right {
        float: none;
        margin-left: 0;
        margin-bottom: 20px;
        width: 100%
    }
}

@media (max-width:480px) {
    .banner-phone__content {
        max-width: 115px
    }

    .banner-phone__content:before {
        width: 165px;
        height: 165px
    }

    .banner-app__phone {
        margin-left: 18px
    }

    .banner-app__qr-img {
        margin-right: 0
    }

    .banner-app__qr-img {
        width: 145px;
        height: 145px
    }

    .require__item {
        width: calc(100% - 30px)
    }
}

@media (max-width:352px) {
    .logo__img {
        width: 146px
    }

    .user-controls__btn:not(:first-child) {
        margin-left: 15px
    }

    .header__menu {
        margin-left: 0
    }

    .footer__images {
        transform: scale(.6)
    }

    .sport-card__img {
        width: 32px;
        height: 32px
    }

    .banner-phone__content {
        max-width: 105px
    }

    .banner-phone__content:before {
        width: 145px;
        height: 145px
    }

    .banner-app__phone {
        margin-left: 22px
    }

    .banner-app__qr-img {
        margin-right: 0
    }

    .banner-app__qr-img {
        width: 130px;
        height: 130px
    }
}