@media (max-width: 1349px) {

    .header-block .phone-block {
        margin-left: 20px;
    }
    
    .header-block .logo {
        margin-right: 23px;
    }
    
    .header-block .phone-block a {
        font-size: 24px;
    }
    
    .main-block .title {
        font-size: 54px;
    }
    
    .main-block .image {
        right: -100px;
    }
    
    .wrapper {
        overflow: hidden;
        max-width: 100%;
    }
    
    .consultation-block .info {
        width: 725px;
        padding-bottom: 40px;
    }
    
    .consultation-block .image {
        margin-left: -100px;
        width: calc(100% - 545px);
    }
    
    .consultation-block .info .btn-block {
        margin-left: 0;
    }
    
    .consultation-block .info .btn-block .phone-block {
        margin-left: 50px;
    }
    
    .consultation-block .info .title {
        font-size: 37px;
    }
    
    .consultation-block .info .advantages ul li {
        font-size: 19px;
    }
    
    .consultation-block .info .btn-block .phone-block:before {
        transform: rotate(-95deg);
        margin-top: -30px;
    }
    
    .consultation-block {
        align-items: flex-end;
    }
    
    .action-block .title {
        font-size: 30px;
    }
    
    .action-call .btn {
        font-size: 18px;
    }
    
    .footer-block {
        flex-flow: column;
    }
    
    .footer-block .logo {
        margin: 0 0 20px;
    }
    
    .footer-block .links {
        margin: 0 auto;
    }

}

@media (max-width: 1199px) {

    .header-block .logo span {
        display: none;
    }
    
    .header-block .control {
        display: none;
    }
    
    .header-block .phone-block {
        margin: 0;
    }
    
    .header-block .adress {
        margin: 0 auto;
    }
    
    .main-block .image {
        width: 550px;
        right: -210px;
    }
    
    .section-title .title {
        font-size: 42px;
    }
    
    .section-title .subtitle {
        font-size: 22px;
    }
    
    .reasons-list .item {
        width: calc(100%/2 - 30px/2);
    }
    
    .reasons-list .item:nth-child(3n) {
        margin-right: 30px;
    }
    
    .reasons-list .item:nth-child(2n) {
        margin-right: 0;
    }
    
    .consultation-block .image {
        position: absolute;
        left: 0;
        bottom: 0;
    }
    
    .consultation-block {
        position: relative;
    }
    
    .consultation-block .info {
        margin-left: auto;
        width: 630px;
    }
    
    .consultation-block .image > img {
        max-width: 100%;
    }
    
    .consultation-block .info .title {
        font-size: 34px;
    }
    
    .consultation-block .info .subtitle {
        margin: 0 0 25px;
    }
    
    .consultation-block .info .advantages {
        margin-left: 0;
        margin-bottom: 0;
    }
    
    .problems-list .item {
    }
    
    .problems-list .item:nth-child(3n) {
        margin-right: 15px;
    }
    
    .systems .section-title {
        margin: 0 0 90px;
    }
    
    .systems-list .item {
        width: 280px;
    }
    
    .systems-list .item .info .title {
        font-size: 20px;
        line-height: 130%;
    }
    
    .action-block .title {
        font-size: 26px;
    }
    
    .footer-block ul li {
        font-size: 13px;
        margin-right: 15px;
    }
    
    .consultation-block .image .label {
        width: 120px;
        right: 50px;
        bottom: 80px;
    }

}

@media (max-width: 991px) {

    .header-block {
        padding: 14px 0;
        border: none;
    }
    
    header {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        background: #FFF;
        z-index: 100;
        box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    }
    
    .header-block .adress {
        display: none;
    }
    
    .header-block .phone-block {
        margin-left: auto;
    }
    
    .header-block .logo span {
        display: block;
        font-size: 13px;
    }
    
    .wrapper {
    }
    
    .main {
        padding: 108px 0 30px;
    }
    
    .main-block {
        display: flex;
        flex-flow: column;
    }
    
    .main-block .title {
        line-height: 120%;
        font-size: 40px;
        text-align: center;
    }
    
    .main-block .subtitle {
        text-align: center;
        font-size: 20px;
        margin: 0 0 22px;
    }
    
    .main-block .image {
        position: relative;
        bottom: 0;
        right: 0;
        order: 3;
        width: 261px;
        margin: 0 auto;
    }
    
    .main-block .btn-block {
        order: 4;
        justify-content: center;
    }
    
    .main-block .advatages {
        order: 5;
        justify-content: center;
        margin: 30px 0 0;
    }
    
    .main-block .btn-block .phone-block {
        margin: 20px auto 0;
    }
    
    .main-block .btn-block .phone-block:before {
        transform: rotate(-155deg);
        left: -110px;
        top: 0;
    }
    
    .results-block .item {
        width: calc(100%/2 - 30px/2);
    }
    
    .results-block .item:nth-child(3n) {
        margin-right: 30px;
    }
    
    .results-block .item:nth-child(2n) {
        margin-right: 0;
    }
    
    .results {
        padding: 50px 0;
    }
    
    .section-title .title {
        font-size: 36px;
        margin: 0 0 10px;
    }
    
    .section-title .subtitle {
        font-size: 19px;
    }
    
    .section-title {
        margin: 0 0 40px;
    }
    
    .reasons-list .item.last a {
        padding: 40px 30px;
    }
    
    .reasons-list .item.last a span {
        font-size: 28px;
    }
    
    .consultation-block .image {
        order: 2;
        position: relative;
        bottom: 0;
        left: 0;
        width: 290px;
        text-align: center;
        margin: -340px 0 0 auto;
        left: 90px;
    }
    
    .consultation-block {
        flex-flow: column;
        align-items: flex-start;
    }
    
    .consultation-block .info {
        margin-left: 0;
    }
    
    .consultation {
        max-width: 100%;
        overflow: hidden;
    }
    
    .consultation-block .info .btn-block .phone-block:before {
        transform: rotate(-125deg);
        left: -60px;
    }
    
    .consultation-block .info .btn-block .phone-block {
        margin-left: 20px;
    }
    
    .problems-list .item {
        width: 280px;
    }
    
    .systems-list .item {
        width: 460px;
        margin: 0 auto 30px;
        padding: 12px;
        flex-flow: row;
    }
    
    .systems-list .item .image {
        margin: 0;
    }
    
    .systems-list .item .info {
        text-align: left;
        padding-left: 20px;
    }
    
    .systems-list .item .info .title {
        font-size: 24px;
    }
    
    .systems-list {
        flex-flow: column;
    }
    
    .systems-list .item:last-child {
        margin-bottom: 0;
    }

    .systems .section-title {
        margin-bottom: 40px;
    }
    
    .action-call {
        padding: 26px 0;
    }
    
    .action-block .title {
        text-align: center;
        width: 100%;
        margin: 0 0 10px;
    }
    
    .action-block {
        flex-flow: column;
        align-items: center;
    }
    
    .action-block .control {
        margin: 0 auto;
    }
    
    .reviews {
        padding: 50px 0;
    }
    
    .systems {
        padding: 50px 0;
    }
    
    .contacts-block .map {
        width: 100%;
        order: 2;
        margin-right: 0;
        height: 300px;
        display: none;
    }

    .contacts-block .mobile-map {
        display: block;
        order: 2;
        width: 100%;
    }
    
    .contacts-block .mobile-map a {
        padding: 20px;
        background: #434343;
        text-align: center;
        display: block;
        color: #FFF;
        border-radius: 6px;
        font-size: 18px;
        text-transform: uppercase;
    }
    
    .contacts-block .info {
        width: 100%;
        order: 1;
        margin: 0 0 30px;
        display: flex;
        flex-flow: column;
        align-items: center;
        text-align: center;
    }
    
    .contacts-block .images {
        order: 3;
    }
    
    .footer-block ul {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .footer-block ul li {
        margin: 5px 10px;
    }

}

@media (max-width: 767px) {

    .header-block .logo span {
        display: none;
    }
    
    .header-block .phone-block a {
        font-size: 3.5vw;
    }
    
    .header-block .logo {
        width: 30vw;
    }
    
    .header-block .phone-block span {
        font-size: 2.2vw;
    }
    
    .main-block .advatages .item {
        margin-right: 30px;
        font-size: 16px;
    }
    
    .btn {
        font-size: 18px;
    }
    
    .reasons-list .item .num {
        font-size: 60px;
        line-height: 40px;
        bottom: inherit;
        top: 50%;
        transform: translateY(-50%);
        font-weight: 600;
        left: 10px;
    }
    
    .reasons-list .item .text {
        font-size: 20px;
    }
    
    .reasons-list .item {
        width: 100%;
        margin: 0 0 20px;
        min-height: auto;
        padding-left: 110px;
    }
    
    .reasons-list .item:nth-child(2n), .reasons-list .item:nth-child(3n) {
        margin-right: 0;
    }
    
    .reasons-list .item.last a {
        min-height: auto;
        padding: 20px 30px;
    }
    
    .reasons-list .item.last a span {
        font-size: 20px;
    }
    
    .reasons-list .item.last a span br {
        display: none;
    }
    
    .reasons-list .item.last a img {
        width: 20px;
    }
    
    .reasons-list .item.last {
        margin-bottom: 0;
    }
    
    .reasons {
        padding: 50px 0;
    }
    
    .consultation {
        padding: 50px 0 0;
    }
    
    .consultation-block .info .title {
        font-size: 28px;
        text-align: center;
    }
    
    .consultation-block .info .subtitle {
        font-size: 18px;
        text-align: center;
    }
    
    .consultation-block .info .advantages ul li {
        width: 100%;
        margin: 0 0 20px;
        padding-left: 50px;
    }
    
    .consultation-block .info .btn-block .phone-block {
        margin-top: 20px;
    }
    
    .consultation-block .info .btn-block .phone-block:before {
        display: none;
    }
    
    .consultation-block .info .advantages ul li::before {
        width: 32px;
        height: 32px;
    }
    
    .problems {
        padding: 50px 0 30px;
    }
    
    .problems-list .item {
        width: 200px;
        margin: 0 10px 30px;
        font-size: 18px;
    }
    
    .problems-list .item .image {
        margin: 0 0 14px;
    }
    
    .contacts-block .images .image {
        width: 100%;
        margin: 0 0 15px;
    }
    
    .contacts-block .images .image:last-child {
        margin-bottom: 0;
    }
    
    .contacts {
        padding: 50px 0;
    }

    .modal-block .image {
        display: none;
    }
    
    .modal-block .info {
        padding: 19px 20px;
        width: 100%;
        display: flex;
        flex-flow: column;
        align-items: center;
    }
    
    .modal [data-fancybox-close] {
        right: 0;
        top: 0;
        color: #434343;
    }
    
    .modal-block .modal-title {
        font-size: 22px;
    }

}

@media (max-width: 574px) {
    
    .consultation-block .image .label {
        width: 70px;
        right: 100px;
        bottom: 40px;
    }
    
    .consultation-block .image {
        margin: 0 auto;
        left: 0;
    }
    
    .consultation-block .image .label {
        width: 120px;
        right: 40px;
    }

}

@media (max-width: 524px) {

}

@media (max-width: 474px) {

    .main {
        padding-top: 90px;
    }

    .main-block .title {
        font-size: 30px;
        margin: 0 0 10px;
    }

    .main-block .subtitle {
        font-size: 17px;
    }

    .btn {
        padding: 18px 20px;
        font-size: 16px;
    }

    .btn-block .btn:after {
        width: 62px;
        height: 59px;
        right: -20px;
        bottom: -20px;
    }

    .btn-block .phone-block span {
        font-size: 19px;
    }

    .main-block .btn-block .phone-block:before {
        display: none;
    }

    .main-block .btn-block .phone-block {
        margin: 20px auto 0;
        text-align: center;
    }

    .main-block .btn-block {
        justify-content: flex-start;
    }

    .main-block .btn-block .btn {
        width: 100%;
    }

    .btn-block .phone-block a {
        font-size: 24px;
    }

    .main-block .advatages .item {width: 100%;margin: 0 0 20px;}

    .main-block .advatages .item img {
        margin: 0 0 14px;
    }

    .results-block .item {
        width: 100%;
        margin: 0 0 10px;
    }

    .results-block .item:nth-child(3n) {
        margin-right: 0;
    }

    .section-title .title {
        font-size: 28px;
    }

    .section-title .title br {
        display: none;
    }

    .reasons-list .item.last a span {
        max-width: 70%;
    }

    .consultation-block .info .title {
        font-size: 26px;
    }

    .systems-list .item {
        flex-flow: column;
    }

    .systems-list .item .image {
        margin: 0 0 15px;
    }

    .systems-list .item .info {
        padding: 0;
        width: 100%;
        text-align: center;
    }

    .action-call .btn {
        font-size: 16px;
    }

    .action-block .title br {
        display: none;
    }

    .action-block .title {
        font-size: 28px;
    }

    .contacts-block .info {
        padding: 20px 15px;
    }

    .contacts-block .info .btn {
        width: 100%;
    }

    .contacts-block .info .control {
        width: 100%;
    }

    .header-block .logo {
        width: 41vw;
    }

    .header-block .phone-block a {
        font-size: 4.5vw;
    }

    .header-block .phone-block span {
        font-size: 2.8vw;
        margin-top: 0;
    }

    .form-control .btn {
        padding: 12px;
        font-size: 15px;
    }

    .form-group input {
        padding: 20px;
        font-size: 15px;
    }

    .present_box .name {
        font-size: 15px;
    }

    .present_box .cost {
        font-size: 13px;
    }

    .modal-block .modal-title {
        font-size: 18px;
        padding-top: 40px;
    }
    
    .modal.thanks .modal-title {
        padding: 40px 40px;
        text-align: center;
    }
    
    .modal.thanks .modal-title b {
        display: block;
        font-size: 34px;
        font-weight: 600;
        margin: 0 0 10px;
    }
    
    .modal.thanks .modal-title span {
        font-size: 20px;
    }
    
    .modal.thanks {
        width: 460px;
    }
    
    .modal.thanks .modal-title b {
        font-size: 26px;
    }
    
    .modal.thanks .modal-title {
        padding: 40px 20px;
    }
    
    .modal.thanks .modal-title span {
        font-size: 16px;
    }

}

@media (max-width: 424px) {
    
    .modal .text-block {
        padding: 20px;
    }
    
    .modal .text-block .h1 {
        font-size: 20px;
    }
    
    .modal .text-block p {
        line-height: 120%;
    }

}

@media (max-width: 374px) {

    .header-block .logo {
        width: 40vw;
    }
    
    .main-block .title {
        font-size: 25px;
    }
    
    .main-block .subtitle {
        font-size: 16px;
    }
    
    .btn {
        font-size: 14px;
    }
    
    .reasons-list .item .num {
        position: relative;
        transform: none;
        top: 0;
        left: 0;
        margin: 0 0 20px;
    }
    
    .reasons-list .item {
        padding: 24px;
    }

}