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

    #calculatorPopup .modal-dialog {
        width:100%;
    }

    .wrap-service {
        height: 260px;
        padding: 15px;
    }

    .reviews-popup .modal-dialog {
        width: 100%;
        height: 100% !important;
        max-height: 100% !important;
    }

    .one-block-review {
        height: auto;
    }

    .wrap-img-service {
        height: 285px;
        overflow: hidden;
        border-radius: 0 0 5px 5px;
    }

    .callback-discount ul li p {
        font-size: 18px;
    }

    .element-hide.hide {
        display: none !important;
    }

    .wrap-callback-stages {
        padding-top: 10px;
    }

    .arrow-left-advantage, .arrow-right-advantage {
        display: block;
    }

    #calculatorPopup .current-block-calculate ul {
        text-align: left;
        padding-left: 15px;
    }

    #calculatorPopup .current-block-calculate ul li {
        display: block;
        margin-bottom: 10px;
    }

    .list-field-calculate li a {
        text-align: center;
    }

    .application-calculator:before {
        left:-50px;
    }

    #calculatorPopup .modal-dialog > ul > li > a {
        margin-bottom: 20px;
    }

    #wrapper .mobile-none {
        display: none;
    }

    #advantages ul li {
        margin: 20px;
    }

    .mobile-block, #wrapper .mobile-block {
        display: block;
    }

    .list-scroll-buttons ul li {
        display: block;
    }

    .list-scroll-buttons ul li a {
        margin-bottom: 40px;
        padding-left: 10px;
        border-bottom: none;
        font-size: 16px;
    }

    .first-string-header a[data-toggle] {
        display: block;
        width: 100%;
        background-color: #F9CC30;
        height: 46px;
        font-family: Geometria;
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 46px;
        color: #22282E;
        text-align: center;
    }

    .first-string-header a.mobile-header-tel {
        color:black;
    }

    header, header .first-string-header {
        padding: 0;
        overflow: hidden;
        border-bottom: 1px solid #EDEFF0;
    }

    .first-string-header span {
        text-align: center;
        font-family: Geometria;
        font-style: normal;
        font-weight: 500;
        font-size: 10px;
        line-height: 14px;
        color: #8E9EAB;
        display: block;
        padding-top: 7px;
    }

    .first-string-header p {
        font-family: Geometria;
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        text-align: center;
        color: #22282E;
    }

    .mobile-hamburger {
        float:right;
        padding-top: 20px;
        display: block;
    }

    .two-string-header {
        position: relative;
    }

    .footer-logo {
        display: block;
        width: max-content;
        margin: 0 auto;
        z-index: 2134234;
        position: relative;
    }

    #howWorks {
        padding-bottom: 60px;
    }

    .mobile-menu {
        border-top: 1px solid #EDEFF0;
        position: fixed;
        background-color: white;
        top:108px;
        z-index: 7;
        left:0;
        width: 100%;
        padding: 25px 0;
        display: none;
        height: 100%;
    }

    .mobile-menu.active {
        display: block;
    }

    .mobile-menu ul li {
        display: block;
    }

    .mobile-menu > ul > li > a {
        display: block;
        font-family: Geometria;
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 20px;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        color: #22282E;
        margin-bottom: 20px;
        padding: 0 18px;
    }

    .mobile-menu ul li:after {
        display: none;
    }

    .btn-mobile-calculator {

        height: 46px;
        background: #F9CC30;
        border-radius: 3px;
        font-family: Geometria;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 46px;
        color: #22282E;
        text-align: center;
        display: block;
        margin: 0 18px;
    }

    .wrap-content-mobile span {
        display: block;
        font-family: Geometria;
        font-style: normal;
        font-weight: 500;
        font-size: 10px;
        line-height: 14px;
        color: #8E9EAB;
        padding-left: 18px;
    }

    .wrap-content-mobile p {
        font-family: Geometria;
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
        color: #22282E;
        padding-left: 18px;
    }

    .wrap-wrap-content-mobile {
        border-top: 1px solid #EDEFF0;
        margin-top: 20px;
        padding-top: 10px;
    }

    .wrap-wrap-content-mobile .col-xs-6 {
        padding: 0;
        position: relative;
        border-bottom: 1px solid #EDEFF0;
        padding-bottom: 10px;
    }

    .wrap-wrap-content-mobile .col-xs-6:first-child:after {
        border-right: 1px solid #EDEFF0;
        position: absolute;
        content: '';
        height: 125%;
        right:0;
        top:-10px;
    }

    .wrap-content-mobile a {
        display: block;
        font-family: Geometria;
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
        color: #0DC143;
        padding-left: 18px;

    }

    .mobile-menu .col-xs-12 {
        padding: 0;
        padding-top: 10px;
    }

    .list-mobile-socials-header ul li {
        display: inline-block;
        margin-top: 20px;
        margin-right: 20px !important;
    }

    .list-mobile-socials-header ul {
        text-align: center;
    }

    .list-mobile-socials-header ul li a {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: block;
        padding-top: 12px;
    }

    .right-popup {
        display: none;
    }

    #successCallback .modal-dialog, #callbackPopup .modal-dialog {
        width: 100%;
    }

    .wrap-callback-span input, .btn-callback-popup {
        width: 100%;
    }

    #slider {
        background-position: center center;
        height: 460px;
        overflow: hidden;
        background-size: cover;
    }


    #slider h1 {
        font-size: 26px;
        line-height: 28px;
    }


    #slider p {
        padding-top: 115px;
        font-size: 10px;
    }

    #slider span {
        font-size: 13px;
        line-height: 18px;
    }

    #slider span br {
        display: none;
    }

    #slider a {
        width: 100%;
        font-size: 14px;
    }

    #services h2 {
        font-size: 24px;
    }

    .wrap-service > span {
        font-size: 16px;
    }

    .wrap-service > span span {
        float:none;
        margin-bottom: 20px;
    }

    .wrap-service p {
        font-size: 13px;
    }

    .mobile-hamburger.active img {
        display: none;
    }

    .mobile-hamburger.active {
        position: relative;
    }

    .mobile-hamburger.active:before {
        position: absolute;
        right: 10px;
        content:url(../images/svg/hamburger-active.svg);
    }

    .list-services-tags {
        display: none;
    }

    .btn-mobile-services {
        width: 245px;
        margin: 20px auto 30px;
        background: #F9CC30;
        border-radius: 3px;
        font-family: Geometria;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 46px;
        color: #22282E;
        text-align: center;
    }

    .btn-free-consultation:after {
        display: none;
    }

    .btn-free-consultation {
        color: #22282E;
        background: #F9CC30;
    }

    #consumers h2 {
        font-size: 24px;
        line-height: 26px;
    }

    .wrap-consumers {
        padding: 25px 20px;
        min-height: 115px;
        height: auto;
    }

    .wrap-consumers br {
        display: none;
    }

    .wrap-consumers span {
        font-size: 18px;
        padding-bottom: 10px;
    }

    .wrap-consumers p {
        font-size: 13px;
    }

    .callback-discount {
        height: auto;
        margin:70px 15px 0;
        padding: 15px 15px 70px;
    }

    .wrap-checkbox-callback {
        bottom: 20px;
    }

    #consumers {
        padding: 60px 0;
    }

    .wrap-consumers:after {
        display: none;
    }

    .first-step > ul > li {
        width: 100%;
        display: block;
    }

    .first-step > ul > li:last-child {
        padding-left: 0;
    }

    .wrap-callback-stages {
        display: block;
    }

    .wrap-callback-stages input {
        width: 100%;
    }

    .btn-callback-stages {
        width: 100%;
        display: block;
        margin-left: 0;
    }

    .wrap-checkbox-stages {
        bottom: 5px;
    }

    .callback-discount:before {
        top:-70px;
    }

    .wrap-field-callback {
        margin-left: 0;
    }

    .wrap-field-callback input {
        width: 100%;
    }

    .callback-discount ul li {
        display: block;
    }

    .callback-discount ul li p br {
        display: none;
    }

    .callback-discount > ul > li > span {
        padding-bottom: 20px;
        display: block;
        font-size: 13px;
    }

    .callback-discount {
        background-size: contain;
        background-repeat: initial;

    }

    .btn-free-consultation {
        width: 100%;
        margin-left: 0;
    }

    .wrap-checkbox-callback label a {
        display: block;
    }

    .btn-callback-stages {
        margin-top: 15px;
        margin-bottom: 25px;
    }

    .wrap-stages-control p {
        margin-bottom: 10px;
    }

    .wrap-step:after {
        display: none;
    }

    footer {
        height: 100%;
        padding: 0 0 30px;
    }

    .footer-logo span {
        display: none;
    }

    .footer-logo img {
        float: initial;
        text-align: center;
        margin: 0 auto;
        display: block;
    }

    .copyright span {
        text-align: center;
    }

    .copyright a {
        text-align: center;
    }

    .re-callback, .btn-add-question, .footer-calculate {
        width: auto;
        margin: 0 15px 15px;
    }

    .list-socials li {
        margin-right: 0;
    }

    .list-socials {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: space-around;
        margin-bottom: 20px;
        padding: 0 15px 15px;
        border-bottom: 1px solid #8E9EAB;
        margin-top: 30px;
    }

    footer .col-lg-2, footer .col-lg-3 {
        padding: 0;
    }

    .caption-footer, .list-contacts-footer span, .list-contacts-footer p {
        text-align: left !important;
    }

    .list-footer-links {
        display: none;
    }

    .caption-footer {
        position: relative;

        border-bottom: 1px solid #8E9EAB;
        padding: 15px;
    }

    footer hr {
        display: none;
    }

    .list-contacts-footer {
        display: none;
        padding-left: 15px;
    }

    .caption-footer:after {
        content:'+';
        right:17px;
        top:15px;
        position: absolute;
    }

    .caption-footer.active:after {
        content:'-';
        right:17px;
        top:15px;
        position: absolute;
    }

    .list-footer-links {
        padding-left: 15px;
        border-bottom: 1px solid #8E9EAB;
    }

    .list-questions a {
        font-size: 16px;
        padding-right: 45px;
    }

    #questions h2 {
        font-size: 24px;
        margin-bottom: 30px;
    }

    #questions {
        padding: 60px 0;
    }

    #reviewsPopup .modal-dialog {
        width: 100%;
    }

    .modal-dialog {
         left: 0;
         top: 0;
         transform: initial !important;
        background-color: white;
        margin: 0;
        padding: 0;
        box-shadow: 0px 8px 24px rgba(13, 42, 71, 0.08);
        border-radius: 5px;
        overflow: hidden;
        height: 100% !important;
        position: absolute;
    }

    .list-fields-field {
        padding: 0 30px ;
    }

    .list-stars-popup {
        width: 100%;
    }

    .list-fields-field > li {
        display: block;
    }

    .list-fields-field li input {
        width: 100%;
    }

    .list-fields-field > li {
        margin-right: 0;
    }

    .wrap-text-field-popup textarea {
        height: 90px;
    }

    .description-works {
        width: 100%;
    }

    .result-work {
        width: 100%;
    }

    .result-work ul li {
        display: block;
        width: 100%;
        font-size: 13px;
    }

    .list-questions a:after {
        right: 20px;
    }

    .big-image-work {
        width: 77%;
        display: initial;
        float:left;
    }

    .description-works {
        margin-top: 20px;
    }

    .first-step > ul > li {
        padding-bottom: 0;
    }

    .big-image-work img {
        width: 100%;
        border-radius: 3px;
    }

    .list-work-images {
        width: 20%;
        margin-left: 5px;
    }

    .arrows-works {
        width: 30%;
        top:initial;
        bottom: -10%;
        left:50%;
        transform: translate(-50%);
    }

    .arrows-works ul li a {
        position: absolute;
    }

    .list-work-images img {
        width: 100%;
        border-radius: 3px;
    }

    .result-work span {
        font-size: 14px;
    }

    .list-work-images li {
        margin-bottom: 10px;
    }

    .btn-stages {
        position: relative;
    }

    .btn-stages:after {
        position: absolute;
        content:url(../images/svg/arrow-mobile.svg);
        right:0;
        top:0;
    }

    .btn-stages.active:after {
        transform: rotate(180deg);
        top:10px;
    }

    .first-step span, .wrap-step span {
        display: block;
        font-size: 18px;
    }

    .text-rating-reviews.mobile-block {
        display: inline-block;
        text-align: center;
    }

    .wrap-wrap-wrap-reviews {
        text-align: center;
    }

    .wrap-wrap-wrap-reviews ul {
        display: inline-block;
    }

    .mobile-arrows-reviews ul {
        text-align: center;
        margin-top: 40px;
    }

    #calculatorMobile {
        padding-bottom: 60px;
    }

    .calculate-after-form {
        margin-top: 60px;
    }

    #aboutTextFirst h1 {
        font-size: 24px;
        margin-bottom: 20px;
        line-height: initial;
    }

    #aboutTextFirst p {
        font-size: 14px;
    }

    .wrap-block-about {
        padding: 25px 20px;
        height: auto;
        margin-bottom: 30px;
    }

    .wrap-block-about span {
        font-size: 16px;
    }

    .wrap-block-about span br {
        display: none;
    }

    .wrap-block-about p br {
        display: none;
    }

    .wrap-block-about p {
        font-size: 13px;
    }

    #aboutTextTwo img {
        width: 100%;
    }

    #aboutTextThree h3 {
        font-family: Littera;
        font-style: normal;
        font-weight: normal;
        font-size: 22px;
        line-height: 24px;
        color: #22282E;
        text-align: center;
    }

    #aboutTextThree p {
        font-size: 14px;
    }

    #stats h3 {
        font-size: 22px;
        text-align: center;
    }

    #stats .col-lg-3 span {
        font-family: Littera;
        font-style: normal;
        font-weight: 500;
        font-size: 26px;
        line-height: 28px;
        color: #8E9EAB;
        text-align: center;
    }

    #stats .col-lg-3 p {
        font-family: Geometria;
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 18px;
        text-align: center;
        color: #22282E;
        margin-bottom: 20px;
    }

    #stages {
        padding: 60px 0;
    }

    #stages h2 {
        font-family: Littera;
        font-style: normal;
        font-weight: normal;
        font-size: 24px;
        line-height: 26px;
        color: #22282E;
        margin-bottom: 30px;
    }

    .first-step, .wrap-step {
        padding: 18px 30px;
    }

    #servicesCompany {
        padding: 60px 0;
    }

    #servicesCompany h4 {
        font-family: Littera;
        font-style: normal;
        font-weight: normal;
        font-size: 24px;
        line-height: 26px;
        color: #22282E;
        padding-bottom: 30px;
    }

    .wrap-service-about {
        height: auto;
        margin-bottom: 30px;
    }

    #contacts .wrap-block-contact {
        margin-bottom: 30px;
    }

    #contacts {
        padding-bottom: 0;
    }

    #maps {
        height: auto;
        margin-bottom: 50px;
    }

    #guarantees .col-lg-6 {
        padding: 0 15px !important;
    }

    #material h3 {
        font-family: Littera;
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        line-height: 22px;
        color: #22282E;
        margin-bottom: 30px;
    }

    .wrap-material {
        height: auto;
        padding: 25px 20px;
        margin-bottom: 30px;
    }

    #material img {
        height: auto;
        margin-bottom: 30px;
    }

    .btn-add-review {
        float:none;
        margin: 20px auto;
    }

    #reviewsPage .col-lg-4.col-lg-offset-2 {
        text-align: center;
    }

    .block-price ul li {
        width: 50%;
    }

    #pageArticle h1 {
        font-family: Littera;
        font-style: normal;
        font-weight: normal;
        font-size: 24px;
        line-height: 26px;
        color: #22282E;
        margin-bottom: 30px;
    }

    #breadcrumbs {
        min-height: 46px;
        height: auto;
    }

    .wrap-question-article {
        height: auto;
        padding: 25px 20px;
        margin-bottom: 30px;
    }

    #questionArticle img {
        width: 100%;
    }

    #articles a {
        font-size: 16px;
        line-height: 20px;
    }

    #descriptionArticle2 img {
        width: 100%;
        margin-bottom: 20px;
    }

    #services {
        padding: 60px 0;
    }

    .services-tabs h3 {
        font-size: 20px;
    }

    .services-tabs p {
        font-size: 14px;
    }

    #advantages ul li[role="presentation"] button {
        height: 2px;
        width: 100%;
        background: #8E9EAB;
        border: none;
        outline: none;
        margin: 0;
        padding: 0;
        line-height: 0;
        text-indent: -9999px;
    }

    #advantages ul li.slick-active button {
        background: #F9CC30;
    }

    .slick-dots li {
        margin: 0 !important;
        width: 20%;
        float:left;
    }

    .slick-dots {
        margin: 0 20px;
    }

    .arrow-left-advantage {
        position: absolute;
        left:15px;
    }

    .arrow-right-advantage {
        position: absolute;
        right:15px;
    }

    .wrap-question-input {
        padding: 0 0 20px;
    }

    .question-form p {
        font-size: 18px;
    }

    .text-question-form {
        font-size: 13px;
    }

    .text-question-form br {
        display: none;
    }

    .question-form input[type="submit"] {
        margin: 0;
        width: 100%;
    }

    #descriptionArticle3 img {
        margin-bottom: 30px;
        width: 100%;
    }

    #vacancies img {
        display: none;
    }

    .wrap-vacancy {
        height: auto;
    }

    .right-vacancy .salary {
        position: initial;
        display: block;
        padding-bottom: 10px;
    }

    #vacancyPopup .modal-dialog {
        width: 100%;
    }

    .btn-submit {
        margin-top: 0;
    }

    .list-buttons-popup li {
        display: block;
        width: 100%;
    }

    #privacy h1 {
        font-family: Littera;
        font-style: normal;
        font-weight: normal;
        font-size: 24px;
        line-height: 26px;
        color: #22282E;
        padding-bottom: 0;
    }

    #page404 img {
        width: 100%;
    }

    .wrap-service-one {
        margin-bottom: 30px;
    }

    .mobile_class_padding {
        padding-bottom: 100px;
    }

    .prices-service {
        height: auto;
        padding: 25px 20px;
        margin-bottom: 30px;
    }

    #pageOneService img {
        width: 100%;
    }

    .list-subservices ul li {
        width: 48%;
        margin-right: 10px;
    }

    .list-subservices ul li img {
        width: 100%;
    }

    .list-subservices ul li:nth-child(2n) {
        margin-right: 0;
    }

    #blockReviews {
        margin-top: 0;
        padding: 60px 0;
    }

    .right-description-sub-service {
        padding-bottom: 30px;
    }

    #descriptionSubService2 .hashtag1 {
        margin-bottom: 30px;
    }

    #descriptionSubService2 img {
        width: 100%;
    }

    #territory img {
        display: none;
    }

    .wrap-territory {
        height: auto;
        padding: 25px 20px;
    }

    #howWorks h5 {
        font-size: 28px;
    }

    #subServicePage img {
        width: 100%;
    }
}

@media only screen and (min-width: 768px)  and (max-width: 959px) {

    #menu .col-lg-12 > ul > li {
        margin-right: 15px;
        font-size: 13px;
    }

    #advantages ul.wrap-advantages li.advantage-wrap {
        float:none;
        display: inline-block;
    }

    .wrap-advantages {
        margin: 0 auto;
        text-align: center;
    }

    header ul li:nth-child(n+3) {
        float:right;
        margin-left: 20px;
        margin-top: 10px;
        margin-right: 0;
    }

    header ul li:after {
        display: none;
    }

    #advantages ul li {
        width: 43%;
        margin-bottom: 30px;
    }

    .wrap-service {
        height: 300px;
    }

    .wrap-service > span span {
        float:none;
        margin: 10px 0;
    }

    .wrap-service > span {
        font-size: 18px;
    }

    .img-service {
        display: none;
    }



    .wrap-field-callback {
        margin-left: 15px;
    }

    .callback-discount {
        height: auto;
    }

    .btn-free-consultation {
        width: 280px;
        margin-left: 270px;
        margin-top: 10px;
    }

    .wrap-checkbox-callback {
        bottom: 3px;
    }

    #calculator ul li {
        margin-right: 15px;
    }

    #calculator .col-lg-12 ul li a {
        font-size: 13px;
    }

    .wrap-checkbox-stages {
        bottom: 10px;
    }

    .result-work {
        width: 100%;
    }

    .big-image-work {
        width: 68%;
    }

    .arrows-works {
        width: 20%;
        top:initial;
        bottom: -10%;
        left:50%;
        transform: translate(-50%);
    }

    .arrows-works ul li a {
        position: absolute;
    }

    .big-image-work img {
        width: 100%;
    }

    .btn-callback-stages {
        margin-left: 0;
        margin-top: 15px;
    }

    .first-step {
        padding-bottom: 60px;
    }

    .reviews-stars {
        padding-left: 0;
    }

    .question-form input[type="submit"] {
        width: 94%;
    }

    footer {
        height: auto;
    }

    #slider {
        overflow: hidden;
        width: 100%;
        background-repeat: no-repeat;
        background-position: 0;
    }

    #menu .btn-calculate {
        display: none;
    }

    .description-works {
        width: 100%;
    }

    .caption-footer {
        text-align: left !important;
    }

    .list-contacts-footer span, .list-contacts-footer p {
        text-align: left;
    }

    footer .col-lg-2 {
        padding-left: 15px;
    }

    .footer-logo {
        margin-top: -15px;
    }

    #aboutTextTwo img {
        width: 100%;
    }

    .wrap-block-about {
        margin-top: 1px;
    }

    .wrap-text-service {
        height: 300px;
    }

    .wrap-text-service a span {
        float:none;
        margin: 15px 0;
    }

    .wrap-text-service a {
        font-size: 18px;
    }

    #stages {
        padding: 0;
    }

    #servicesCompany {
        padding: 60px 0;
    }

    .contacts-list li a {
        font-size: 13px;
    }

    #maps {
        height: auto;
    }

    .wrap-guarantess {
        margin-top: 1px;
    }

    #material img {
        height: auto;
    }

    .wrap-question-article {
        margin-top: 1px;
    }

    #questionArticle img {
        width: 100%;
    }

    #descriptionArticle3 img {
        display: none;
    }

    .question-form {
        margin-top: 30px !important;
    }

    #vacancies img, .sub-menu {
        display: none;
    }

    .wrap-vacancy {
        height: auto;
    }

    .wrap-content-service {
        height: 280px;
    }

    .wrap-content-service a span {
        float:none;
        margin: 15px 0;
    }

    .wrap-content-service a {
        font-size: 18px;
    }

    .mobile_class_padding {
        padding-bottom: 120px;
    }

    #pageOneService img {
        width: 100%;
    }

    .list-subservices ul li {
        width: 200px;
        float:none;
        vertical-align: top;
        display: inline-block;
        margin: 0 15px 15px !important;
    }

    /*.list-subservices ul li:nth-child(3n) {*/
        /*margin-right: 0;*/
    /*}*/

    /*.list-subservices ul li:nth-child(4n) {*/
        /*margin-right: 30px;*/
    /*}*/

    .list-subservices ul li img {
        width: 100%;
    }

    .wrap-description-service {
        margin-top: 30px;
    }

}

@media only screen and (min-width: 960px)  and (max-width: 1368px) {

}

@media only screen and (min-width: 1368px)  and (max-width: 1500px) {


}