@media (min-width: 576px) {
}

@media (min-width: 768px) {
    .l-intro--versus .l-intro__title {
        font-size: 44px;
    }
    .l-intro__versus-col:last-child .l-intro__versus-logo:before {
        background: var(--l-color-white);
        width: 1px;
        height: 100%;
        margin-right: 20px;
        content: '';
        position: absolute;
        top: 0;
        right: 100%;
        pointer-events: none;
    }
    .l-intro__versus-col:first-child {
        padding-right: 20px;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
    }

    .l-intro__versus-col:last-child {
        padding-left: 20px;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
}

@media (min-width: 1025px) {
    .l-main__foot-list-currency-item:not(:last-child) {
        margin-right: 30px;
    }
}

@media (min-width: 1200px) {
    .l-main--versus .l-main__foot-inner {
        height: 80px;
    }
    .l-main__foot-close:hover {
        opacity: .6;
    }
}

@media (max-width: 1199px) {
    .l-intro__header {
        padding: 174px 0 50px;
    }
    .l-intro__list-currency {
        width: 100%;
        max-width: 510px;
        margin: 0 auto 30px;
    }
    .l-list-currency__row {
        max-width: 680px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 1024px) {
    #l-wrapper {
        overflow: hidden;
    }
    .l-main {
        padding: 40px 0 150px;
    }
    .l-main__breadcrumbs {
        display: none;
    }
    .l-main__foot-inner {
        height: initial;
        padding-top: 15px;
        padding-bottom: 15px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .l-main__foot-list-currency {
        max-width: 100%;
        margin-bottom: 20px;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .l-main__foot-list-currency-item {
        margin: 0 10px;
    }
    .l-main__foot-btn-group {
        padding-left: 0;
    }
    .l-main__block-col--content {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;
    }
    .l-main__block-col--aside {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    }
    .l-main-content {
        padding-top: 0;
        padding-bottom: 50px;
    }
    .l-main-aside__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .l-main-aside__list-card {
        max-width: calc(50% - var(--l-gap) / 2);
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc(50% - var(--l-gap) / 2);
                flex: 0 0 calc(50% - var(--l-gap) / 2);
    }
    .l-currency-item {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .l-currency-item__media {
        width: 66px;
        max-width: 66px;
        height: 34px;
        margin: 0 auto 4px;
        -ms-flex-preferred-size: 66px;
            flex-basis: 66px;
    }
    .l-currency-item__picture {
        top: 3px;
    }
    .l-currency-item__content {
        margin: 0 auto;
        text-align: center;
    }
    .l-currency-item__name {
        font-size: 7.3px;
        bottom: 3px;
    }
    .l-currency-item__description {
        font-size: 8px;
    }
    .l-main__foot-list-currency-item {
        max-width: 82px;
    }
    .l-main__foot-content {
        width: 100%;
        margin-top: 10px;
        padding: 0;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }
    .l-main__foot-appeal-card {
        width: 100%;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .l-main__foot-appeal-card + .l-main__foot-appeal-card {
        margin-top: 15px;
    }
}

@media (max-width: 767px) {
    .l-intro--interest {
        background-image: -webkit-linear-gradient(270deg,#1c2037 0%,#362c54 100%);
    }
    .l-intro--interest:after {
        background-size: 300% auto;
        top: 34%;
        opacity: .4;
    }
    .l-intro--interest .l-intro__footer {
        background-image: -webkit-linear-gradient(270deg,#30294c 0%,#301f9f 100%);
    }
    .l-intro--interest:before {
        background: url(../images/l-decor-1.svg) center top no-repeat;
        background-size: 500px auto;
        width: 100%;
        height: 75px;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        z-index: -1;
    }
    .l-intro__title-picture {
        margin: 0 auto 16px;
    }
    .l-main--interest:before {
        background: url(../images/l-decor-2.svg) 50% no-repeat;
        background-size: contain;
        width: 224px;
        height: 224px;
        content: '';
        position: absolute;
        top: -108px;
        left: -122px;
        z-index: 1;
    }
    .l-list-currency__row {
        max-width: initial;
        margin-right: -5px;
        margin-left: -5px;
    }
    .l-list-currency__col {
        margin: 0 5px;
    }
    .l-main-aside__title {
        text-align: center;
    }
    .l-main--interest {
        background: #fbfafa;
    }
    .l-main-content__title {
        margin-bottom: 40px;
        padding-left: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        text-align: center;
    }
    .l-main-content__title:before {
        margin: 0 auto 14px;
        display: block;
        position: relative;
        top: 0;
        left: 0;
    }
    .l-main-content__header {
        background: var(--l-color-white);
        margin-bottom: 20px;
        padding: 22px 26px 16px;
        border-radius: 18px;
    }
    .l-main-content__description {
        max-width: 100%;
        margin-bottom: 0;
        text-align: center;
    }
    .l-intro__versus {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .l-intro__versus-col {
        width: 100%;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .l-intro__versus-col + .l-intro__versus-col {
        margin-top: 35px;
    }
    .l-intro__versus-btn {
        margin: 0 0 35px;
    }
    .l-author-card__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .l-author-card__media {
        width: 165px;
        margin: 0 auto 32px;
    }
    .l-author-card__content {
        padding-bottom: 0;
        text-align: center;
    }
    .l-author-card__name strong {
        display: block;
    }
    .l-main-content__faq-list {
        padding-top: 0;
    }
    .l-faq-card {
        border-radius: 18px;
    }
    .l-main-content__faq-list-card .l-faq-card__title:before {
        margin: 0 0 10px;
        display: block;
        text-align: center;
    }
    .l-faq-card__header {
        padding: 30px;
    }
    .l-faq-card__title {
        width: 100%;
        padding-right: 0;
        text-align: center;
    }
    .l-faq-card__btn {
        display: none;
    }
    .l-faq-card__content {
        padding: 24px;
        text-align: center;
    }
    .l-faq-card:not(.is-show) .l-faq-card__content {
        display: block;
    }
    .l-intro__list-currency {
        margin-bottom: 0;
    }
    .l-intro__title-wrap {
        margin-bottom: 30px;
    }
    .l-intro__title {
        font-size: 31px;
    }
    .l-intro__title-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .l-intro__title-wrap--icon-binance:before {
        width: 52px;
        height: 52px;
        margin: 0 auto 16px;
    }
    .l-main__decor--1,
    .l-main__decor--2,
    .l-main__decor--3 {
        display: none;
    }
    .l-main-content__faq-list {
        position: relative;
        z-index: 0;
    }
    .l-main-content__faq-list:before {
        background: #c2ccf6;
        width: 606px;
        height: 606px;
        content: '';
        position: absolute;
        top: 54px;
        right: -340px;
        border-radius: 50%;
        opacity: .2;
        pointer-events: none;
        z-index: -1;
    }
    .l-faq-card__content {
        line-height: 1.4;
    }
    .l-main__foot-currency {
        width: 100%;
        margin: 0 0 10px;
    }
    .l-main__foot-currency-picture {
        width: 40px;
        height: 40px;
        -ms-flex-preferred-size: 40px;
            flex-basis: 40px;
    }
    .l-main__foot-currency-name {
        font-size: 18px;
    }
    .l-intro__code {
        margin-top: 0;
    }
    .l-main__foot-content {
        text-align: center;
    }
}

@media (max-width: 575.98px) {
    .l-main-aside__list-card {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    }
    .l-main__foot-appeal-card-logo {
        max-width: 130px;
        height: 32px;
        margin-right: 10px;
    }
    .l-main__foot-appeal-card-btn {
        min-width: 146px;
    }
}

@media (max-width: 480px) {
    .l-main__foot-list-currency-item {
        margin-right: 2px;
        margin-left: 2px;
    }
}

@media (max-width: 420px) {
    .l-list-currency__col {
        width: 130px;
    }
    .l-currency-card__header {
        padding-bottom: 50%;
    }
    .l-currency-card__picture {
        width: 24px;
        height: 24px;
        margin-left: -12px;
        top: 10px;
    }
    .l-currency-card__name {
        font-size: 14px;
        bottom: 10px;
    }
    .l-currency-card__footer{
        padding: 10px 0 15px;
    }
    .l-gambling-card__btn-group,
        .l-main__foot-btn-group {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .l-main__foot-btn-group {
        width: 100%;
    }
    .l-gambling-card__btn,
    .l-main__foot-btn {
        width: 100%;
        -webkit-box-flex: initial;
            -ms-flex: initial;
                flex: initial;
    }
    .l-main {
        padding-bottom: 170px;
    }
}