.cms_wrapper {
    max-width: 100%;
}



.cms_wrapper {
    padding: 0;
}

.landing {}

.landing .logo {
    margin: 0 0;
}

.landing .baner {
    background: #F5F5F5;
    padding: 0 16px;
}

.landing .baner .banner_block {
    background: url(/static/pr/cms/dev-7897_reader/img/baner.png) right bottom no-repeat;
    max-width: 1157px;
    margin: 0 auto;
    padding: 120px 0 78px;
}

.landing .baner .banner_block h1 {
    font-weight: 700;
    font-size: 46px;
    line-height: 60px;
    padding: 22px 0 0;
    max-width: 446px;
}

.landing .baner .banner_block p {
    margin: 17px 0px 0 0;
    font-size: 16px;
    line-height: 24px;
    max-width: 460px;
}

.landing .steps {
    margin: 36px 0 0;
}

.landing .steps .block {
    max-width: 1157px;
    margin: 0 auto;
}

.landing .steps .block .icons {
    display: flex;
    padding: 0 0;
    margin: 0px 0px 34px;
}

.landing .steps .block .icons .item {
    width: 271px;
    padding: 0px 0 0px 117px;
    min-height: 126px;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 24px;
}

.landing .steps .block .icons .arrow {
    width: 94px;
    background: url(/static/pr/cms/dev-7897_reader/img/arrow.svg) 50px 50px no-repeat;
    padding: 0 0 0 0;
}

.landing .steps .block .icons .item:nth-child(1) {
    background: url(/static/pr/cms/dev-7897_reader/img/item_1.png) 0 center no-repeat;
}

.landing .steps .block .icons .item:nth-child(3) {
    background: url(/static/pr/cms/dev-7897_reader/img/item_2.png) 0 center no-repeat;
}

.landing .steps .block .icons .item:nth-child(5) {
    background: url(/static/pr/cms/dev-7897_reader/img/item_3.png) 0 center no-repeat;
}

.landing .steps .wrap_btn {
    text-align: center;
}

.landing .steps .wrap_btn .btn {
    display: inline-block;
    line-height: 50px;
    background: #0E920E;
    border-radius: 3px;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    width: 100%;
    max-width: 314px;
}

.landing .steps .wrap_btn .btn:hover {
    background: #0b750b;
}

.landing .readers_comments {
    max-width: 1180px;
    margin: 50px auto 0;
    padding: 0 16px;
}

.landing .readers_comments h2 {
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
}

.landing .readers_comments .wooklist ul li .wrap {
    padding: 0px 16px 16px 0px;
    margin: 0 0px 0px 1px;
    position: relative;
    border: 0px blue solid;
}

.landing .readers_comments .wooklist ul li .wrap .inner {
    padding: 26px;
    border: 0px red solid;
    box-shadow: 0px 0px 2px rgb(0 0 0 / 24%), 2px 4px 8px rgb(68 68 68 / 4%);
    -webkit-border-radius: 12px;
}

.landing .readers_comments .wooklist ul li .wrap .person {
    display: flex;
    align-items: center;
    margin: 0 0 16px;
}

.landing .readers_comments .wooklist ul li .wrap .person a {
    text-decoration: none;
    color: #000;
}

.landing .readers_comments .wooklist ul li .wrap .person .foto {}

.landing .readers_comments .wooklist ul li .wrap .person .name {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    padding: 0 0 0 11px;
}

.landing .readers_comments .wooklist ul li .wrap .text p {
    font-size: 16px;
    line-height: 24px;
}





@media screen and (max-width: 1280px) {
    .landing {}

    .landing .baner .banner_block {
        background-size: auto 89%;
        max-width: 1012px;
        padding: 92px 0 54px;
    }

    .landing .steps {
        margin: 36px 0 0;
        padding: 0 16px;
    }

    .landing .steps .block {
        max-width: 1012px;
        margin: 0 auto;
    }

    .landing .steps .block .icons {
        display: flex;
        padding: 0 0;
    }

    .landing .steps .block .icons .item {
        width: 266px;
        padding: 0px 0 0px 117px;
        min-height: 126px;
        display: flex;
        align-items: center;
        font-size: 16px;
        line-height: 24px;
    }

    .landing .steps .block .icons .arrow {
        width: 87px;
        background: url(/static/pr/cms/dev-7897_reader/img/arrow.svg) 39px 49px no-repeat;
        padding: 0 0 0 0;
    }

    .landing .readers_comments {
        max-width: 1038px;
    }
}

@media screen and (max-width: 1000px) {
    .landing {}

    .landing .baner .banner_block {
        background-size: auto 86%;
        padding: 42px 0 19px;
        max-width: 777px;
    }

    .landing .baner .banner_block h1 {
        max-width: 426px;
    }

    .landing .baner .banner_block p {
        max-width: 353px;
    }

    .landing .steps {
        margin: 28px 0 0;
        display: flex;
        flex-direction: column;
    }

    .landing .steps .block {
        max-width: 777px;
        margin: 0 auto;
    }

    .landing .steps .block .icons {
        display: flex;
        padding: 0 0;
        margin: 0px 3px 27px;
    }

    .landing .steps .block .icons .item {
        width: 202px;
        padding: 0px 0 0px 117px;
        min-height: 126px;
        display: flex;
        align-items: center;
        font-size: 16px;
        line-height: 24px;
    }

    .landing .steps .block .icons .arrow {
        width: 87px;
        background: url(/static/pr/cms/dev-7897_reader/img/arrow.svg) 43px 50px no-repeat;
        padding: 0 0 0 0;
    }

    .landing .readers_comments {
        max-width: 796px;
        margin: 41px auto 0;
    }

}

@media screen and (max-width: 860px) {
    .landing .steps {
        margin: 21px 0px 0;
        flex-flow: column-reverse;
    }

    .landing .steps .block {
        max-width: 694px;
        margin: 0 0;
    }

    .landing .steps .block .icons {
        display: block;
        padding: 0 0;
    }

    .landing .steps .block .icons .item {
        width: 100%;
        padding: 0px 0 0px 117px;
        min-height: 100px;
        display: flex;
        align-items: center;
        font-size: 16px;
        line-height: 24px;
    }

    .landing .steps .block .icons .arrow {
        width: 221px;
        background: url(/static/pr/cms/dev-7897_reader/img/arrow-pda.svg) center right no-repeat;
        padding: 0 0 0 0;
        min-height: 25px;
    }

    .landing .steps .block p {
        text-align: left;
    }
}

@media screen and (max-width: 768px) {
    .landing {
        border: 1px red solid;
    }

    .landing .baner .banner_block {
        padding: 61px 0 19px;
        background-size: auto 86%;
    }

    .landing .baner .banner_block h1 {
        font-size: 32px;
        line-height: 44px;
        padding: 22px 0 0;
        max-width: 304px;
    }

    .landing .baner .banner_block p {
        max-width: 400px;
    }



    .landing .steps .wrap_btn {
        text-align: left;
        margin: 15px 0 34px;
    }

    .landing .readers_comments {
        max-width: 100%;
        margin: 21px 0 0;
        padding: 0 16px;
    }

    .landing .readers_comments h2 {
        font-weight: 700;
        font-size: 21px;
        line-height: 24px;
    }
}

@media screen and (max-width: 758px) {
    .landing {
        border: 1px green solid;
    }

    .landing .baner .banner_block {
        padding: 61px 0 19px;
        background-size: auto 79%;
    }

    .landing .baner .banner_block h1 {
        font-size: 32px;
        line-height: 44px;
        padding: 22px 0 0;
        max-width: 44%;
    }

    .landing .baner .banner_block p {
        max-width: 46%;
    }
}

@media screen and (max-width: 660px) {
    .landing {
        border: 1px pink solid;
    }

    .landing .baner {
        background: none;
    }

    .landing .baner .banner_block {
        padding: 36px 0 0px;
        background: none;
    }

    .landing .baner .banner_block h1 {
        padding: 13px 0 0;
        max-width: 100%;
    }

    .landing .baner .banner_block p {
        max-width: 100%
    }

    .landing .steps .block .icons .arrow {
        width: 100%;
        background-position: center center;
    }

    .landing .steps .block p .btn {
        width: 100%;
    }
}