@media only screen and (min-width: 1200px) {
    .xl {
        display: block;
    }
}


@media only screen and (max-width: 1199px) {
    .md {
        display: block;
    }

    .no-md {
        display: none;
    }

    .wrapper, footer {
        min-width: 820px;
    }

    .container {
        width: 820px;
        padding: 0 20px;
    }

    .banner {
        padding-bottom: 53px;
    }

    .support__banner--main {
        padding-bottom: 0;
    }

    .banner__left {
        width: 100%;
    }

    .award__descr {
        line-height: 1.2;
    }

    .what_to_do__header {
        font-size: 24px;
        margin-top: 1em;
    }

    .doings__header {
        font-size: 20px;
    }

    .doings__left ul li {
        display: block;
        float: none;
        width: 100%;
    }

    .doings__left {
        width: 50%;
    }

    .doings__header--line:after {
        width: 224px;
        margin-left: 14px;
    }

    .doings__right {
        width: 320px;
        padding: 24px 16px 48px 38px;
    }

    .doings__header--right {
        font-size: 24px;
    }

    .we_wiil_ask__header {
        display: block;
        float: none;
        width: 53%;
        margin-bottom: 50px;
    }

    .doings {
        margin-bottom: 60px;
    }

    .we_will_ask__list {
        float: none;
    }

    .row.we_will_ask__bottom .right {
        float: left;
    }

    .we_work__right {
        width: 85%;
    }

    .we_work__left {
        width: 15%;
    }

    .we_work__left td:nth-child(1) {
        position: absolute;
    }

    .we_work__left td:nth-child(2) {
        padding-left: 0px;
        padding-bottom: 27px;
    }

    .we_work__title {
        padding-left: 4em;
    }

    .we_work__left tr:nth-child(1) td:nth-child(2) {
        padding-bottom: 35em;
    }

    .we_work__step.we_work__step--first:after {
        height: 30em;
    }

    .we_work__left tr:not(:nth-child(1)) {
        position: absolute;
    }


    .we_work__left tr:nth-child(3),
    .we_work__left tr:nth-child(4),
    .we_work__left tr:nth-child(5),
    .we_work__left tr:nth-child(6),
    .we_work__left tr:nth-child(7),
    .we_work__left tr:nth-child(8) {
        margin-top: 100px;
    }

    .we_work__left tr:nth-child(4) {
        margin-left: 165px;
    }

    .we_work__left tr:nth-child(5) {
        margin-left: 390px;
        margin-left: calc(165px * 2);
    }

    .we_work__left tr:nth-child(6) {
        margin-left: 495px;
        margin-left: calc(165px * 3);
    }

    .we_work__left tr:nth-child(7) {
        margin-left: 660px;
        margin-left: calc(165px * 4);
    }

    .we_work__left tr:nth-child(3) .we_work__step:after,
    .we_work__left tr:nth-child(4) .we_work__step:after,
    .we_work__left tr:nth-child(5) .we_work__step:after,
    .we_work__left tr:nth-child(6) .we_work__step:after {
        height: 3px;
        width: 100%;
        top: 0.2em;
        z-index: -1;
    }

    .we_work__left tr:nth-child(7) .we_work__step:after {
        display: none;
    }

    .we_work__left tr:nth-child(3) td:nth-child(1),
    .we_work__left tr:nth-child(4) td:nth-child(1),
    .we_work__left tr:nth-child(5) td:nth-child(1),
    .we_work__left tr:nth-child(6) td:nth-child(1),
    .we_work__left tr:nth-child(7) td:nth-child(1),
    .we_work__left tr:nth-child(8) td:nth-child(1) {
        top: 90px;
        width: 100%;
        white-space: nowrap;
        text-align: center;
    }

    .we_work__left tr:nth-child(2) td:nth-child(1) {
        left: 8em;
        top: 1em;
    }

    .steps_last {
        margin-left: -6em;
        margin-top: 18em;
    }

    .we_work__left .icon-step_last {
        background-image: url(images/sprite.png);
        background-position: -129px 0px;
        width: 120px;
        height: 71px;
    }

    .options__item {
        width: 380px !important;
        height: 235px !important;
    }

    .options__item {
        margin-left: 25px !important;
        margin-bottom: 20px;
    }

    .options__list {
        margin-left: -20px;
        height: 290px !important;
    }

    .options {
        padding: 60px 0;
    }

    .result ol li {
        width: 50%;
        margin-right: 0;
    }

    .presentation {
        padding: 30px 120px;
        width: 100%;
    }

    .presentation .presentation__left {
        display: block;
        text-align: center;
        float: none;
        width: 80%;
        padding: 0;
        padding-right: 0;
        margin: 0 auto;
        font-size: 24px;
    }

    .presentation .presentation__right {
        display: block;
        float: none;
        text-align: center;
        width: 100%;
        margin-top: 20px;
    }

    .benefits {
        padding-top: 160px;
        position: relative;
    }

    .benefits__tables th {
        font-size: 24px;
    }

    .benefits__tables table {
        float: none;
    }

    .benefits__tables table:nth-child(2) {
        float: left;
    }

    .benefits__tables table:nth-child(2), .benefits__tables table:nth-child(3) {
        width: 44%;
        margin-right: 5em;
    }

    .benefits__tables table:nth-child(1) tbody tr:nth-last-child(1) {
        position: absolute;
        top: 4em;
        left: 18em;
    }

    .benefits__tables table:nth-child(1) tbody tr:nth-last-child(2) td:nth-child(1):after {
        display: none;
    }

    .benefits .container {
        position: relative;
    }

    .benefits__images {
        position: absolute;
        top: 5em;
        right: auto !important;
        left: 18em;
        width: 40em;
    }

    .benefits__images img {
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .benefits__ourawards {
        margin-top: 56px;
    }

    .ourawards__left {
        float: none;
        display: block;
        margin-bottom: 25px;
    }

    .ourawards__right {
        float: left;
        width: 100%;
        overflow: hidden;
    }

    .ourawards__right img {
        margin-right: 2em;
    }

    .prices h2 {
        font-size: 24px;
    }

    .prices {
        padding: 60px 0;
    }

    .variants__element {
        padding: 16px 30px;
        width: auto;
    }

    .prices__item {
        width: 47.9%;
        margin-bottom: 40px;
    }

    .prices__item:nth-child(2n) {
        margin-right: 0;
    }

    .prices {
        position: relative;
    }

    .prices__foot {
        text-align: center;
        float: left;
        width: 370px;
        margin-top: -400px;
        margin-left: 17em;
    }

    .prices__foot .left, .prices__foot .right {
        width: 100%;
    }

    .prices__foot .left {
        margin-bottom: 26px;
    }

    .prices {
        padding-bottom: 100px;
    }

    .timer {
        display: block;
        width: 100%;
        text-align: center;
        padding: 34px 0 50px;
    }

    .cell.timer__left {
        width: 100%;
        float: none;
        display: block;
        margin-bottom: 40px;
    }

    .cell.timer__right {
        width: 100%;
        float: none;
        display: block;
        width: 55%;
        margin: 0 auto;
    }

    .timer__title {
        display: inline;
        font-size: 24px;
    }

    .timer__title .big {
        font-size: 60px;
        margin-bottom: -0.2em;
    }

    .timer__title span {
        vertical-align: bottom;
    }

    .timer__title span.small {
        font-size: 30px;
        vertical-align: bottom;
        margin-bottom: 0.3em;
    }

    .timer__left button {
        margin-top: 30px;
    }

    .scares__description {
        width: 480px;
    }

    .scares h2 {
        font-size: 24px;
        width: 220px;
    }

    .scares h2:after {
        width: 104px;
        right: -104px;
    }

    .scares__item {
        padding-left: 120px;
        width: 50%;
        margin-right: 0em;
        margin-bottom: 40px;
    }

    .scares__title {
        font-size: 20px;
    }

    .scares__descr {
        font-size: 16px;
    }

    .scares__descr--cashback {
        width: 375px;
        margin-left: -105px;
        padding: 16px 14px 16px 20px;
    }

    .scares__descr--cashback .right {
        width: 64%;
        padding-top: 0;
    }

    .learn h2 {
        font-size: 24px;
        width: 100%;
    }

    .learn h2:after {
        display: none;
    }

    .learn__form .form__fields--3 .form__field {
        width: 48%;
        margin-right: 2%;
        margin-bottom: 20px;
    }

    .learn__form .form__fields--3 .form__field:nth-last-child(1) {
        float: right;
    }

    .learn__form .policy {
        width: 48%;
        margin-top: -87px;
    }

    /*.clients__item {
        width: 33.3%;
    }

    .clients__item:nth-child(3n+1) {
        text-align: left;
    }

    .clients__item:nth-child(3n+2) {
        text-align: center;
    }

    .clients__item:nth-child(3n+3) {
        text-align: right;
    }*/

    .footer__bottom--new .footer__right--contacts:first-child .address_block:last-child {
        height: 32px;
    }

    .clients {
        padding: 12px 0 20px;
    }

    .indexPage footer .footer__bottom {
        margin-top: 41px;
        padding-top: 62px;
    }

    .indexPage footer .footer__left {
        width: 335px;
    }

    .indexPage footer .form__header {
        font-size: 36px;
        margin-bottom: 18px;
    }

    .indexPage footer .form__fields {
        padding-top: 30px;
    }

    .faq__list {
        width: 100%;
    }

    .footer__right {
        width: 380px;
        max-width: 100%;
        margin-top: 78px;
        padding: 20px;
    }

    .contacts__item {
        float: none;
    }

    .row--2 .contacts__item:nth-child(2n) {
        padding-left: 0px;
    }

    .contacts__title {
        left: 0;
        margin-top: -78px;
    }

    .contacts__title:after {
        width: 235px;
    }

    .form__header {
        font-size: 20px;
        margin-bottom: 30px;
    }

    .contacts__title {
        font-size: 20px;
    }

    .menu__table ul {
        padding-right: 0;
        margin-right: 50px;
    }

    .menu__table ul:nth-child(1) {
        padding-right: 60px;
    }

    .menu .menu__main li, .menu__services li:nth-child(1) {
        margin-bottom: 3vh;
    }

    .main_awards__right {
        width: 100%;
    }

    .main_awards__arrows {
        position: absolute;
        width: 165px;
        right: 0;
        top: 1em;
    }

    .main_awards__list img {
        margin-right: 28px !important;
        display: inline-block !important;
        float: none;
    }

    .main_awards__list img:nth-last-child(1) {
        margin-right: 0 !important;
    }

    .qualificate__right {
        float: left;
        width: 495px;
        max-width: 100%;
        padding-right: 5em;
        height: 90px;
    }

    .qualificate__right strong {
        display: inline-block;
        margin-right: 0.6em;
        float: left;
    }

    .advantage__cashback .right {
        width: 400px;
    }

    .advantage__cashback .left {
        font-size: 20px;
        width: 340px;
    }

    .advantage__cashback .left:after {
        width: 80px;
        right: -80px;
    }

    .advantage__notice {
        padding: 26px 5px 26px 50px;
    }

    .advantage {
        padding-bottom: 60px;
    }

    .razrab__item {
        margin-bottom: 40px;
        margin-right: 40px;
    }

    .razrab__item:nth-child(2n) {
        margin-right: 0;
    }

    .clients h2 {
        font-size: 30px;
    }

    .search .form__field {
        width: 80%;
    }

    .search .form__field:nth-last-child(1) {
        width: 20%;
    }

    .search input[type="submit"] {
        padding-left: 0;
        padding-right: 0;
    }

    .blog__detail {
        width: 100%;
    }

    .we_will_ask__list {
        width: 96.5%;
    }

    .we_will_ask__list ol li {
        width: 24%;
    }

    .banner--services .banner__left {
        width: 100%;
    }

    .requisites_list ul {
        column-count: 1;
    }

    .requisites_item .requisites_item_name {
        width: 40% !important;
    }

    .requisites_item .requisites_item_value {
        width: 60% !important;
    }

    .works h2 {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .works {
        padding: 60px 0 70px;
    }

    .works__name {
        width: 100%;
    }

    .works__versions {
        margin-bottom: 50px;
    }

    .works__right {
        float: left;
    }

    .works__left {
        width: 100%;
        max-width: 100%;
    }

    .works__descr {
        /*height: auto;*/
    }

    .works__name {
        width: 100%;
        height: 2.3em;
        overflow: hidden;
    }

    .versions__list {
        width: 65%;
    }

    .main_awards__arrows.md {
        position: relative;
        margin-top: 40px;
    }

    .works__top {
        top: auto;
        bottom: -5.4em;
        right: auto;
        left: 190px;
    }

    .header__logo--menu {
        width: 500px;
    }

    /*.header__logo--menu.logo a  img {
        float: left;
    }

    .header__menu.active .logo a > span {
        float: left;
    }*/
    .support__price-align-middle > span {
        display: inline-block;
        font-size: 12px;
        line-height: inherit;
        height: auto;
        position: relative;
        top: 0;
        margin-left: 1em;
    }

    .blog__item {
        width: 250px;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .blog__item:nth-child(3n+3){
        margin-right: 0;
    }

    .workshop__services-list {
        margin-bottom: 30px;
    }

    .workshop__block-title {
        margin-bottom: 20px;
    }

    /*.workshop__tablet-menu {
        display: none;
    }*/

    /* Интернет магазин на шаблоне - start */

    .dev_template__banner--main .banner__left .row {
        background-image: url(/local/templates/reds_new/images/dev_template_tablet.png);
    }

    .dev_template__banner--main h1 {
        margin-bottom: 14px;
    }

    .dev_template__banner--main .banner-list {
        padding-bottom: 2px;
    }

    .dev_template__banner--main .r-request {
        margin-bottom: 43px !important;
    }

    .dev_template__banner--main .banner__left--slider .banner__slide:nth-child(2) {
        display: none;
    }

    .dev__template.not-active,
    .dev__template.active .dev__template--img img {
        opacity: 100%;
    }


    /* Интернет магазин на шаблоне - end */

}

/* Tablet */

/*Support tablet*/

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

    .range__time-float-left .r-request:hover {
        -webkit-box-shadow: 0px 5px 29px 5px rgba(224, 32, 45, .40);
        box-shadow: 0px 5px 29px 5px rgba(224, 32, 45, .40);
    }

    .support__price__list-el:not(:first-child) {
        margin-left: 15px;
    }
}

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

    .clients__list--no-md {
        display: none;
    }

    .clients__list--md {
        display: flex;
    }

    .support__present__block__bottom div:nth-child(1), .support__present__block__bottom div:nth-child(3) {
        line-height: 1.6;
    }


    .support__present__block__bottom div:nth-child(2) img {
        margin-bottom: 10px;
    }

    .block-with-range-time strong {
        border-bottom: 5px solid #e0202d;
    }

    .block-with-range-time .support__price-align-middle {
        line-height: 21px !important;
    }

    .support__works .support__width {
        margin-bottom: 30px !important;
    }

    .scares__item:nth-child(1) {
        margin-right: 2% !important;
    }

    .scares__item {
        padding-left: 105px !important;
    }

    .support-btn__mb {
        margin-bottom: 82px !important;
    }

    .support__banner--main .award {
        width: 50%;
        margin-right: 0 !important;
    }

    .support__scares .icon {
        width: 80px;
        height: 60px;
    }

    .support__width {
        font-size: 24px !important;
    }

    .support-list {
        width: 250px;
        height: 190px !important;
        margin: 7px 14px 7px 0;
    }

    .support-list:nth-child(3n+3) {
        margin-right: 0;
    }

    .support-list .left {
        width: 52px;
        /*margin: 0 11px 15px 0;*/
    }

    .support__mask {
        background-image: none !important;
        height: auto;
    }

    .support__works {
        padding: 63px 0 18px;
    }

    .support-img__wrapper {
        position: static;
        width: unset;
        height: unset;
        margin-bottom: 140px
    }

    .support-slide-img {
        margin-left: 0;
        height: 480px;
        width: 700px;
    }

    .support__slide__list .works__arrows {
        right: auto;
        top: 1055px;
    }

    .support__slide .works__number {
        position: absolute;
        top: 950px;
        left: 187px;
    }

    .support-slide-description {
        padding-bottom: 50px !important;
        max-width: 700px !important;
        width: 100%;
    }

    .support__borderb {
        width: 470px;
    }

    .support-price .works__name {
        height: auto !important;
        width: auto !important;
        overflow: visible;
    }

    .support__works .works__left .works__name {
        height: auto;
        margin-top: 15px;
    }

    .support__works .works__left {
        position: relative;
    }

    .container__img__support {
        max-width: 930px;
    }

    .block-with-range-time strong {
        text-align: center;
        height: 44px !important;
    }

    .block-with-range-time {
        width: 100% !important;
        height: 355px;
        padding-left: 60px !important;
        padding-right: 60px !important;
        margin-left: 0 !important;
        margin-top: 14px !important;
    }

    .support__price__list-el {
        width: 250px;
        padding: 18px 14px;
    }

    .range__time {
        float: left;
        width: 222px;
        margin-top: 40px;
    }

    .range__time-float-left {
        float: right;
        margin-top: 40px;
    }

    .support__clients {
        margin-top: 60px;
    }

    .support__present__block {
        padding: 0 60px 32px 60px;
        margin-bottom: 0;
    }

    .support__presents__left {
        padding: 66px 0 37px 0;
        border-bottom: 1px solid #c9cac9;
        float: unset;
    }

    .support__presents__left h2 {
        margin-top: 0 !important;
    }

    .support__present__block .footer__left {
        width: auto;
        margin: 24px 0 0 0;
        float: unset;
    }

    .support__present__block .form__field {
        width: 320px;
        display: inline-block;
        margin-bottom: 13px;
    }

    .support__present__block .form__fields {
        display: flex;
        justify-content: space-between;
    }

    .support__present__block .r-request {
        width: 320px;
        float: right;
    }

    .support__present__block .policy {
        margin-top: 0;
        width: 320px;
    }

    .support-flex {
        display: flex;
        justify-content: space-between;
        flex-flow: row-reverse
    }

    .support__present__block__bottom div:nth-child(2) .support__present__block__bottom__text {
        width: 180px;
    }

    .support-md {
        display: block !important;
    }

    .support-no-md {
        display: none !important;
    }

    .support__banner--main {
        padding-bottom: 0px;
    }

    .support__banner--main .container {
        padding-left: 20px;
        padding-top: 50px;
    }

    .support__banner--main .banner__left .row {
        height: auto;
        padding-left: 50px;
        padding-top: 1px;
        background-size: cover;
    }

   .support__banner--main .banner__left {
        width: 780px;
        height: auto;
        padding-left: 0px;
   }

   .support__banner--main h1 .bg {
        font-size: 30px;
        line-height: 37px;
        width: 430px;
    }

    .support__banner--main h1 {
        margin-top: 27px;
        margin-bottom: 9px;
        padding-bottom: 0px !important;
    }

    .support__banner--main .r-request {
        margin-bottom: 38px !important;
    }

    .support__banner--main .banner-list {
        padding-bottom: 15px;
    }

    .support__banner--main .support__fw {
        padding-bottom: 21px !important;
    }

    /*.support__banner--main button {*/
    /*    margin-bottom: 35px !important;*/
    /*}*/

    .banner__left--slider {
        margin-left: 0px;
        margin-top: 3px;
    }

    .banner__left--slider--wrap {
        margin: 38px 0;
        padding: 0;
        height: 30px;
    }

    .banner__left--slider .banner__slide {
        margin-right: 57px;
    }

    /*.support__banner--main .banner__slide:nth-child(2) {*/
    /*    display: none !important;*/
    /*}*/

    .support__scares {
        padding-top: 51px !important;
    }

    .support__scares h2:after {
        right: -100px;
        top: 8px;
    }

    .support__scares .scares__description {
        padding: 21px 26px 25px 35px;
    }

    .support__scares h2 {
        top: 1px;
    }

    .support__scares .scares__top {
        margin-bottom: 57px;
    }

    .support__scares .scares__item {
        padding-left: 86px !important;
    }

    .support__scares .scares__title {
        margin-bottom: 13px;
    }

    .support__scares .scares__item:nth-child(4) {
        margin-left: 15px;
    }

    .support__scares .scares__item:nth-child(1), .support__scares .scares__item:nth-child(2) {
        margin-bottom: 77px;
    }

    .support__scares .scares__item i.icon {
        left: -16px;
        top: 6px;
    }

    .support-fs {
        padding: 80px 0 71px 0;
    }

    .support-price .fw__bold {
        margin-top: 0px !important;
    }

    .support__price {
        padding-top: 19px;
    }

    .support__price__list-el {
        margin-top: 48px;
    }

    .support__price__list-el strong {
        height: 70px;
    }

    .range__time-float-left .support__price__list-el__price {
        font-size: 48px;
        padding: 0 0 12px 0 !important;
    }

    .block-with-range-time .word__pay {
        padding: 17px 0 0 0;
    }

    .range__time-float-left {
        margin-right: 17.5px;
    }

    .support__price__list-el__price {
        padding: 0 0 16px 6px;
    }

    .support__price__list-el .support__price-align-middle {
        line-height: 54px;
    }

    .support__price {
        margin-bottom: 0;
    }

    .support__presents__left > h2 {
        font-size: 30px !important;
    }

    .support__present .form__header {
        font-size: 24px;
    }

    .support__present__block__bottom {
        margin: 33px auto 0 auto;
    }

    .support__price__list--el {
        width: 370px;
        height: 473px;
        padding: 0px 30px 20px 30px;
    }

    .support__price--stable, 
    .support__price--cary, 
    .support__price--active, 
    .support__price--personal {
        height: 210px;
        width: calc(100% + 60px);
        margin-left: -30px;
    }

    .support__price--info {
        margin-top: 7px;
    }

    .support__price--price span {
        padding-left: 4px;
    }

    .support__price--range input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    box-sizing: content-box;
    border: 3px solid #E2BC79;
    height: 21px;
    width: 4px;
    border-radius: 5px;
    background-color: rgba(226, 188, 121, 0.7);
    cursor: pointer;
    margin-top: -5px;
    opacity: 1;
}

.support__price--range input[type=range]::-moz-range-thumb {
    border: 3px solid #E2BC79;
    height: 21px;
    width: 4px;
    border-radius: 5px;
    background-color: rgba(226, 188, 121, 0.7);
    cursor: pointer;
    margin-top: -5px;
    opacity: 1;

}

.support__price--range input[type=range]::-ms-thumb {
    display: inline-block;
    border: 3px solid #E2BC79;
    height: 21px;
    width: 4px;
    border-radius: 5px;
    background-color: rgba(226, 188, 121, 0.7);
    cursor: pointer;
    margin-top: 5px; /* note: different margin-top for IE */
}

}

/*End support tablet*/

/*Support mobile*/

@media only screen and (min-width: 0) and (max-width: 767px) {

    .clients__list--md {
        display: none;
    }

    .clients__list--xs {
        display: flex;
    }

    .support__scares .scares__title {
        margin-bottom: 8px;
    }

    .support__slide {
        background-image: none !important;
        background-color: black;
    }

    .support__banner--main .banner__description {
        padding-top: 8px;
        font-size: 16px;
        padding-bottom: 21px !important;
    }

    .support-btn__mb {
        margin-bottom: 30px !important;
    }

    .support__banner--main h1:before {
        display: block;
        top: -1.1em;
        font-size: 30px;
    }

    .banner-list {
        font-size: 14px;
    }

    .support__scares {
        padding-top: 27px !important;
    }

    .support__scares .scares__top:first-child {
        margin: 0 0 9.3px 0 !important;
    }

    .support__scares .scares__top .left {
        padding-bottom: 36px;
    }

    .support__scares .scares__top .left h2 {
        font-size: 20px;
    }

    .support__scares {
        padding-bottom: 0;
    }

    .support__width-unset {
        margin-top: 0 !important;
    }

    .mobile-width-half-block {
        width: 50%;
    }

    .support__scares .scares__top .scares__description {
        width: 100% !important;
        display: block !important;
        font-size: 16px;
        padding: 20px !important;
        box-shadow: unset;
    }

    .support__scares .icon {
        width: 60px;
        height: 50px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .support__scares .scares__item {
        padding-left: 70px !important;
    }

    .support__width {
        font-size: 20px !important;
        width: 100% !important;
    }

    #support__us-worker {
        white-space: nowrap;
        padding: 0 0 22px 0;
    }

    .support-list {
        margin: 15px 14px 15px 0;
    }

    .support-list > div {
        white-space: normal;
    }

    .support-list .bottom {
        font-size: 14px;
    }

    .support-slide-img {
        width: 100% !important;
        height: 100% !important;
    }

    .support__slide__list .works__arrows {
        bottom: 0 !important;
        padding-bottom: 20px;
        top: auto !important;
    }

    .support__slide__list .works__arrows .arrow {
        width: 49% !important;
    }

    .support__price-align-middle {
        line-height: 30px;
    }

    .support__slide__list {
        position: absolute;
        bottom: 0;
        padding-bottom: 100px;
    }

    .support-img__wrapper {
        padding-bottom: 22px;
    }

    .support-img__wrapper .container {
        padding: 0 !important;
    }

    .support-price {
        position: absolute;
        bottom: 0;
        padding-bottom: 80px;
    }

    .support__slide .works__number {
        left: 190px;
        bottom: 26px;
        top: auto !important;
    }

    .support-price .works__name {
        font-size: 20px;
    }

    .support__works {
        margin-bottom: 12px;
        padding: 30px 0 0 !important;
    }

    .support__works .works__name:nth-child(1) {
        font-size: 20px;
    }

    .support__mask .support__width {
        margin-bottom: 0 !important;
        padding-bottom: 20px !important;
        border-bottom: 1px solid #c9cac9;
        height: 65px;
    }

    .block-with-range-time {
        height: 100%;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .block-with-range-time strong {
        text-align: left;
        height: 40px;
    }

    .range__time {
        float: none;
        width: auto;
    }

    .range__time-float-left {
        float: none;
        margin-top: auto;
    }

    .support__btn-padding {
        width: 100% !important;
    }

    .support__price__list-el {
        width: 100% !important;
        margin-left: 0 !important;
        height: auto;
        min-height: 170px;
        margin-top: 25px !important;
    }

    .btn-support-mobil {
        border-radius: 18px;
        border: 1px solid;
        text-align: center;
        padding: 8px 0;
        max-width: 158px;
        width: 41vw;
        float: right;
        font-weight: 500;
    }

    .btn-support-mobil img {
        padding-left: 5px;
    }

    .support__banner--main h1 {
        width: 100%;
    }

    .btn-support-mobil-rotate {
        margin: 0 auto;
        border-radius: 18px;
        border: 1px solid;
        padding: 7px;
        text-align: center;
        width: 133px;
        font-weight: 500;
    }

    .btn-support-mobil-rotate img {
        padding-left: 5px;
    }

    .support-tariffs-none {
        display: none;
    }

    .support-tariffs-active {
        display: block !important;
        transition-duration: 0.5s;
    }

    .support__price__list-el__price {
        float: right;
        font-size: 24px;
        padding: 10px 0 15px 0;
    }

    .support__price__list-el strong {
        font-size: 20px;
        height: 33px;
        margin-bottom: 10px;
    }

    .block-with-range-time strong {
        border-bottom: 3px solid #e0202d;
    }

    .word__pay {
        padding: 10px 0 27px 0;
        font-size: 14px;
    }

    .range__time-float-left .support__price__list-el__price {
        float: none;
        font-size: 34px;
    }

    .support__time {
        margin-bottom: 0;
    }

    .mobile-padding {
        margin-top: 35px;
    }

    .support__present {
        background-image: url("images/backgroundPresents.png");
        box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.1);
        padding-bottom: 35px;
        background: #fff;
    }

    .support__present__block {
        background-image: unset;
        background-color: unset;
        box-shadow: none;
        padding: 0 !important;
        margin-bottom: 0 !important;
    }

    .support__presents__left__p {
        font-size: 14px;
    }

    .support__tariffs__beautiful__blocks__content {
        max-height: 120px;
        width: 99%;
        padding: 6px 10px 10px 10px;
    }

    .support__tariffs__beautiful__blocks__content > span {
        font-size: 20px;

    }

    .support__presents__left {
        border-bottom: unset !important;
        float: unset;
        padding: 35px 0 0 0 !important;
    }

    .support__presents__left .support__tariffs__beautiful__blocks {

    }

    .support__present__block .form__fields {
        display: block !important;
    }

    .support__present__block .form__field {
        width: 100% !important;
    }

    .support-flex {
        display: block !important;
    }

    .support__present__block .policy {
        margin-top: 20px;
        width: auto;
    }

    .support__present__block .footer__left {
        margin: 0 !important;
    }

    .support__tariffs__beautiful__blocks {
        height: auto !important;
        width: 100%;
    }

    .container__img__support .support__price__list {
        padding-top: 20px !important;
    }

    .btn-support-mobil:hover {
        cursor: pointer;
    }

    .btn-support-mobil-rotate:hover {
        cursor: pointer;
    }

    .word__pay-padding {
        text-align: center;
    }

    .container__img__support {
        background: url("images/supportPriceListLT.png") -80px 23px no-repeat, url("images/supportPriceListRB.png") 110% bottom no-repeat;
    }
  
    .support__banner--main .banner__left {
        width: 100%;
        height: 500px;
    }

    .support__banner--main .banner__left .row {
        width: 100%;
        height: 100%;
        background-image: url(/local/templates/reds_new/images/slider_mobile_1.jpg);
        background-size: 125%;
        background-position-x: 50%;
        background-position-y: 65%;
        padding-left: 27px;
    }

    .support__banner--main {
        padding-bottom: 30px;
        margin-top: 20px;
    }

    .support__banner--main .container {
        padding: 0 20px;
    }

    .support__banner--main h1 {
        padding-right: 0;
        width: 100%;
        margin-top: 0;
        margin-bottom: 12px;
        padding-top: 25px;
    }

    .banner--services.support__banner--main h1 {
        margin-top: 0px; 
    }

    .banner--services.support__banner--main h1:before {
        content: "";
    }

    .support__banner--main h1 .bg {
        color: #FFFFFF;
        background: transparent;
        font-weight: 900;
        font-size: 24px;
        line-height: 30px;
        width: 100%;
        text-transform: initial;
    }

    .banner__left--slider {
        display: none;
    }

    .support__banner--main .banner-list {
        font-size: 16px;
        line-height: 19px;
        padding-bottom: 12px;
    }

    .banner-list li:not(:last-child) {
        padding-bottom: 12px;
    }

    .support__banner--main .banner-list li:before {
        width: 6px;
        height: 6px;
        top: 6px;
        left: -2px;
    }

    .support__banner--main .banner-list li {
        padding-left: 14px;
    }

    /*.support__banner--main button  {*/
    /*    margin-bottom: 222px !important;*/
    /*    min-width: 200px !important;*/
    /*    width: 200px;*/
    /*}*/

    .banner-list {
        padding-bottom: 30px;
    }

    .support__scares .scares__item:last-child {
        margin-bottom: 0 !important;
    }

    #support__us-worker .slick-list {
        padding: 10px;
        margin: -10px;
    }

    .support-fs .support__width {
        line-height: 1.3;
    }

    .support__width__mobile-h2 {
        width: 80% !important;
    }

    .support__price {
        padding-top: 27px;
        margin-bottom: 0;
    }

    .support__price__list-el:first-child {
        margin-top: 15px !important;
    }

    .support-fs .container {
        padding-right: 0;
    }

    .range__time-float-left .r-request {
        box-shadow: none;
    }

    .range__time-float-left .r-request:hover {
        -webkit-box-shadow: 0px 5px 29px 5px rgba(224, 32, 45, .40);
        box-shadow: 0px 5px 29px 5px rgba(224, 32, 45, .40);
    }

    .support__present__block .form__field label {
        font-size: 16px;
    }

    .support__banner--main h1 .bg {
        margin-bottom: 3px;
    }

    .support__clients {
        margin-top: 0;
    }

    .support-img__wrapper{
        height: 255px;
    }

    .support__scares .scares__item:nth-child(3), .support__scares .scares__item:nth-child(4) {
        margin-bottom: 77px;
    }

    .support__scares {
        padding-top: 24px !important;
    }

    .support__scares .scares__item i.icon {
        top: 0;
        left: 0;
    }

    .support__scares .scares__item {
        padding-left: 66px !important;
    }

    .support__scares .scares__item {
        margin-bottom: 44px !important;
    }

    .support__scares .scares__item:nth-child(4) {
        margin-left: 0;
    }

    .support-fs {
        padding: 24px 0 0 0;
    }

    .support-fs .support__width__mobile-h2 {

    }

    .support-list:nth-child(3n+3) {
        margin-right: 15px;
    }

    .support-list:last-child{
        margin-right: 0;
    }

    .support-list {
        width: 230px;
    }

    .support-list .t-a__right div {
        margin-left: 6px;
    }

    .support__time {
        float: left;
    }

    .support-no-xs {
        display: none !important;
    }

    .support-xs {
        display: block !important;
    }

    .support__price__list-el strong {
        height: 31px!important;
        line-height: 9px !important;
    }

    .mobile-width-half-block {
        padding: 5px 0 34px 0 !important;
    }

    .support__price__list-el .r-request {
        margin-top: 60px;
    }

    .range__time-float-left .support__price__list-el__price {
        font-size: 36px;
    }

    .block-with-range-time .support__price-align-middle{
        line-height: 13px!important;
    }

    .range__time{
        margin-top: 22px;
    }

    .block-with-range-time .word__pay{
        padding: 9px 0 0 0;
    }

    .range__time-float-left .r-request{
        margin-top: 3.5px;
    }

    .support__presents__left > h2{
        font-size: 20px!important;
    }

    .support__tariffs__beautiful__blocks__content p{
        font-size: 36px;
    }

    .support__present .form__header{
        font-size: 20px;
        margin-top: 30px;
    }

    .support__price__list--el {
        width: 100%;
        height: auto;
        padding: 0px 20px 20px 20px;
        margin-top: 7px;
        margin-bottom: 11px;
    }

    .support__price--info,
    .support__price--time,
    .tarif--close,
    .support__price--btn img:last-child {
        display: none;
    }

    .support__price__list--el.active .support__price--info,
    .support__price__list--el.active .support__price--time {
        display: block;
    }

    .support__price__list--el.active .tarif--show,
    .support__price__list--el.active .support__price--btn img {
        display: none;
    }

    .support__price__list--el.active .tarif--close,
    .support__price__list--el.active .support__price--btn img:last-child {
        display: inline-block;
    }

   .support__price__list--el:last-child .support-tariffs-none {
        width: 100% !important;
    }

    .support__price__list--el .support-tariffs-none {
        display: inline-block;
        width: 180px !important;
        margin-top: 15px;
    }

    .support__price--stable, 
    .support__price--cary, 
    .support__price--active, 
    .support__price--personal {
        height: auto;
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-bottom: 18px;
    }

    .support__price--title {
        font-weight: bold;
        font-size: 16px;
        line-height: 19px;
    }

    .support__price--price {
        font-weight: bold;
        font-size: 26px;
        line-height: 31px;
        display: block;
        margin-top: 15px;
    }

    .support__price .support__width {
        font-size: 20px !important;
        line-height: 24px;
    }

    .support__price--btn {
        display: inline-block;
        width: auto;
        border: none;
        font-family: Gilroy;
        font-weight: normal;
        font-size: 14px;
        line-height: 16px;
        text-align: end;
        margin-top: 17px;
        padding: 8px 0;
        float: right;
    }

    .support__price--price span {
        font-size: 22px;
    }

    #range__final_price {
        font-size: 26px;
        line-height: 31px;
        padding-top: 8px;
    }

    .support__price--range--time .support__price--info {
        margin-top: 4px;
        margin-bottom: 20px;
    }

    .support__final--info span {
        font-size: 22px;
    }

}

@media only screen and (max-width: 340px) {
    .support__works .works__left .works__name{
        height: 45px;
    }
}

/*End support mobile*/

@media only screen and (min-width: 0) and (max-width: 767px) {
    .xs {
        display: block;
    }

    .no-xs {
        display: none !important;
    }

    .wrapper, footer {
        min-width: 320px;
    }

    .container {
        width: 100%;
        padding: 0;
        padding-left: 20px;
        padding-right: 20px;
    }

    main {
        padding-top: 60px;
    }

    .wrapper {
        overflow: hidden;
    }

    /*header .header__inner {*/
    /*	border-bottom: 0;*/
    /*}*/
    .banner h1 {
        font-size: 18px;
    }

    header {
        height: 60px;
    } {

}

    .banner h1 {
        line-height: 2;
        padding-bottom: 40px;
    }

    .banner--main h1 {
        margin-top: 40px;
    }

    .portfolio__right h1 {
        font-size: 22px;
        line-height: 2;
        padding-bottom: 30px;
        margin-top: 40px;
    }

    h1 .bg {
        padding: 0;
        color: #fff;
        background: none;
    }

    h1 .bg--white_xs {
        padding: 10px 14px 7px 6px;
        line-height: 1.0;
        margin: 0 0px 0px -6px;
        display: inline-block;
    }

    h1 .bg--white_xs {
        color: #161917;
        background: #fff;
    }

    button.r-request {
        font-size: 16px;
        padding: 13px 25px;
        width: auto;
        min-height: auto;
        max-width: 100%;
    }

    .banner .r-request {
        margin-bottom: 50px;
    }

    .mini_awards {
        white-space: nowrap;
    }

    .award {
        width: 80%;
        margin-right: 10px;
        white-space: normal;
        height: 6rem;
        vertical-align: top;
        outline: 0;
    }

    span.award__place {
        font-size: 40px;
        line-height: 36px;
    }

    .award:last-child {
        margin-right: 0;
    }

    .award__img {
        margin-bottom: 0;
        width: 80px;
        margin-right: 6px;
    }

    .award__name {
        font-size: 16px;
    }

    .award__descr {
        font-size: 12px;
    }

    .award__title {
        padding-top: 0;
        opacity: 0.7;
    }

    .banner {
        padding-bottom: 0px;
    }

    .support__banner--main {
        padding-bottom: 35px;
    }

    .what_to_do {
        padding-top: 20px;
    }

    .what_to_do h2 {
        font-size: 20px;
    }

    .what_to_do h2 span.big {
        font-size: 60px;
    }

    .what_to_do__header {
        display: inline-block;
        padding-left: 0;
        margin-top: 0;
        font-size: 20px;
    }

    .what_to_do h2 .red {
        display: inline-block;
        font-size: 20px;
    }

    .doings__left {
        width: 100%;
    }

    .what_to_do h2 .mini {
        font-size: 24px;
        vertical-align: top;
        margin-top: 0.4em;
    }

    .doings__header {
        font-size: 16px;
        /*margin-top: 1em;*/
        width: 20em;
    }

    .doings__left ul {
        font-size: 14px;
        margin-bottom: 2.5em;
    }

    .doings__header--line:after {
        display: none;
    }

    .doings__descr {
        font-size: 16px;
        padding-top: 10px;
    }

    .doings__header {
        font-size: 18px;
        width: 80%;
    }

    .doings__header .bg--red {
        display: inline-block;
    }

    .doings__right {
        width: 100%;
        margin: 0 auto;
        max-width: 30em;
        padding: 14px 27px 20px;
        float: left;
    }

    .doings {
        margin-bottom: 30px;
    }

    .we_wiil_ask__header {
        font-size: 18px;
        width: 14em;
        margin-bottom: 15px;
    }

    .we_will_ask__list ol li {
        margin-right: 0;
        width: 100%;
        display: block;
        margin-bottom: 1em;
        font-size: 14px;
    }

    .we_will_ask__list ol li:before {
        font-size: 24px;
    }

    ol li {
        margin: 0 0 6px 2.6em;
    }

    .we_will_ask {
        padding-bottom: 10px;
    }

    .we_work {
        padding: 25px 0;
    }

    .we_work h2 {
        width: 100%;
        position: relative;
        font-size: 20px;
        margin-bottom: 20px;
    }

    table.we_work--mobile {
        position: relative;
        width: 100%;
    }

    table.we_work--mobile tr td {
        vertical-align: middle;
        position: relative;
    }

    table.we_work--mobile tr {
        position: relative;
    }

    table.we_work--mobile tr td:nth-child(1) .icon {
        position: relative;
        z-index: 1;
    }

    table.we_work--mobile tr td:nth-child(2) {
        font-weight: 700;
        font-size: 18px;
        padding-left: 10px;
        padding-bottom: 0.4em;

    }

    table.we_work--mobile tr td:nth-child(1) {
        min-height: 15px;
        line-height: 18px;
        overflow: hidden;
    }

    table.we_work--mobile tr td:nth-child(1):before {
        content: "";
        position: absolute;
        width: 3px;
        height: 100%;
        background: #e0202d;
        left: 50%;
        margin-left: -5px;
        top: 0;
    }

    table.we_work--mobile tr:nth-last-child(1) td:nth-child(1):before {
        display: none;
    }

    .steps_last {
        margin: 0;
        width: 100%;
        margin-top: 20px;
    }

    .steps_last__header {
        font-size: 18px;
    }

    .steps_last__descr {
        font-size: 14px;
        max-width: 100%;
    }

    .proektir {
        width: 100%;
        width: calc(100% + 40px);
        margin-left: -40px;
    }

    .proektir__answer {
        font-size: 14px;
        font-weight: 400;
        display: none;
        padding-left: 10px;
        margin: 10px 0;
    }

    .proektir__item {
        position: relative;
        width: 100%;
        margin-bottom: 5px;
    }

    .proektir__question {
        background: #fff;
        cursor: pointer;
        padding: 10px 20px 10px 30px;
        position: relative;
        font-size: 16px;
        font-weight: 500;
    }

    .proektir__item.active .proektir__question {
        font-weight: 700;
        color: #e0202d;
    }

    .proektir__question .icon {
        position: absolute;
        right: 17px;
        top: 0.9em;
        -webkit-transition: all 400ms cubic-bezier(.215, .61, .355, 1);
        -moz-transition: all 400ms cubic-bezier(.215, .61, .355, 1);
        -o-transition: all 400ms cubic-bezier(.215, .61, .355, 1);
        transition: all 400ms;
    }

    .proektir__item.active .proektir__answer {
        display: block;
        padding-right: 5px
    }

    .proektir__item.active .proektir__question .icon {
        transform: rotate(180deg);
    }

    .proektir__question:before {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        background: #161a17;
        left: 10px;
        top: 50%;
        margin-top: -4px;
    }

    .proektir__item.active .proektir__question:before {
        background: #e0202d;
    }

    .options h2 {
        font-size: 20px;
        width: 100%;
        margin-bottom: 20px;
    }

    .options h2 .xs {
        display: inline-block;
    }

    .options {
        padding: 30px 0 0;
    }

    .options__item {
        width: 14.5em !important;
        height: 270px !important;
        padding: 20px;
        margin-left: 20px !important;
    }

    .options__number {
        right: 10px;
        font-size: 14px;
        padding: 8px 0 4px;
        width: 60px;
    }

    .options__list {
        margin-left: -10px;
        height: 320px !important;
    }

    .options__descr {
        font-size: 14px;
    }

    .options .slick-list.draggable {
        padding-left: 10px;
        padding-right: 10px;
    }

    .result h2 {
        font-size: 20px;
        padding: 30px 40px 10px 0;
    }

    .result ol li:before {
        display: none;
    }

    .result ol {
        padding: 0;
        padding-bottom: 30px;
    }

    .result ol li span {
        font-weight: 700
    }

    .result ol li {
        width: 100%;
        float: none;
        display: block;
        padding-left: 65px;
        margin: 26px 0;
        min-height: auto;
        font-size: 16px;
        padding-top: 0
    }

    .result ol > li > i.icon {
        margin-top: 0;
    }

    .presentation {
        padding: 40px 25px 43px 25px;
        background-position: bottom right;

    }

    .presentation .presentation__left {
        font-size: 20px;
        font-weight: 900;
        padding: 0 5px;
        margin: 0;
        width: 100%;
        text-align: center;
    }

    .benefits {
        padding-top: 140px;
        padding-bottom: 40px;
    }

    .benefits__tables table:nth-child(1) tbody tr:nth-last-child(1) {
        position: relative;
    }

    .benefits__tables table tr:nth-child(2) td:nth-child(1):after {
        display: block !important;
    }

    .benefits__tables table tr td {
        font-size: 16px;
    }

    .benefits__images.xs.row {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
    }

    .benefits__tables table:nth-child(2), .benefits__tables table:nth-child(3) {
        width: 100%;
        margin-right: 0;
    }

    .benefits__tables table.last {
        width: 100%;
        margin-right: 0;
    }

    .benefits__tables table.last tr:nth-child(2) td:nth-child(1):after {
        display: none !important;
    }

    .benefits__ourawards {
        margin-top: 20px;
    }

    .prices {
        padding-top: 20px;
    }

    .prices h2 {
        margin-bottom: 20px;
    }

    .prices__choose {
        display: none;
    }

    .prices__select {
        font-size: 18px;
        position: relative;
        z-index: 3;
    }

    .prices__select.active .prices__choose {
        display: block;
    }

    .prices__selector {
        width: 100%;
        background: #e0202d;
        color: #fff;
        font-weight: 700;
        padding: 12px 20px;
        height: 45px;
        position: relative;
        cursor: pointer;
    }

    .prices__selector i.icon {
        position: absolute;
        right: 17px;
        top: 50%;
        margin-top: -5px;
        filter: invert(100%);
    }

    .prices__select.active .prices__selector i.icon {
        transform: rotate(180deg);
    }

    .prices__choose {
        background: #fff;
        width: 100%;
        -webkit-box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, .15);
        box-shadow: 0px 5px 25px 5px rgba(0, 0, 0, .15);
    }

    .prices__choose {
        position: absolute;
    }

    .prices__choosing {
        width: 100%;
        background: #fff;
        padding: 12px 20px;
        border-top: 2px solid #f7f7f7;
        color: #aaaaaa;
        cursor: pointer;
    }

    .prices__choosing:hover {
        color: #fff;
        background: #e0202d;
        border-color: #e0202d;
        outline: 0;
    }

    .prices__choosing:active {
        font-weight: 600;
    }

    .prices__choosing:nth-child(1) {
        border-top: 0;
    }

    .prices__item {
        width: 16em !important;
        height: 435px !important;
        margin: 0;
        margin-right: 20px !important;
    }

    .prices__item:nth-last-child(1) {
        margin-right: 0 !important;
    }

    .prices__item h3 {
        margin-top: 20px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        display: inline-block;
    }

    .prices__item h3 span {
        font-size: 20px;
        margin-left: 15px;
        padding: 0 5px;
    }

    .prices__item h3:before {
        height: 3px;
        margin-top: 0.6em;
    }

    .prices__item_inner {
        padding: 20px;
    }

    .prices__descr {
        font-size: 14px;
        margin-bottom: 18px;
    }

    .prices__param span {
        font-size: 14px;
    }

    .prices__param {
        font-size: 18px;
    }

    .prices__param {
        margin-bottom: 18px;
    }

    .r-request.r-request--transparent {
        font-size: 16px;
        padding: 10px 28px;
        margin-top: 10px;
    }

    .prices__content {
        margin-top: 15px;
        margin-left: -20px;
    }

    .prices .slick-track {
        margin-left: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .timer {
        margin-top: 0;
    }

    .prices {
        padding-bottom: 0;
    }

    .timer__title {
        font-size: 20px;
        font-weight: 900;
    }

    .timer__title .big {
        font-size: 48px;
        vertical-align: bottom;
        margin-bottom: -0.15em;
    }

    .timer__title .small {
        font-size: 24px;
    }

    .timer__left button {
        width: 100%;
    }

    .timer__wrapper {
        padding: 0;
    }

    .timer {
        padding-left: 10px;
        padding-right: 10px;
    }

    .cell.timer__right {
        width: 100%;
    }

    .timer__anotation span:nth-child(1), .timer__anotation span:nth-child(3) {
        width: 1em;
    }

    #CDT {
        font-size: 48px;
    }

    #CDT .number-wrapper {
        margin-right: 7px;
    }

    #CDT .number {
        margin-right: 4px;
        height: 60px;
        line-height: 60px;
    }

    #CDT .number-cell {
        width: 45px;
    }

    .scares {
        margin-top: 0;
        padding-top: 30px;
    }

    .scares h2:after {
        display: none;
    }

    .scares__item {
        padding-left: 115px;
        width: 100% !important;
    }

    .scares__title {
        margin-bottom: 15px;
    }

    .scares__descr {
        font-size: 14px;
    }

    .scares__top {
        margin-bottom: 30px;
    }

    .scares__descr--cashback {
        width: 100%;
        margin: 0;
    }

    .scares__descr--cashback.xs {
        padding: 20px 10px 20px 15px;
    }

    footer {
        overflow: hidden;
    }

    .scares__descr--cashback .big {
        font-size: 36px;
    }

    .scares__descr--cashback .vernem {
        font-size: 16px;
    }

    .scares__descr--cashback .small {
        font-size: 18px;
    }

    .scares__descr--cashback .left {
        width: 30%;
    }

    .scares__descr--cashback .right {
        width: 70%;
    }

    .scares {
        padding-bottom: 40px;
    }

    .learn {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .learn h2 {
        font-size: 20px;
        line-height: 1.5;
        margin-bottom: 30px;
    }

    .learn__form .form__header {
        font-size: 16px;
        width: 18em;
        max-width: 100%;
        margin-bottom: 20px;
        margin-top: 0;
    }

    .learn__form .form__fields--3 .form__field {
        width: 100%;
        margin-right: 0;
    }

    .r-form--white input {
        padding: 12px 20px;
        font-size: 16px;
    }

    .r-form--white .form__field label {
        top: 0.8rem;
        font-size: 16px;
    }

    .r-form--white input:focus + label, input.has-content + label {
        top: 0rem !important;
        font-size: 0.65rem !important;
        color: #161917;
        font-weight: 400;
    }

    .r-form--white button.r-request {
        width: 100%;
    }

    .learn__form .policy {
        width: 100%;
    }

    .policy label {
        font-size: 12px;
    }

    .learn__form .policy {
        margin-top: 0;
    }

    .clients h2 {
        font-size: 20px;
        opacity: 0.8;
        font-weight: 900;
    }

    .clients h2:after {
        height: 2px;
        margin-top: 0em;
    }

    .clients {
        padding: 20px 0 0;
    }

    /*.clients__item {
        width: 50%;
        height: auto;
    }

    .clients__item:nth-child(2n+1) {
        text-align: left;
    }

    .clients__item:nth-child(2n+2) {
        text-align: right;
    }

    .clients__item .cell {
        padding: 0px 10px;
    }

    .clients__item .cell {
        max-width: 100%;
        height: 130px;
        clear: none;

        vertical-align: middle;
    }*/
    .faq h2 {
        font-size: 20px;
    }

    .faq {
        padding: 30px 0;
    }

    .faq__list ol li:before {
        display: none;
    }

    .faq__question {
        padding-left: 1em;
        font-size: 14px;
        font-weight: 500;
        padding-right: 3em;
        margin-bottom: 1em;
        position: relative;
    }

    .faq__question i.icon {
        top: 50%;
        right: 1em;
        margin-top: -5px;
    }

    .faq__answer {
        font-size: 12px;
        padding-left: 1em;
        padding-bottom: 10px;
    }

    .form__header {
        margin-top: 26px;
        line-height: 1.5;
        margin-bottom: 15px;
    }

    footer .form__fields {
        padding-bottom: 0;
    }

    .footer__left button.r-request {
        width: 100%;
    }

    .policy {
        margin-top: 20px;
    }

    .contacts__title {
        left: 0;
        margin-top: -65px;
        width: 7em;
    }

    .contacts__title:after {
        left: 120px;
        width: 18.5em;
    }

    .row--2 .contacts__item {
        width: 100%;
    }

    .footer__right {
        margin-bottom: 30px;
        float: left;
        width: 100%;
    }

    .footer__left {
        width: 100%;
    }

    .timer__anotation span:nth-child(2) {
        width: 13.5em;
    }

    .timer__anotation span:nth-child(1), .timer__anotation span:nth-child(3) {
        width: auto;
    }

    table.we_work--mobile tr td:nth-child(1) {
        width: 88px;
    }

    footer .footer__copyright {
        width: 110%;
        width: calc(100% + 40px);
        margin-left: -20px;
        padding-left: 20px;
    }

    .menu__table ul:nth-child(1) {
        padding-right: 0;
        border-right: 0;
        border-bottom: 1px solid #161a17;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .menu .menu__main li, .menu__services li:nth-child(1) {
        margin-bottom: 2vh;
    }

    .menu__table ul li {
        margin-bottom: 1vh;
    }

    .menu__table ul {
        padding-bottom: 1vh;
        margin-bottom: 1vh;
        position: relative;
    }

    .menu__table ul {
        width: 100%;
    }

    .menu__table .cell {
        vertical-align: top;
        padding-top: 8vh;
    }

    .menu__services ul li:nth-child(4) {
        display: none;
    }

    .menu__services:nth-last-child(1) {
        /*display: none;*/
    }

    .menu__bottom {
        border-top: 1px solid #5c5e5d;
        padding-top: 20px;
        bottom: 1em;
    }

    .header__logo--menu {
        margin-top: 1em;
    }

    .header__burger.active .burger {
        width: 30px;
        margin-top: -5px;
    }

    .menu ul li {
        font-size: 16px;
    }

    .menu .menu__main li, .menu__services li:nth-child(1) {
        font-size: 20px;
    }

    .menu__services--main li:nth-child(n+6) {
        display: none;
    }

    .menu__services--main li.all {
        display: block;
    }

    .menu__services--main li.all a {
        border-bottom: 1px solid #fff;
    }

    header.active, header.on_top.active {
        height: 50px;
    }

    .popup .form__header {
        font-size: 20px;
        width: 100%;
    }

    .popup .form__field {
        margin-bottom: 10px;
    }

    .popup .r-request {
        margin-top: 0px;
    }

    .popup {
        padding: 0px 20px 10px;
    }

    .popup .icon-check {
        filter: invert(100%);
    }

    .banner h1:before {
        display: none;
    }

    .banner--main h1:before {
        display: block !important;
        font-size: 30px;
    }

    .banner--main h1 .bg.bg--white {
        background: #fff;
        color: #161917;
        padding: 7px 7px;
        margin-bottom: 0;
    }

    .banner__description {
        font-size: 14px;
    }

    .banner--main h1 {
        padding-bottom: 20px;
    }

    .banner__description {
        padding-bottom: 26px;
    }

    .banner--main .r-request {
        margin-bottom: 30px;
    }

    .main_awards__title {
        font-size: 20px;
    }

    .main_awards__right {
        padding-bottom: 30px;
    }

    .advantage {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .advantage h2 {
        font-size: 20px;
        display: inline;
    }

    .row--h2 {
        max-width: 320px;
    }

    .row--h2:before {
        top: 72%;
        width: 200%;
    }

    .row--h2 h2 {
        display: inline;
        float: none;
        max-width: 320px;
    }

    .advantage h3 {
        font-size: 20px;
        margin-top: 20px;
    }

    .qualificate__mid img {
        float: none;
    }

    .qualificate__mid .xs img {
        border: 0;
        float: none;
    }

    .qualificate__right {
        max-width: 100%;
        padding-right: 20px;
        padding-left: 20px;
    }

    .qualificate__right {
        font-size: 16px;
        float: none;
        max-width: 300px;
        height: 60px;
    }

    .qualificate__right strong {
        font-size: 24px;
        float: left;
        margin-top: 0.2em;
    }

    .qualificate__mid {
        max-width: 100%;
    }

    .advantage h3 {
        width: 100%;
    }

    .advantage__garante, .advantage__prices {
        width: 100%;
    }

    .advantage__item {
        font-size: 16px;
    }

    .advantage__cashback .right {
        width: 100%;
    }

    .advantage__notice {
        font-size: 14px;
        width: 100%;
        padding: 14px 14px 20px 20px;
        margin-top: 2em;
    }

    .advantage__cashback .left:after {
        right: auto;
        top: auto;
        bottom: -2.6em;
        left: -1em;
        width: 1.5em;
    }

    .razrab {
        padding-top: 28px;
        padding-bottom: 140px;
    }

    .razrab--main {
        padding-top: 30px;
        padding-bottom: 10px;
    }

    .razrab h2 {
        font-size: 24px;
        margin-bottom: 32px;
    }

    .razrab__item {
        width: 100%;
        height: 270px;
        padding: 18px 25px 20px 20px;
        margin-bottom: 14px;
    }

    .razrab__title {
        font-size: 30px;
        margin-bottom: 0;
        height: 5rem;
    }

    .razrab__descr {
        font-size: 14px;
        height: 6rem;
    }

    .razrab__more {
        font-size: 14px;
        width: 96%;
    }

    .razrab__more {
        margin-top: 1.3em;
        padding-top: 1.3em;
        width: 102%;
    }

    .blog {
        padding-top: 22px;
    }

    .blog h2 {
        font-size: 24px;
        padding-right: 0.5em;
        font-weight: 900;
    }

    .blog .row.row--h2 {
        margin-bottom: 30px;
    }

    .blog .row--h2:before {
        top: 50%;
    }

    .blog__item {
        width: 100%;
    }

    .search .form__field:nth-last-child(1) {
        display: none;
    }

    .search .form__field {
        width: 100%;
    }

    .benefits__images {
        margin-bottom: 0;
    }

    .we_will_ask__list {
        width: 100%;
    }

    .we_will_ask__list ol li {
        width: auto;
    }

    .banner .container {
        padding-top: 40px;
    }

    .support__banner--main .container {
        padding: 0 20px;
    }

    .qualificate__mid img {
        margin-bottom: 16px;
    }

    .advantage__cashback .left {
        font-weight: 700;
    }

    .banner.banner--services h1:before {
        display: block !important;
        font-size: 30px;
    }

    .banner--services h1 {
        margin-top: 40px;
        padding-bottom: 28px;
    }

    .banner--services h1:before {
        top: -1.8em;
    }

    .banner button.r-request {
        min-width: 231px;
    }

    .what_to_do h2 {
        margin-bottom: 14px;
    }

    .doings__header.doings__header--line {
        font-size: 16px;
    }

    .doings__left ul {
        margin-top: 11px;
    }

    .doings__left ul li:before {
        margin-top: -4px;
        width: 8px;
        height: 8px;
    }

    .doings__right {
        font-size: 18px;
    }

    .doings__right .bg {
        padding-left: 8px;
        /*margin-left: -8px;*/
        padding-right: 4px;
        margin-top: 4px;
    }

    .presentation .presentation__right button {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    .main_contacts_item {
        width: 100%;
    }

    .requisites_item .requisites_item_name {
        width: 40% !important;
    }

    .requisites_item .requisites_item_value {
        width: 60% !important;
    }

    .works h2 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .works {
        padding: 30px 0 0px;
    }

    .works__name {
        font-size: 18px;
    }

    .works__descr {
        font-size: 14px;
        margin-bottom: 0.5em;
    }

    .works__item {
        width: 93vw;
        width: calc(100vw - 40px);
    }

    .works__name {
        margin-bottom: 0.5em;
    }

    .works__descr {
        height: auto;
    }

    .versions__list {
        width: 82%;
    }

    .works__safari {
        -webkit-background-size: contain;
        background-size: contain;
        height: 3vw;
    }

    .works__page {
        /*height: 193px !important;*/
        height: 58vw !important;
    }

    .main_awards__arrows.md {
        margin-top: 30px;
    }

    .works__top {
        bottom: -4.8em;
        right: auto;
        left: 215px;
    }

    .main_awards__arrows.md {
        position: absolute;
        margin-top: 0;
    }

    .main_awards__arrows.md {
        width: 55px;
    }

    .works__arrows.main_awards__arrows .arrow {
        width: 100%;
        margin: 6px 0;
    }

    .main_awards__arrows.md {
        position: absolute;
        margin-top: 0;
        left: 258px;
        bottom: 20px;
        top: auto;
    }

    .works__top {
        right: auto;
        position: absolute;
        bottom: 150px;
        left: 252px;
    }

    .blog {
        padding-bottom: 0;
    }

    /*.tablet-menu__content {
        position: relative !important;
        display: block;
    }*/

    .workshop__banner {
        margin-top: 10px;
    }

    .workshop__services-title {
        margin-top: 0;
    }

    .workshop-list-slider__prev, .workshop-list-slider__next {
        display: none !important;
    }

    /*section.workshop__tablet-menu.workshop-list__tablet-menu.no-md.xs {
        display: none;
    }*/

    .workshop__banner {
        margin-top: 0;
    }

    .workshop__services-list .workshop-popular__item:not(:nth-child(3n)), .workshop-popular__item:not(:last-child) {
        margin-right: 15px;
    }

    .workshop-popular__list {
        white-space: nowrap;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        padding: 10px;
        margin: -10px;
    }

    .workshop-popular__item {
        white-space: normal;
        display: inline-block;
        margin-bottom: 15px;
    }

    .workshop__index .workshop__block-title {
        margin-bottom: 19px;
    }

    .workshop__index .workshop-popular__item {
        width: 250px;
    }

    .workshop__index .popular-item__title a h2 {
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
    }

    .workshop__index .popular-item__button {
        height: 45px;
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        color: #E2BC79;
    }

    .workshop__detail:not(.workshop__index) .workshop-popular__item:nth-child(2n+2) {
        margin-right: 0;
    }

    .workshop-list__popular {
        margin-bottom: 0;
    }

}

/* Mobile */


@media only screen and (min-width: 370px) and (max-width: 767px) {
    .works__iphone {
        width: 322px;
        height: 470px;
        background-size: cover;
        padding: 42px 51px 0 15px;
    }

    .main_awards__arrows.md {
        position: absolute;
        margin-top: 0;
        left: 308px;
    }

    .main_awards__arrows.md {
        left: 308px;
    }

    .works__top {
        left: 303px;
    }
}

/* iphone */

@media only screen and (min-width: 0) and (max-width: 330px) {
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }
}


@media only screen and (min-width: 1200px) {
    .options--support .options__row {
        height: auto;
        white-space: normal;
        overflow: visible;
    }

    .options--support .options__list {
        height: auto !important;
        overflow: visible;
    }

    .options--support .options__item {
        float: left;
        margin-top: 15px;
        margin-bottom: 15px;
    }
}

/*desktop*/


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

    /* Интернет магазин на шаблоне - start */

    .dev_template__banner--main .banner__left .row {
        background-image: url(/local/templates/reds_new/images/dev_template_tablet.png);
    }

    .dev_template__banner--main h1 {
        margin-bottom: 14px;
    }

    .dev_template__banner--main .banner-list {
        padding-bottom: 2px;
    }

    .dev_template__banner--main .r-request {
        margin-bottom: 43px !important;
    }

    .dev_template__banner--main .banner__left--slider .banner__slide:nth-child(2) {
        display: none;
    }

    .dev_template__banner--main .banner__left--slider {
        margin-top: 41px;
        margin-bottom: 41px;
    }

    .dev__steps--wrap {
        flex-wrap: wrap;
    }

    .dev__steps--block {
        width: 370px;
        height: 180px;
        margin-bottom: 20px;
    }

    .dev__steps--block a img:nth-child(2) {
        right: 38px;
        top: 29px;
    }

    span.dev__steps--title {
        left: 22px;
    }

    .dev__steps--number {
        width: auto;
        padding: 4px 10px;
        left: 21px;
    }

    .dev__steps--block:last-child {
        text-align: center;
    }

    .dev_template__steps button.r-request {
        float: none; 
    }

    .dev_template__steps:first-child {
        margin-bottom: 40px;
    }

    .dev_template__steps > p {
        width: 100%;
    }

    #step1 {
        position: relative;
    }

    .dev__templates--wrap {
        justify-content: unset;
    }

    .dev__template {
        width: 250px;
        height: 413px;
        min-height: 413px;
        max-height: 413px;
        margin-bottom: 20px;
        margin-right: 15px;
    }

    #step1 .dev__template:nth-child(3n+3) {
        margin-right: 0;
    }

    .dev__template--img {
        height: 170px;
    }

    .template--chosen {
        top: 65px;
        left: 58px;
    }

    .dev__template--discount,
    .dev__template--cashback  {
        top: -163px;
    }

    .dev__template--btn--wrap {
        width: calc(100% + 31px);
        padding-left: 14px;
        display: block;
    }

    a.dev_template--btn {
        width: 220px;
    }

    a.dev_template--btn:hover {
        background-color: #FFFFFF;
        border: 1px solid #E2BC79;
        color: #E2BC79;
    }

    .dev__template--more {
        position: absolute;
        right: 72px;
        bottom: 492px;
    }

    .dev__templates--form {
        width: 100%;
        height: 231px;
        margin-top: 9px;
        padding: 30px;
    }

    .dev__templates--form_fields {
        flex-wrap: wrap;
        position: relative;
    }

    .dev__templates--form_fields .form__field {
        width: auto;
    }

    .dev__templates--form_fields .form__field input {
        width: 168px;
    }

    .dev__templates--form_fields .form__field:nth-child(3) input {
        width: 338px;
    }

    .dev__templates--form_fields .form__field:nth-child(3) span {
        top: 13px;
    }

    .dev__templates--form_fields .form__field:nth-child(3) {
        width: auto;
        margin-right: 0;
    }

    .dev__templates--form_btn {
        position: absolute;
        right: 0;
        top: 64px;
        width: 250px;
    }

    .dev__templates--form_btn button.r-request {
        width: 250px;
    }

    .dev__templates--form_policy .policy {
        margin: 0;
        width: 430px;
        text-align: left;
    }

    .license--radio .license--business {
        margin-right: 16px;
    }

    .license--radio label {
        padding-right: 0;
    }

    .dev__template--license {
        margin-right: 15px;
        width: 390px;
    }

    .dev__template--choice {
        margin-left: 15px;
        width: 340px;
        padding-right: 30px;
    }

    .dev__template--cashCount {
        width: 100%;
        height: auto;
        margin-top: 9px;
    }

    .dev__template--cashCount > p span span:first-child {
        margin-left: 17px;
    }

    .template__cashCount--wrap {
        width: 100%;
        height: 105px;
        margin-top: 25px;
        padding: 30px 40px;
    }

    .template__cashCount--wrap p {
        margin-bottom: 0;
        display: inline-block;
        position: relative;
        top: -4px;
    }

    .template__cashCount--wrap span {
        margin-right: -4px;
        margin-left: 12px;
    }

    .template__cashCount--wrap button.r-request {
        width: 299px;
        margin-right: 0;
        margin-top: 0;
        margin-left: 60px;
    }

    #step3 .dev__template {
        width: 370px;
        height: 509px;
        min-height: 509px;
        max-height: 509px;
        margin-right: 40px;
    }

    #step3 .dev__template:nth-child(2n+2) {
        margin-right: 0px;
    }

    .dev__template--tarif .dev__template--price {
        width: 100%;
    }

    .dev__template--tarif button.r-request {
        width: 130px;
        margin-top: 8px;
        padding: 0;
    }

    .dev__template--tarif a.dev_template--btn {
        width: 190px;
    }

    .dev__template--tarif .dev__template--btn--wrap {
        padding-left: 0;
        width: 190px;
        margin-left: 4px;
        border: none;
        padding-bottom: 0;
        padding-top: 0px;
        display: inline-block;
        top: -2px;
    }

    .dev__template--tarif:hover {
        margin-bottom: 20px;
    }

    .dev__template--tarif:hover .dev__template--btn--wrap {
        display: inline-block;
    }

    .dev_template__steps:last-child {
        margin-top: 50px;
        padding-right: 30px;
    }

    .template__final--license {
        width: 300px;
        margin-bottom: 30px;
        margin-right: 15px;
    }

    .template__final--plus {
        margin-top: 158px;
        margin-right: 15px;
    }

    .template__final--equally {
        display: none;
    }

    .template__final--choice {
        width: 370px;
    }

    .template__final--cost {
        width: 100%;
        display: flex;
        justify-content: space-between;
        background: rgba(255,255,255,0.1);
        border-radius: 5px;
    }

    .final--cost, .final--cashback {
        height: auto;
        width: 43%;
        margin-bottom: 0;
        background: none;
    }

    .final--line {
        width: 1px;
        background: #FFFFFF;
        height: 40px;
        margin-top: 25px;
    }

    .final--cashback {
        width: 54%;
        padding-top: 30px;
        padding-bottom: 15px;
    }

    .final--cost {
        padding-left: 23px;
        margin-right: 11px;
    }

    .final--cashback_total {
        left: -10px;
    }

    #step4 .dev__templates--wrap--list {
        margin-top: -10px;
    }

    .dev__template--list {
        width: 100%;
    }

    .template--list {
        padding-right: 129px;
    }

    .template__rest {
        width: 100%;
        margin-right: 0;
        margin-top: 20px;
        position: relative; 
    }

    .template--rest .final--cashback_total {
        left: 0;
    }

    .template__rest > p {
        width: 415px;
    }

    .template__rest > button.r-request {
        width: 267px;
        position: absolute;
        right: 10px;
        bottom: 89px;
    }

    .dev_template__content {
        padding-bottom: 10px;
    }

    .dev__template--btn--choice {
        margin-left: 0;
        width: 130px;
        bottom: 2px;
        padding: 0;
    }

    .dev__template--tarif.not-active {
        opacity: 100%;
    }

    .dev__template--tarif.active a.dev_template--btn {
        border: 1px solid #E2BC79;
        color: #E2BC79;
    }

    .dev__template--tarif.active a.dev_template--btn:hover {
        border: 1px solid #E2BC79;
        background: #E2BC79;
        color: #FFFFFF;
    }

    #step1 .dev__template.active a.dev_template--btn {
        color: #FFFFFF;
        background: #E2BC79;
    }

    #step1 .dev__template.active a.dev_template--btn span,
    #step1 .dev__template a.dev_template--btn span.md.xs,
    #step1 .dev__template.active:hover a.dev_template--btn span.md.xs  {
        display: none;
    }

    #step1 .dev__template.active a.dev_template--btn span.template--cancel {
        display: block;
    }

}


@media only screen and (max-width: 767px) and (min-width: 0) {

    .dev_template__banner--main .banner__left .row {
        background-image: url(/local/templates/reds_new/images/dev_template_mobile.png);
    }

    .dev_template__banner--main h1 {
        margin-bottom: 15px;
    }

    .dev_template__banner--main .banner-list--block img {
        margin-right: -1px;
        position: relative;
        left: -5px;
        top: 0px;
    }

    .dev_template__banner--main .banner-list--block span {
        font-size: 14px;
        line-height: 19px;
    }

    .dev_template__banner--main .banner-list--block {
        display: flex;
        margin-right: 20px;
        margin-bottom: 25px;
    }

    .dev_template__banner--main .banner-list--row:first-child .banner-list--block:last-child {
        margin-left: 9px;
        margin-right: 0;
    }

    .dev_template__banner--main .banner-list--row:last-child .banner-list--block:last-child {
        position: relative;
        top: -1px;
        left: 10px;
    }

    .dev_template__banner--main .r-request {
        width: 240px;
        margin-top: 3px;
    }

    .dev_template__banner--main {
        padding-bottom: 30px;
    }

    .dev_template__steps {
        padding-top: 20px;
    }

    .dev_template__content h2 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .dev__steps--block a img:nth-child(2) {
        display: none;
    }

    .dev__steps--block {
        width: 100%;
        height: 129px;
        margin-bottom: 10px;
    }

    .dev__steps--block > a {
        padding: 20px 18px 20px 25px;
    }

    .dev__steps--number {
        right: 18px;
        left: unset;
        top: 20px;
    }

    span.dev__steps--title {
        left: 20px;
        top: unset;
        bottom: 18px;
    }

    .dev__steps--info {
        top: 19px;
    }

    .dev__steps--wrap .dev__steps--block:nth-child(2) img,
    .dev__steps--wrap .dev__steps--block:nth-child(3) img,
    .dev__steps--wrap .dev__steps--block:nth-child(4) img {
        position: relative;
        left: -5px;
    }

    .dev__steps--block:last-child {
        text-align: initial;
        height: 133px;
    }

    span.dev__steps--start {
        top: 13px;
        left: 50px;
    }

    .dev__steps--block:last-child .dev__steps--number  {
        left: 22px;
        right: unset;
        top: 86px;
    }

    .dev__steps--block:last-child span.dev__steps--title {
        left: 100px;   
        bottom: 22px; 
    }

    .dev_template__steps button.r-request {
        margin-right: 0;
        margin-bottom: 0px !important;
        width: 100%;
        margin-top: 9px;
    }

    .dev_template__steps:first-child {
        margin-bottom: 65px;
    }

    #step1 > p {
        display: none;
    }

    .dev_template__steps:nth-child(2) h2 {
        margin-bottom: 20px;
    }

    #step1 .dev__templates--wrap,
    #step3 .dev__templates--wrap {
        flex-wrap: unset;
        overflow-x: scroll;
        width: calc(100% + 20px);
    }

    .dev__templates--wrap::-webkit-scrollbar,
    .dev__templates--wrap::-webkit-scrollbar-track,
    .dev__templates--wrap::-webkit-scrollbar-thumb {
        display: none;
    }

    .dev__templates--form,
    .dev__template--more {
        display: none;
    }

    #step2 h2 {
        width: 80%;
    }

    #step2 > p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }

    .dev__template--license {
        margin-right: 0;
        width: 100%;
        height: 304px;
        padding: 20px;
        padding-right: 10px;
    }

    .dev__template--license form > p {
        font-size: 18px;
        line-height: 22px;
    }

    .license--radio label {
        padding-right: 0;
        margin-bottom: 0;
    }

    .license--radio_wrap p {
        font-size: 14px;
        line-height: 20px;
    }

    .license--radio {
        margin-bottom: 20px;
    }

     #step2 .dev__templates--wrap > img {
        margin: 10px auto;
        height: 16px;
     }

     .dev__template--choice {
        margin-left: 0;
        width: 100%;
        height: 296px;
        padding: 20px 30px 10px 20px;
    }

    .dev__template--choice > p {
        font-weight: bold;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 15px;
    }

    .dev__template--cashCount {
        margin-top: -1px;
    }

    .dev__template--cashCount > p {
        display: flex; 
        justify-content: space-between;
        margin-top: 22px;
    }

    .dev__template--cashCount > p span span {
        font-size: 18px;
        line-height: 22px;
        top: -1px;
    }

    .dev__template--cashCount > p span span:first-child {
        position: relative;
        top: -1px;
    }

    .template__cashCount--wrap {
        width: 100%;
        height: 136px;
        height: auto;
        margin-top: 19px;
        padding: 20px;
    }

    .template__cashCount--wrap p {
        font-size: 18px;
        line-height: 22px;
        width: calc(100% - 115px);
    }

    .template__cashCount--wrap span {
        margin-right: 0;
        margin-left: 0;
        font-size: 30px;
        line-height: 36px;
    }

    span#cashBack_total {
        margin-right: 6px;
    }

    .template__cashCount--wrap button.r-request {
        width: 100%;
        margin-left: 0px;
        margin-top: 16px;
    }

    #step3 {
        padding-top: 45px;
    }

    #step3 .dev__template {
        width: 250px;
        height: 450px;
        min-height: 450px;
        max-height: 450px;
        margin-right: 20px;
    }

    .dev__template--tarif .dev__template--img {
        height: 150px;
        width: 250px;
    }

    .dev__template--tarif .dev__template--cashback {
        top: 9px;
        left: 10px;
    }

    .dev__template--tarif .dev__template--info {
        max-height: 300px;
        height: 300px;
        padding: 15px;
        padding-right: 14px;
    }

    .dev__template--tarif span.dev__template--type {
        font-size: 16px;
        line-height: 19px;
    }

    .dev__template--tarif span.dev__template--title {
        overflow: hidden;
    }

    .dev__template--tarif .dev__template--price {
        height: auto;
        margin-top: 2px;
    }

    .dev__template--tarif span.dev__price--value {
        font-size: 16px;
    }

    .dev__template--tarif span.dev__price--value span {
        font-size: 22px;
        line-height: 26px;
    }

    .dev__template--tarif .dev__template--btn--wrap {
        padding-left: 0;
        width: 100%;
        top: -12px;
        background: transparent;
        margin-left: 0;
    }

    .dev__template--tarif a.dev_template--btn {
        width: 100%;
        font-size: 14px;
        line-height: 16px;
        border: none;
    }

    #step3 .dev__template:nth-child(2n+2) {
        margin-right: 20px;
    }

    .dev__template--tarif span.dev__rate--value {
        font-size: 12px;
        line-height: 14px;
    }

    .dev__template--tarif span.dev__rate--comment {
        font-size: 12px;
        line-height: 14px;
    }

    .dev_template__steps:last-child {
        margin-top: 23px;
        width: calc(100% + 40px);
        padding: 20px;
        margin-left: -20px;
        margin-bottom: 0px;
    }

    .template__final--license {
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0;
        height: 150px;
    }

    .template__final--license > p {
        font-weight: bold;
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 14px;
        margin-left: 92px;
        margin-top: 10px;
    }

    .template__final--license > span, 
    .template__final--choice > span {
        font-weight: normal;
        font-size: 16px;
        line-height: 19px;
        position: absolute;
        bottom: 37px;
        left: 121px;
    }

    .template__final--license img {
        height: 120px;
        position: absolute;
        top: 16px;
        left: 17px;
    }

    .template__final--plus {
        margin: 0 auto;
        height: 16px;
        margin-bottom: 10px;
    }

    .template__final--choice {
        width: 100%;
        height: 286px;
        padding: 15px;
        margin-bottom: 10px;
    }

    .template__final--choice > p {
        font-weight: bold;
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 14px;
    }

    .template__final--choice > span {
        left: 15px;
        bottom: 15px;
    }

    .template__final--cost {
        flex-wrap: wrap;
        background: none;
    }

    .final--cost, .final--cashback {
        height: auto;
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
        background: none;
        padding: 0;
        background: rgba(255,255,255,0.1);
    }

    .final--line {
        display: none;
    }

    .final--cost {
        padding: 20px 15px;
    }

    span.final--cost_text {
        font-weight: normal;
        font-size: 16px;
        line-height: 19px;
        color: rgba(255,255,255,0.7);
    }

    .final--cost_total {
        font-size: 18px;
        line-height: 22px;
    }

    .final--cashback {
        padding: 15px;
    }

    span.final--cashback_text {
        font-size: 18px;
        line-height: 22px;
        position: relative;
        top: 7px;
    }

    .final--cashback_total {
        left: 0;
        font-size: 30px;
        line-height: 36px;
        top: 0;
    }

    .dev_template--line {
        margin: 10px 0;
        margin-bottom: 20px;
    }

    .dev_template__steps:last-child h2 {
        color: #FFFFFF;
        width: 80%;
    }

    #step4 .dev__templates--wrap--list {
        margin-top: 0px;
    }

    .dev__template--list {
        height: 234px;
        padding: 15px;
    }

    .dev__template--list h2 {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 10px;
        width: 100% !important;
    }

    .template--list {
        padding-right: 0;
        font-size: 14px;
        line-height: 20px;
    }

    .template--list li:before {
        margin-right: 13px;
    }

    .dev__template--list > a {
        font-size: 14px;
        line-height: 17px;
    }

    .template__rest {
        margin-top: 11px;
    }

    .template--rest {
        width: 100%;
        height: 66px;
        font-weight: bold;
        font-size: 18px;
        line-height: 22px;
        padding: 22px 15px;
    }

    .template--rest span.final--cashback_text {
        top: 0;
    }

    .template--rest .final--cashback_total {
        left: unset;
        position: absolute;
        right: 14px;
        top: 15px;
    }

    .template__rest > p {
        width: 100%;
        font-size: 14px;
        line-height: 20px;
        margin-top: 14px;
        margin-bottom: 10px;
    }

    .template__rest > button.r-request {
        width: 100%;
        right: 0;
        bottom: 0;
        position: relative;
    }

    .dev__templates--wrap.not-enough .template--rest {
        height: 100px;
    }

    .dev__templates--wrap.not-enough .template--rest .final--cashback_total {
        position: relative;
        top: 0;
        right: 0;
    }

    .dev_template__content {
        padding-bottom: 0px;
    }

    .dev__template--btn--choice {
        margin-left: 0;
        width: 100%;
        bottom: 0;
        padding: 0;
        margin-top: 9px;
    }

    .dev__template--tarif.active a.dev_template--btn {
        border: none;
        color: #C4c4c4;
    }

    #step1 .dev__template:nth-child(3n+3) {
        margin-right: 15px;
    }

    .dev__templates--wrap--list.fast_start h2.fast_start.xs, 
    .dev__templates--wrap--list.has_contact h2.has_contact.xs, 
    .dev__templates--wrap--list.fight h2.fight.xs {
        display: block;
    }

    #step1 .dev__template--info {
        min-width: 248px;
    }

    #step1 span.dev__template--title {
        padding-right: 15px;
    }


}

/* Интернет магазин на шаблоне - end */

@media only screen and (max-width: 1199px) {
    * {
        -webkit-tap-highlight-color:transparent;
    }

    .partner__wrap {
        margin: 30px 0 100px 0;
    }

    .partner__wrap .container {
        align-items: flex-start;
        flex-direction: column-reverse;
    }

    .partner__wrap .partner__info {
        width: 100%;
        margin-bottom: 38px;
    }

    .partner__wrap .partner__info h3 {
        margin-bottom: 18px;
    }

    .partner__wrap .partner__info p {
        font-weight: 300;
    }

    .partner__wrap .partner__info button span,
    .partner__wrap .partner__info button span.front,
    .partner__wrap .partner__info button:hover span.front {
        transform: none;
    }

    .partner__wrap .partner__info button span.front {
        background: #0E85EC;
    }

    .partner__wrap .partner__info button span.center,
    .partner__wrap .partner__info button span.back {
        display: none;
    }

    .partner__wrap .partner__picture {
        width: 100%;
        min-width: 100%;
        margin-right: 0;
        height: 548px;
    }
}

@media only screen and (max-width: 767px) {
    .partner__wrap {
        margin: 19px 0 20px 0;
    }

    .partner__wrap .partner__info {
        margin-bottom: 30px;
    }

    .partner__wrap .partner__info h3 {
        margin-bottom: 13px;
        font-size: 20px;
        line-height: 24px;
    }

    .partner__wrap .partner__info button {
        margin-top: 21px;
    }

    .partner__wrap .partner__picture {
        height: 63vw;
    }
}

@media (max-width: 1199px) {
    body.only-form .footer__bottom--new .footer__right--contacts:nth-child(2) .address_block:first-child {
        position: relative;
        top: 0;
        left: 0;
    }

    body.only-form .footer__bottom--new .footer__right--contacts:nth-child(2) .address_block:last-child {
        position: relative;
        top: 0;
        right: 0;
    }

    body.only-form .footer__bottom--new .footer__right--white {
        flex-wrap: nowrap;
    }

    body.only-form .footer__bottom--new .address_block--social {
        right: 10px;
        top: 105px;
    }

    body.only-form .footer__bottom--new .footer__right--contacts:nth-child(3) {
        left: 0;
    }
}

@media (max-width: 767px) {
    body.only-form main {
        min-height: calc(100vh - 283px);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    body.only-form .form__wrap {
        padding: 15px 0 25px 0;
    }

    body.only-form .form__wrap form {
        max-width: 500px;
        width: 100%;
    }

    body.only-form .form__wrap .form__header h1 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    body.only-form .footer__bottom--new .footer__right--white {
        flex-direction: column;
    }

    body.only-form .footer__bottom--new .address_block--social {
        right: 0;
        top: 0;
        position: relative;
    }

    body.only-form footer .footer__bottom--new {
        padding-top: 20px;
    }

    .footer__bottom--new .footer__right--contacts:first-child {
        margin-right: 0;
        white-space: initial;
    }
}

@media (max-width: 360px) {
    body.only-form .footer__bottom--new span.footer__address--title,
    body.only-form .footer__bottom--new span.footer__address--info {
        font-size: 14px;
    }
}