@media (min-width: 1200.1px) {
    .header-dropdown {
        display: block !important;
    }
}


@media (max-width: 1200px) {


.bt-menu {
	display: flex;
}
.header-dropdown {
	position: fixed;
    left: 0;
    top: 0;
    z-index: 20;
    width: 100%;
    height: 100vh;
    overflow: auto;
    background: #F6F9FF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
    padding: 11px 45px;
    display: none;
}
.header-dropdown .for-mobile {
    display: block;
}
.header-dropdown .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-dropdown .logo {
    width: 130px;
}
.header-dropdown .close {
    cursor: pointer;
    font-size: 16px;
}
.header-dropdown .user {
    display: flex;
    align-items: center;
    padding-bottom: 16px;
    border-bottom: 1px solid #B0B0B0;
}
.header-dropdown .user .bt {
    margin-right: 10px;
    padding: 0 16px;
    height: 36px;
    font-size: 16px;
}
.header-dropdown .user .outline {
    color: #FF5C44;
}
.header-nav {
    padding-bottom: 16px;
    border-bottom: 1px solid #B0B0B0;
}
.header-nav > ul > li {
    margin: 16px 0 0;
    width: 100%;
}
.header-nav > ul > li a {
    color: #666666;
}
.header-dropdown .bt-mobile {
    margin-top: 16px;
}

.dropdown-submenu {
    position: static;
    padding: 2px 0 10px 16px;
    width: 100%;
}
.dropdown-submenu ul {
    background: 0;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
}
.dropdown-submenu ul:before {
    display: none;
}
.dropdown-submenu li {
    margin-top: 20px;
}
.dropdown-submenu li a {
    padding: 0;
    font-size: 15px;
    line-height: 18px;
    color: #666;
}
.dropdown-submenu li a span {
    display: block;
    margin-top: 3px;
    font-size: 13px;
    line-height: 15px;
    color: #999999;
}


.header-logo {
	margin-right: auto;
}
.person-slider .slick-list {
	padding: 0;
}



.instruction-list {
	position: relative;
	margin: 87px auto 0;
	max-width: 688px;
	justify-content: center;
}
.instruction-list .item {
    margin: 0;
    width: 45.05%;
}
.instruction-list .item:nth-child(3) {
	position: absolute;
	top: 61px;
	left: 0;
	width: 33.57%;
}
.instruction-list .item:nth-child(2) {
	position: absolute;
	top: -50px;
	right: 0;
	width: 44.62%;
}

.form-box {
    padding: 40px 74px 40px 386px;
}
.form-group .form-item {
	margin-top: 15px;
    width: 100%;
}
.form-group .bt {
    margin-top: 15px;
    width: 100%;
}

.case-box {
    padding: 40px 320px 40px 40px;
}
.case-box .img {
    top: 136px;
    right: 40px;
    bottom: auto;
    max-width: 294px;
}

.task-block:before {
    width: 75px;
    height: 171px;
    top: 11px;
}
.task-block:after {
    width: 151px;
    height: 159px;
    top: auto;
    right: -42px;
    bottom: -24px;
}
.faq-block .content {
    width: 68%;
    padding-right: 30px;
}
.task-block .column {
    width: 48%;
}




}



@media (max-width: 1100px) {

.preview-block_v2 {
    padding: 107px 0 60px;
}
.preview-block_v2 .container {
    position: relative;
}
.preview-block_v2 H1 {
    max-width: 492px;
}
.preview-block_v2 p {
    font-size: 20px;
    margin-top: 30px;
    max-width: 470px;
}
.preview-block_v2 .content {
    width: 100%;
    max-width: 100%;
}
.preview-block_v2 .img {
    width: 295px;
    position: absolute;
    right: 57px;
    top: 30px;
}
.preview-block_v2 .img img {
    max-width: 100%;
}
.preview-block_v2 .envelope.el2 {
    display: none;
}
.preview-block_v2 .envelope.el1 {
    width: 98px;
    height: 121px;
    left: -44px;
    bottom: 26px;
}
.preview-block_v2 .form-item {
    width: 49%;
    margin: 0;
}
.preview-block_v2 .form-item input {
    height: 60px;
    border-radius: 25px;
}
.preview-block_v2 .callback-form .bt {
    width: 49%;
    margin: 0;
}
.preview-block_v2 .callback-form {
    padding-top: 87px;
    justify-content: space-between;
    max-width: 800px;
}
.preview-block_v2 .newsletter-item {
    margin: 30px 20px 0 0;
    font-size: 16px;
}
.preview-block_v2 .newsletter-item .icon {
    height: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.preview-block_v2 .newsletter-item .icon img {
    width: 40px;
}
.preview-block_v2 .d-flex + form {
    padding-top: 30px;
}


.preview-block_v4 {
    padding: 107px 0 60px;
}
.preview-block_v4 .container {
    position: relative;
}
.preview-block_v4 H1 {
    max-width: 492px;
}
.preview-block_v4 p {
    font-size: 20px;
    margin-top: 30px;
    max-width: 470px;
}
.preview-block_v4 .content {
    width: 100%;
    max-width: 100%;
}
.preview-block_v4 .img {
    width: 45%;
    position: absolute;
    right: -10px;
    top: 0px;
    padding: 0;
}
.preview-block_v4 .img img {
    max-width: 100%;
}
.preview-block_v4 .form-item {
    width: 49%;
    margin: 0;
}
.preview-block_v4 .form-item input {
    height: 60px;
    border-radius: 25px;
}
.preview-block_v4 .callback-form .bt {
    width: 49%;
    margin: 0;
}
.preview-block_v4 .callback-form {
    padding-top: 30px;
    justify-content: space-between;
    max-width: 800px;
}



.case-slider .slick-track {
    align-items: flex-start;
}
.case-wrapper {
    padding-top: 50px;
    flex-direction: column;
}
.case-wrapper .head {
    position: absolute;
    left: 0;
    top: 0;
}
.case-wrapper .content {
    width: 100%;
    order: 2;
}
.case-wrapper .h6 {
    margin-top: 30px;
}
.case-wrapper .statistic-box {
    width: 100%;
    margin-top: 30px;
}
.case-wrapper .bt {
    margin: 30px auto 0;
    width: 176px;
    padding: 0;
    display: flex;
    height: 36px;
    border-width: 2px;
    font-size: 16px;
}
.case-slider .slick-dots {
    margin-top: 30px;
}
.case-block_v2 .conf {
    margin-top: 20px;
}


}


@media (max-width: 1023px) {

H2, .h2 {
    font-size: 48px;
}
H3, .h3 {
    font-size: 37px;
}
H4, .h4 {
    font-size: 26px;
}
H5, .h5 {
    font-size: 22px;
    line-height: 130%;
}
.first-section {
    margin-top: 50px;
}
section {
    padding-top: 50px;
    padding-bottom: 50px;
}


.preview-block_v2 .img {
    width: 255px;
}
.preview-block_v2 H1 {
    max-width: 392px;
}
.preview-block_v2 p {
    max-width: 370px;
}


.preview-block {
    padding-top: 107px;
}
.preview-block H1,
.preview-block_v2 H1,
.preview-block_v4 H1 {
	font-size: 50px;
	line-height: 59px;
}
.preview-block .content {
    padding: 0 0 107px;
    width: 60.4%;
}
.preview-block .img {
    width: 39%;
    max-width: 240px;
    margin-left: auto;
    height: 558px;
}
.preview-block .img .big-plane {
    left: -17px;
    right: auto;
    top: 45px;
    bottom: auto;
    width: 320px;
    height: 320px;
}
.preview-block .img img {
	position: absolute;
	left: 0;
	bottom: 0;
	max-width: 1000%;
	width: 316px;
}
.preview-block .img .group-plane {
    left: -75px;
    top: -10px;
}
.project-slider {
    margin-top: 50px;
}
.desc-block .content {
    width: 100%;
}
.desc-block .media {
    position: static;
    max-width: 1000%;
    margin-left: -60px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 52px;
    height: 440px;
}
.desc-block .img {
	width: 49.5%;
	position: relative;
}
.desc-block .img img {
	position: absolute;
	top: 0;
	right: -50px;
	width: 528px;
	max-width: 1000%;
}
.desc-block .sm-logo-list {
	width: 43.5%;
	justify-content: space-between;
}
.sm-logo-list .item {
    margin: 0 0 30px;
    padding: 0;
    justify-content: center;
    width: 48%;
    max-width: 100%;
}




.article.v2 .content {
    min-width: 0;
    width: 62.2%;
}
.article .img {
    width: 210px;
    min-width: 210px;
}
.article.v2 .img {
    width: 44.1%;
}
.article .bt {
    margin-top: 30px;
    height: 48px;
    font-size: 18px;
    max-width: 266px;
    width: 100%;
    padding: 0;
}
.article H4 {
    padding-top: 0;
}
.check-list li {
    font-size: 16px;
    padding-left: 26px;
    line-height: 150%;
}
.article + .article {
    margin-top: 80px;
}
.newsletter-block .col-left {
    position: relative;
    z-index: 2;
    width: 100%;
}
.newsletter-block .newsletter-list {
    margin-top: 30px;
}
.newsletter-block .col-right {
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: 434px;
    padding-top: 111px;
}
.newsletter-block .img {
    position: absolute;
    z-index: -1;
    top: 95px;
    right: -84px;
}
.newsletter-block .plane {
    width: 694px;
    height: 694px;
}
.newsletter-block .plane img {
    top: 43px;
    right: 32px;
    width: 340px;
}

.desc-item + .desc-item {
    margin-top: 40px;
}
.about-box .text {
    width: 100%;
}
.about-box .text H3 + p {
    margin-top: 30px;
}
.about-box .achievement-list {
	margin-top: 80px;
    width: 100%;
    border: 0;
    border-radius: 0;
    padding: 0;
    justify-content: space-between;
}
.achievement-list .item {
    width: 25%;
    max-width: 160px;
}
.achievement-list .head {
    font-size: 30px;
}
.achievement-list p {
    font-size: 15px;
}
.person-slider {
    margin-left: -15px;
    margin-right: -15px;
}
.person-box .button-center {
    margin-top: 60px;
}
.cabinet-block .bt {
    margin-top: 40px;
}

.faq-block H3 {
    font-size: 26px;
}
.faq-block .content {
    padding-top: 0;
    width: 100%;
}
.faq-block .aside {
    width: 100%;
    max-width: 100%;
    margin-top: 30px;
}
.faq-block .form {
    border: 1px solid #FF5C44;
    box-shadow: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.faq-block .form .text {
    width: 55%;
}
.faq-block .form form {
    width: 40%;
}
.faq-block .form-item:first-child {
    margin-top: 0;
}



.form-block {
    padding: 10px 0 0;
    margin-left: -60px;
    margin-right: -60px;
}
.form-box {
    padding: 40px 60px 40px 390px;
    border-radius: 0;
    min-height: 580px;
}
.form-box .photo {
    left: 0;
    bottom: 0;
    width: 330px;
    padding: 0;
}
.form-box .photo img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 355px;
    max-width: 1000%;
}



.review-block {
    margin-top: 0;
    padding-top: 12px;
}
.review-item {
    min-height: 230px;
    font-size: 30px;
    line-height: 150%;
}



.logo-slider {
    margin-left: -20px;
    margin-right: -20px;
}
.logo-slider .item {
    padding: 0 20px;
}


.footer-logo {
    position: absolute;
    left: 0;
    bottom: 24px;
    width: 180px;
}
.footer-bot {
    padding-left: 190px;
    justify-content: flex-end;
}
.footer-copy {
    display: none;
}
.footer-top {
    margin: 0 -14px;
}
.footer-nav,
.footer-service,
.footer-subs {
    width: 33.333%;
    margin: 0;
    padding: 0 14px;
}



.slick-dots {
    margin-top: 30px;
}
.form-item input {
    height: 48px;
    border-radius: 20px;
}
.form .bt {
    margin-top: 10px;
    height: 48px;
    font-size: 18px;
}



.solution-block {
   padding: 50px 0;
}
.solution-block .content {
    width: 100%;
}
.solution-block H3,
.solution-block p {
    padding-right: 240px;
}
.solution-block .img {
    width: 410px;
    top: 96px;
    right: -180px;
}
.solution-block .img img {
    width: 100%;
}
.solution-block .plus-list {
    max-width: 80%;
}
.step-item .wrapper {
    padding: 30px;
}
.step-item .head {
    display: block;
}
.step-item .title {
    margin-top: 10px;
}


.integration-block .content {
    width: 100%;
}
.integration-block .img {
    position: static;
    margin-top: 40px;
    width: 35%;
    padding-right: 30px;
}
.integration-block .text {
    margin-top: 40px;
    width: 65%;
}
.integration-block .text p:first-child {
    margin-top: 0;
}


.embed-block .img {
    position: static;
    transform: translateY(0%);
    width: 44%;
    margin-top: 40px;
    padding-left: 30px;
    order: 2;
}
.embed-block .content {
    width: 100%;
    max-width: 100%;
}
.embed-block .text {
    width: 56%;
    margin-top: 40px;
}
.embed-block .text p:first-child {
    margin-top: 0;
}
.tariff-list {
    padding-top: 15px;
}
.tariff-item {
    width: 47.826%;
    margin-top: 15px;
}
.tariff-block .bt {
    margin-top: 30px;
}
.case-box {
    padding-right: 40px;
}
.case-box .head {
    padding-right: 170px;
}
.case-box .desc {
    min-height: 210px;
    width: 50%;
}
.case-box .logo {
    right: 40px;
    width: auto;
    width: 110px;
}
.case-box .img {
    top: 136px;
    right: 40px;
    width: 48%;
}
.case-box .statistics {
    width: 100%;
    text-align: left;
    justify-content: space-between;
}
.button-center {
    margin-top: 40px;
}
.choose-item {
    margin-bottom: 20px;
    width: 50%;
}




.experience-block H3 {
    font-size: 26px;
    line-height: 130%;
}
.experience-block .achievement-list {
    padding: 0;
}




.task-block .column {
    padding-top: 10px;
    width: 100%;
}
.task-block .plus-list li {
    font-weight: 300;
    font-size: 16px;
    line-height: 150%;
}


.article-module {
    margin-top: 60px;
}
.article-module .content {
    width: 69.5%;
}
.article-module .img {
    width: 30.5%;
}
.article-module .img img {
    position: absolute;
    left: 30px;
    top: 0;
    max-width: 1000%;
}
.article-module:nth-child(2n) .img img {
    right: 30px;
    left: auto;
}
.form-module {
    margin-top: 70px;
}
.form-module .wrapper {
    padding: 30px;
}
.form-module .form-group {
    margin: 0 -6px;
}
.form-module .form-group .form-item {
    width: 33.333%;
    margin: 0;
    padding: 0 6px;
}
.form-module .form-group .button {
    width: 100%;
    padding: 0 6px;
}
.form-module .form-group .bt {
    height: 48px;
    font-size: 18px;
}
.form-module .agree {
    margin-top: 10px;
}


.bot-block {
    padding-bottom: 158px;
}
.bot-block .content {
    padding-top: 20px;
    width: 67%;
}
.bot-block p {
    margin-top: 20px;
    font-size: 16px;
}

.bot-block .img {
    width: 376px;
    position: absolute;
    right: 0;
    bottom: -177px;
}
.bot-block .img img {
    position: static;
    width: 734px;
    max-width: 1000%;
}


.push-block {
    padding: 0;
}
.push-block .wrapper {
    position: relative;
    justify-content: flex-end;
    padding: 87px 0 113px;
}
.push-block .img {
    width: 48%;
    overflow: visible;
    position: absolute;
    width: 405px;
    right: 47.8%;;
}
.push-block .img svg {
    min-width: 405px;
}
.push-block .content {
    padding-top: 7px;
    width: 47.8%;
}


.push-block p {
    font-size: 18px;
}
.push-block .bt {
    margin-top: 30px;
}


.icon_text-list {
    padding-top: 22px;
    margin: 0 -15px;
}
.icon_text-item {
    display: block;
    width: 50%;
    margin-top: 30px;
    padding: 0 15px;
}
.icon_text-item .text {
    padding: 14px 0 0;
}
.icon_text-item .title {
    font-size: 20px;
}

.tariff-list_v2 {
    display: block;
    margin: 50px -15px 0;
    padding: 0;
}
.tariff-list_v2 .tariff-item {
    margin: 0 15px;
}
.tariff-list_v2:not(.slick-slider) .tariff-item:not(:first-child) {
    display: none;
}
.advantage-item {
    width: 100%;
    margin: 30px 0 0;
}
.form-block_v3 .content {
    padding: 30px 230px 30px 0;
    width: 100%;
    max-width: 100%;
}
.form-block_v3 p {
    margin-top: 28px;
    font-size: 18px;
}
.form-block_v3 .form-item {
    width: 100%;
    max-width: 390px;
}
.form-block_v3 .form-item input {
    height: 60px;
    border-radius: 25px;
}
.form-block_v3 .bt {
    width: 100%;
    max-width: 390px;
}

.form-block_v3 .img {
    width: 290px;
    position: absolute;
    right: -70px;
    bottom: 0;
}
.form-block_v3 .img img {
    max-width: 100%;
}
.site-slider .item {
    padding: 0 10px;
    font-size: 18px;
}
.site-slider {
    margin-top: 50px;
    padding: 0 50px;
}
.statistic-item .wrapper {
    padding: 40px 20px 30px;
    display: flex;
    align-items: flex-start;
}
.statistic-item .title {
    display: none;
}
.chart-wrapper {
    justify-content: flex-start;
    width: 100px;
    min-width: 100px;
    margin-top: 0;
}
.statistic-item .text {
    text-align: left;
}
.statistic-item .mobile-title {
    display: block;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
}
.statistic-item p {
    margin-top: 10px;
}
.chart-item {
    margin: 0;
}
.chart-wrapper:not(.conversion) .chart-item + .chart-item {
    margin-left: 12px;
}

}


@media (max-width: 840px) {

.solution-block .plus-list {
    max-width: 100%;
}

}


@media (max-width: 767px) {

body {
    font-size: 16px;
}
.container {
    padding: 0 45px;
}
H2, .h2 {
    font-size: 30px;
}
H3, .h3 {
    font-size: 26px;
}
H4, .h4 {
    font-size: 22px;
}
section {
    padding-top: 40px;
    padding-bottom: 40px;
}


.desc-block .subtitle {
    font-size: 18px;
}
.form-block {
    margin-left: -45px;
    margin-right: -45px;
}
.preview-block H1,
.preview-block H1.team-header,
.preview-block_v2 H1,
.preview-block_v3 H1,
.preview-block_v4 H1 {
    font-size: 35px;
    line-height: 42px;
}
.preview-block_v2 p {
    max-width: 275px;
}


.preview-block .img {
    height: 400px;
}
.preview-block .img img {
    width: 250px;
}
.preview-block_v2 .newsletter-item {
    margin: 0;
    max-width: 100%;
    width: 33.333%;
    font-size: 12px;
}
.preview-block_v2 .newsletter-item {
    margin-right: 0;
}







.desc-block p {
    margin-top: 26px;
}
.article H4 {
    font-size: 20px;
}
.person-slider .person-item {
    margin: 0 5px;
}
.person-item {
    align-items: flex-start;
}
.person-item .name {
    font-size: 18px;
}
.person-item p {
    font-size: 13px;
    max-width: 117px;
}
.person-item .photo {
    width: 46%;
    padding: 0 15px;
}
.person-item .content {
    width: 54%;
    padding: 5px 15px 0 0;
    max-width: 145px;
}
.crt-item .img {
    height: 245px;
}
.form-box {
    padding: 40px 45px 40px 290px;
}
.form-box .photo {
    width: 260px;
}
.form-box .photo img {
    width: 280px;
}

.review-block {
    padding-top: 8px;
}
.review-item {
    min-height: 140px;
    font-size: 18px;
}
.review-slider:before {
    top: 0;
    font-size: 25px;
}
.review-slider {
    padding-top: 80px;
}
.logo-slider {
    margin-top: 33px;
}


.footer-top {
    padding: 40px 0 20px;
}
.footer-nav, .footer-service {
    width: 50%;
}
.footer-subs {
    width: 100%;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #333333;
}
.footer-subs form {
    padding-top: 8px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.footer-subs .form-item {
    width: 49%;
    margin-top: 12px;
}
.footer-subs .bt {
    width: 49%;
    margin-top: 12px;
}
.footer-logo {
    left: 50%;
    transform: translateX(-50%);
    bottom: 146px;
}
.footer-bot {
    padding: 80px 0 40px;
    border-top: 1px solid #333333;
    display: block;
}
.footer-contacts {
    display: block;
    text-align: center;
}
.footer-contacts > a {
    margin-right: 0;
}
.footer .soc-icons {
    margin-top: 16px;
    justify-content: center;
}


.step-item .title {
    font-size: 18px;
}
.tariff-item {
    padding: 40px 20px;
}
.case-box {
    padding: 20px;
}
.case-box .logo {
    right: 20px;
    top: 20px;
}
.case-box .img {
    right: 20px;
}
.calc-wrapper {
    padding: 25px;
}
.logo-list {
    margin: 0 -20px;
}
.logo-list .item {
    width: 25%;
    margin-top: 30px;
    padding: 0 20px;
}


.faq-item .head {
    font-size: 16px;
}
.faq-item .text {
    font-size: 15px;
}
.bot-block {
    padding-bottom: 0;
    overflow: hidden;
}
.bot-block .content {
    padding-top: 0;
    width: 100%;
}
.bot-block .bt {
    margin-top: 20px;
}
.bot-block .img {
    position: relative;
    margin-top: 20px;
    height: 278px;
    width: 100%;
    bottom: auto;
}
.bot-block .img img {
    position: absolute;
    top: 0;
    width: 420px;
    left: 50%;
    transform: translateX(-50%);
}


.push-block p {
    margin-top: 20px;
    font-size: 16px;
}



.preview-block_v2 {
    padding: 100px 0 0;
}
.preview-block_v2 H1 {
    max-width: 100%;
}
.preview-block_v2 p {
    margin-top: 20px;
    max-width: 100%;
}
.preview-block_v2 .img {
    width: 270px;
    margin: 30px auto 0;
    height: 206px;
    overflow: hidden;
    position: static;
}
.preview-block_v2 .envelope.el1 {
    display: none;
}
.preview-block_v2 .callback-form {
    padding-top: 27px;
}
.preview-block_v2 .callback-form .bt {
    font-size: 18px;
}


.preview-block_v4 {
    padding: 100px 0 0;
}
.preview-block_v4 H1 {
    max-width: 100%;
}
.preview-block_v4 p {
    margin-top: 20px;
    max-width: 100%;
}
.preview-block_v4 .img {
    width: 270px;
    margin: 30px auto 0;
    height: 206px;
    overflow: hidden;
    position: static;
}
.preview-block_v4 .envelope.el1 {
    display: none;
}
.preview-block_v4 form {
    padding-top: 27px;
}
.preview-block_v4 form .bt {
    font-size: 18px;
}
.preview-block_v4 .img {
    width: 270px;
    margin: 30px auto 0;
    height: 180px;
    overflow: hidden;
    position: static;
}


.icon_text-item .title {
    font-size: 18px;
}
.icon_text-item p {
    font-size: 15px;
}

.task-block:before,
.task-block:after {
    display: none;
}
.newsletter-block .plane {
    width: 451px;
    height: 451px;
}
.newsletter-block .plane img {
    top: 28px;
    right: 21px;
    width: 221px;
}


}




@media (max-width: 660px) {


.bt {
    padding: 0 24px;
    height: 48px;
    border-radius: 20px;
    font-size: 18px;
}


.header-user {
    display: none;
}
.header-wrapper {
    padding-left: 20px;
    position: relative;
}
.bt-menu {
    margin: 0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.header-logo {
    margin: 0 auto;
}
.preview-block {
    padding-top: 99px;
}
.preview-block .content {
    padding: 0 0 57px;
    width: 80%;
    display: flex;
    flex-direction: column;
}
.preview-block p {
    order: 2;
    margin-top: 30px;
    padding-right: 86px;
}
.preview-block .bt {
    margin-top: 30px;
}
.preview-block .img {
    height: 266px;
    width: 151px;
    position: absolute;
    right: -26px;
    bottom: 9px;
}
.preview-block .img img {
    width: 100%;
}
.preview-block .img .big-plane {
    left: 0px;
    top: 0px;
    width: 184px;
    height: 184px;
}
.preview-block .img .group-plane {
    background: url(../i/mob_group-papper-plane.svg);
    background-size: 100% 100%;
    width: 159px;
    height: 252px;
    left: -32px;
    top: -38px;
}
.desc-block .media {
    margin: 30px 0 0;
    display: block;
    height: auto;
}
.desc-block .img {
    width: 100%;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}
.desc-block .img img {
    position: static;
    width: 100%;
}
.desc-block .sm-logo-list {
    width: 100%;
    justify-content: center;
}
.sm-logo-list .item {
    width: 33.333%;
}
.desc-block .content {
    display: flex;
    flex-direction: column;
}
.desc-block .text {
    order: 2;
}
.desc-block .bt {
    margin-top: 0px;
    padding: 0;
    width: 100%;
    font-weight: 500;
}
.bt .mobile-hidden {
    display: none;
}
.desc-block H4 {
    margin-top: 30px;
    font-size: 20px;
}

.article {
    flex-direction: column;
}
.article.v2 .content {
    width: 100%;
    padding-right: 0;
}
.article.v2 .img {
    width: 100%;
}
.article .img {
    width: 100%;
    order: 2;
    margin-top: 30px;
    text-align: center;
}
.article .img img {
    width: 100%;
    max-width: 240px;
}
.article:nth-child(2n) .content {
    width: 100%;
    padding-left: 0;
}
.article + .article {
    margin-top: 30px;
}
.article:last-child .img {
    display: none;
}
.article .content {
    width: 100%;
    padding-right: 0;
}





.newsletter-item .icon {
    width: 40px;
    margin: 0 auto;
    height: 58px;
}
.newsletter-block .bt {
    margin-top: 20px;
}
.newsletter-block .col-right {
    padding-top: 40px;
}
.desc-item + .desc-item {
    margin-top: 20px;
}
.desc-item H5 {
    font-size: 20px;
}
.desc-item p {
    margin-top: 10px;
}
.about-box .achievement-list {
    margin-top: 0;
    padding-top: 10px;
}
.achievement-list .item {
    width: 50%;
    margin-top: 20px;
}
.achievement-list p {
    font-size: 14px;
}
.person-slider {
    padding-top: 24px;
}
.crt-slider {
    padding-top: 20px;
}
.crt-item .img {
    height: 190px;
}
.button-center {
    margin-top: 40px;
}
.cabinet-block .container {
     display: flex;
     flex-direction: column;
}
.cabinet-block .subtitle {
    margin: 20px auto 0;
    font-size: 16px;
}
.cabinet-block .bt {
    margin: 20px auto 0;
    order: 2;
    padding: 0;
    max-width: 224px;
    width: 100%;
    font-size: 18px;
}
.instruction-list {
    margin: 20px -50px 0;
    padding: 40px 0 20px;
}
.instruction-list .item:nth-child(2) {
    top: 20px;
}
.faq-item .head {
    font-size: 16px;
}
.faq-item .text {
    font-weight: 300;
    font-size: 16px;
}
.faq-block .aside {
    margin-top: 40px;
}

.faq-block .form {
    display: block;
    padding: 20px;
}
.faq-block .form .text {
    width: 100%;
    max-width: 100%;
}
.faq-block .form form {
    margin-top: 20px;
    width: 100%;
    max-width: 100%;
}
.form-box {
    padding: 40px 45px;
}
.form-box .form-callback {
    padding-left: 80px;
}
.form-box .photo {
    width: 172px;
    left: -55px;
}
.form-box .photo img {
    width: 100%;
}
.form-box .photo:after {
    width: 167px;
    height: 240px;
    left: 46px;
    bottom: 132px;
}



.preview-block_v4 .form-item input,
.preview-block_v2 .form-item input {
    height: 48px;
    border-radius: 20px;
}


.solution-block {
    padding: 40px 0;
}
.solution-block H3, .solution-block p {
    padding-right: 0;
}
.solution-block .img {
    position: static;
    margin: 27px auto 0;
    width: 100%;
    max-width: 360px;
    text-align: center;
}




.step-list {
    margin: 42px -6px 0;
    padding-right: 35px;
    position: relative;
}
.step-list:not(.slick-slider) .step-item:not(:first-child) {
    display: none;
}
.step-item {
    width: 100%;
    margin-top: 0 !important;
    padding: 0 6px;
    display: flex;
}
.step-item .wrapepr {
    width: 100%;
    height: 100%;
}
.step-list .slick-dots {
    margin-top: 30px;
}
.integration-block .text {
    width: 100%;
}
.integration-block .img {
    margin-top: 40px;
    width: 100%;
    padding-right: 0;
    order: 2;
}
.embed-block .text {
    width: 100%;
    order: 2;
}
.embed-block .img {
    width: 100%;
    order: 0;
    padding: 0;
    text-align: center;
    max-width: 100%;
}
.embed-block .bt {
    height: auto;
    padding: 10px 30px;
    font-size: 20px;
    line-height: 100%;
    border-radius: 25px;
}


.tariff-list {
    display: block;
    padding: 30px 40px 0 0;
    margin: 0 -45px 0 -10px;
}
.tariff-item {
    margin: 0 10px;
}
.tariff-list:not(.slick-slider) .tariff-item:not(:first-child) {
    display: none;
}



.case-box .logo {
    position: static;
}
.case-box .head {
    padding: 20px 0 0;
}
.case-box .desc {
    min-height: 0;
    width: 100%;
}
.case-box p {
    margin-top: 20px;
    font-size: 14px;
    line-height: 150%;
}
.case-box .img {
    margin-top: 20px;
    width: 100%;
    position: static;
}
.case-box .statistics {
    padding-top: 10px;
}
.statistics .item {
    margin-top: 10px;
}
.statistics .value {
    font-size: 22px;
}
.case-list {
    margin: 40px -10px 0;
    overflow: hidden;
}
.case-box {
    margin: 0 10px;
}
.case-box .bt {
    margin-top: 20px;
    height: 36px;
    padding: 0 16px;
    font-size: 16px;
    border-width: 2px;
}



.calc-wrapper {
    padding: 0;
    box-shadow: none;
    background: 0;
}
.calc-wrapper .h4:before {
    width: 32px;
    height: 32px;
}
.calc-wrapper p {
    margin-top: 20px;
    font-size: 14px;
}
.form-row .form-item {
    width: 100%;
}
.calc-wrapper .form-item .count {
    display: none;
}
.form-item .label {
    font-size: 15px;
    font-weight: 700;
}
.calc-wrapper .form-item input {
    height: 60px;
    border-radius: 25px;
}
.choose-item {
    margin-bottom: 15px;
    width: 100%;
}
.calc-wrapper .buttons .bt {
    margin: 5px 0 0;
    width: 100%;
    height: 48px;
    border-radius: 20px;
}
.calc-wrapper .buttons .bt + .bt {
    margin-top: 10px;
}
.calc-wrapper .agree {
    margin-top: 20px;
}
.experience-block .achievement-list {
    padding-top: 10px;
}
.experience-block .achievement-list .item {
    width: 50%;
    margin-top: 20px;
}

.logo-list {
    margin: 0 -15px;
    justify-content: center;
}
.logo-list .item {
    width: 33.333%;
    margin-top: 30px;
    padding: 0 15px;
}

.preview-block_v2 .d-flex + .callback-form {
    padding-top: 30px;
}

.task-block .plus-list {
    width: 100%;
    font-size: 15px;
}
.task-block .plus-list li {
    margin-top: 15px;
    font-size: inherit;
}
.article-module {
    margin-top: 30px;
    flex-direction: column;
}
.article-module + .article-module {
    margin-top: 40px;
}
.article-module .content {
    width: 100%;
}
.article-module .img {
    position: static;
    width: 100%;
    max-width: 270px;
    text-align: center;
    margin: 40px auto 0;

}
.article-module .img img {
    position: static;
    max-width: 100%;
}
.form-module {
    margin-top: 40px;
}
.form-module .wrapper {
    padding: 40px 25px;
}
.form-module .form-group .form-item {
    width: 100%;
}
.form-module .form-group .form-item + .form-item {
    margin-top: 12px;
}
.form-module .agree {
    font-size: 12px;
}
.bot-block .content {
    width: 100%;
}
.advantage-item .title {
    font-size: 15px;
}
.advantage-item p {
    font-size: 14px;
}
.form-block_v3 .content {
    padding: 30px 0 60px;
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
}
.form-block_v3 p {
    order: 2;
    margin: 26px 85px 0 0;
    font-size: 16px;
}
.form-block_v3 .agree {
    order: 3;
    margin: 13px 110px 0 0;
    font-size: 10px;
    max-width: 160px;
}
.form-block_v3 .img {
    width: 157px;
    right: -70px;
}
.form-block_v3 .form-item input {
    height: 48px;
    border-radius: 20px;
}


.push-block .wrapper {
    padding: 42px 0 0;
}
.push-block .content {
    width: 100%;
    padding: 0;
}
.push-block .img {
    position: relative;
    right: 0;
    min-width: 0;
    margin-top: 27px;
    width: 100%;
    order: 2;
}



}


@media (max-width: 540px) {
.b-policy-info {
    width: 523px
}

.newsletter-block:before {
    width: 72px;
    height: 88px;
    background-size: 100% 100%;
    top: 1105px;
    right: -27px;
}
.newsletter-block .col-left {
    display: flex;
    flex-direction: column;
}
.newsletter-block H3 {
    order: -2;
}
.newsletter-block .img {
    position: relative;
    z-index: -1;
    top: 0;
    right: 0;
    width: 100%;
    order: -1;
    height: 278px;
    margin-top: 20px;
}
.newsletter-list {
    justify-content: space-between;
}
.newsletter-block .newsletter-item {
    margin: 0;
    max-width: 100%;
    width: 33.333%;
    font-size: 12px;
}


}

@media (max-width: 500px) {

.b-policy-info {
    width: 350px;
}

.preview-block .content {
    width: 100%;
    min-height: 440px;
}
.preview-block p {
    max-width: 320px;
}

.preview-block_v2 H1,
.preview-block_v4 H1 {
    font-size: 24px;
    line-height: 28px;
}
.preview-block p,
.preview-block_v2 p,
.preview-block_v3 p,
.preview-block_v4 p {
    font-size: 15px;
}



.preview-block_v2 .d-flex {
    justify-content: space-between;
}
.preview-block_v2 .newsletter-item {
    margin-right: 0;
    width: auto;
    max-width: 130px;
}

.preview-block_v2 .form-item,
.preview-block_v4 .form-item {
    width: 100%;
}
.preview-block_v2 .callback-form .bt,
.preview-block_v4 .callback-form .bt {
    width: 100%;
    margin-top: 12px;
}

.icon_text-item {
    width: 100%;
    margin-top: 20px;
    display: flex;
}
.icon_text-item .icon {
    width: 36px;
    min-width: 36px;
    height: 36px;
}
.icon_text-item .icon img {
    max-width: 60%;
}
.icon_text-item .text {
    padding: 0 0 0 14px;
}


.footer-subs .form-item {
    width: 100%;
}
.footer-subs .bt {
    width: 100%;
}
.project-slider {
    margin-right: -45px;
}
.project-slider .slick-list {
    padding-right: 90px;
}
.footer-nav {
    width: 100%;
}
.footer-service {
    width: 100%;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #333333;
}




.case-wrapper .head {
    text-align: center;
    display: block;
    width: 100%;
}
.case-wrapper .logo {
    width: 140px;
    margin: 0 auto 8px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.case-wrapper .logo img {
    max-height: 100%;
}
.case-wrapper .head + .h6 {
    margin-top: 5px;
    line-height: 150%;
}
.case-wrapper p {
    font-size: 15px;
    line-height: 160%;
}
.site-slider {
    margin: 30px -45px 0 -12px;
    padding: 0;
}
.site-slider .item {
    padding: 0 12px;
    font-size: 16px;
}
.statistic-box > .d-flex {
    margin: 0 -20px;
    padding: 25px 20px;
    overflow: auto;
    flex-wrap: nowrap;
}
.statistic-box > .d-flex::-webkit-scrollbar {
    width: 0;
    background: transparent;
}
.statistic-box > .d-flex::-webkit-scrollbar-thumb {
    width: 10px;
    background: transparent;
}
.statistic-box > .d-flex::-webkit-scrollbar-track {
    width: 0;
    background: transparent;
}
.statistic-item {
    margin: 0 30px 0 0;
    padding: 0;
    width: 270px;
    min-width: 270px;
}
.statistic-item:last-child {
    margin-right: 0;
}
.faq-block .form .text {
    max-width: 280px;
}
.faq-block .form form {
    max-width: 246px;
}
.bot-block .bt {
    width: 100%;
}
.bot-block .img img {
    left: -35px;
    transform: translateX(0%);
}
.push-block .bt {
    width: 100%;
}
.sm-logo-list .item {
    width: 50%;
}


}


@media (max-width: 360px) {

.container {
    padding: 0 25px;
}
.tariff-list,
.site-slider,
.project-slider {
    margin-right: -25px;
}
.form-block {
    margin-left: -25px;
    margin-right: -25px;
}


}