@media (min-width: 768px) {
    .navbar_collapse {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media (max-width: 1200px) {
    .container {
        width: 100%
    }

    .wrap_steps ul li span {
        right: -55px
    }

    .f_content p a {
        margin-left: 5px;
        font-size: 20px
    }

    .section7 .container>img {
        width: 390px
    }

    .section5 .container>img {
        width: 480px;
        left: -160px
    }
}

@media (max-width: 1120px) {
    .container {
        padding-right: 0;
        padding-left: 0
    }

    .wrap_steps ul li span {
        right: -40px
    }

    .f_content {
        width: 50%
    }

    .map_content {
        width: 60%
    }

    .contact_list {
        width: 38%
    }

    .section7 .container>img {
        width: 340px;
        right: 160px
    }
}

@media (max-width: 1026px) {
    .wrap_steps ul li span {
        right: -35px
    }
}

@media (max-width: 1023px) {
    body {
        font-size: 14px
    }

    .wrap_header_content {
        padding: 5px 0 10px
    }

    .section1 {
        padding: 30px 0
    }

    .section_in {
        padding: 30px 0
    }

    .wrap_content_section1>img {
        top: auto;
        bottom: 0;
        left: 55px;
        width: 270px
    }

    .content_section1 {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .wrap_steps ul li span {
        display: none
    }

    .navbar_collapse ul {
        padding-top: 23px
    }

    .navbar_collapse ul li a {
        font-size: 14px
    }

    .navbar_collapse ul li a:before {
        bottom: -45px
    }

    .wrap_title_section1 h1 {
        font-size: 40px
    }

    .wrap_title_section1 h1 span {
        font-size: 20px
    }

    .wrap_title_section1 p {
        font-size: 18px
    }

    .content_section1 ul li {
        font-size: 16px;
        margin-bottom: 15px
    }

    .title_form h3 {
        font-size: 18px
    }

    .form_content {
        padding: 75px 20px 30px
    }

    .section2 {
        padding: 30px 0 0
    }

    .container>p {
        font-size: 50px
    }

    .title_section {
        padding-top: 30px;
        font-size: 25px
    }

    .wrap_steps ul li {
        font-size: 16px
    }

    .section3 {
        padding: 60px 0 30px
    }

    .wrap_list_clients {
        margin-top: 30px
    }

    .wrap_list_clients ul {
        padding-bottom: 10px
    }

    .wrap_list_clients ul li {
        padding: 10px 0px 0;
        width: 25%
    }

    .section4 {
        padding: 30px 0 0
    }

    .wrap_list_use {
        padding-top: 30px
    }

    .wrap_list_use>img {
        width: 300px
    }

    .list_use ul li {
        font-size: 16px
    }

    .section5 {
        padding-top: 60px
    }

    .section5 .container {
        padding-bottom: 30px
    }

    .section5 .container>img {
        width: 375px;
        left: -90px
    }

    .title_section_second h2 {
        font-size: 25px
    }

    .title_section_second h2 span {
        font-size: 18px
    }

    .title_section_second>p {
        padding: 15px 0;
        font-size: 16px
    }

    .text_group p {
        padding-top: 10px
    }

    .bot_content_section5 {
        padding: 10px
    }

    .section6 {
        padding: 30px 0 0
    }

    table tr td {
        font-size: 14px
    }

    table tr td:first-child {
        font-size: 16px
    }

    .section7 {
        padding: 60px 0 0
    }

    .section7 .container {
        padding-bottom: 30px
    }

    .section7 .container>img {
        width: 290px
    }

    .section8 {
        padding: 30px 0
    }

    .contact_list h2 {
        font-size: 20px;
        padding-bottom: 25px
    }

    .contact_list ul li strong {
        font-size: 16px
    }

    .f_content:first-child p {
        font-size: 12px
    }

    .f_content .btn_st {
        font-size: 16px;
        width: 220px
    }

    .content_section1 ul {
        padding-bottom: 20px;
        width: 50%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .content_section1 ul li {
        text-align: center;
        width: 33%;
        font-size: 12px
    }

    .content_section1 ul li p {
        width: 100%
    }

    .svg_ico {
        margin: 0 auto 10px
    }
}

@media (max-width: 950px) {
    .f_content p {
        width: 100%;
        padding: 10px 0
    }

    .f_content:last-child {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .f_content:last-child p {
        text-align: right
    }

    .navbar_collapse ul {
        width: -webkit-calc(100% - 210px);
        width: calc(100% - 210px)
    }

    .navbar_collapse ul li a {
        font-size: 12px
    }

    .navbar_collapse ul li a:before {
        bottom: -43px
    }

    .contact_header {
        width: 210px
    }

    .contact_header .tel {
        font-size: 16px
    }

    .wrap_steps ul li {
        width: 24%;
        font-size: 15px
    }

    .wrap_step_img {
        width: 165px;
        height: 165px
    }

    footer {
        padding: 10px 0
    }

    .section5 .container>img {
        left: -110px
    }

    .section7 .container>img {
        right: 40px
    }
}

@media (max-width: 767px) {
    .wrap_btn .btn_st {
        width: 100%
    }

    .wrap_content_section1>img {
        display: none
    }

    .content_section1 ul {
        width: 100%
    }

    .content_section1 ul li {
        width: 50%
    }

    .wrap_header_content {
        padding: 5px 0
    }

    .navbar_toggle {
        display: block;
        float: right;
        background: transparent;
        width: 30px;
        height: 20px;
        border: 0;
        border-top: 2px solid #1a5f00;
        border-bottom: 2px solid #1a5f00;
        position: relative;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .navbar_toggle:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        background: #1a5f00;
        left: 0;
        top: 50%;
        -webkit-transition: .3s;
        transition: .3s;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .navbar_toggle:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        background: #1a5f00;
        left: 0;
        top: 50%;
        -webkit-transition: .3s;
        transition: .3s;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .navbar_toggle.active {
        border-color: transparent
    }

    .navbar_toggle.active:after {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .navbar_toggle.active:before {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .navbar_collapse {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #fff;
        padding: 10px 10px 15px;
        display: none
    }

    .navbar_collapse ul {
        padding: 0;
        width: 100%
    }

    .navbar_collapse ul li {
        width: 100%;
        display: block;
        text-align: center
    }

    .navbar_collapse ul li a {
        padding: 5px 0;
        display: block
    }

    .navbar_collapse ul li a:before {
        bottom: 0
    }

    .navbar_collapse .contact_header {
        padding-top: 10px;
        width: 100%
    }

    .wrap_title_section1 {
        text-align: center;
        border: 0;
        padding-left: 0
    }

    .wrap_title_section1 h1 {
        font-size: 25px
    }

    .wrap_title_section1 h1 span {
        font-size: 16px
    }

    .wrap_title_section1 p span:before {
        display: none
    }

    .wrap_form_content {
        width: 100%
    }

    .title_section {
        padding-top: 30px;
        padding-bottom: 30px;
        font-size: 18px
    }

    .title_section:before,
    .title_section:after {
        display: none
    }

    .container>p {
        display: none
    }

    .wrap_steps {
        padding-top: 0
    }

    .wrap_steps ul li {
        font-size: 12px;
        width: 50%
    }

    .slick-slide {
        text-align: center;
        position: relative
    }

    .slick-slide:focus {
        outline: none
    }

    .slick-slide img {
        display: inline-block
    }

    .wrap_list_clients {
        margin-top: 0
    }

    .wrap_list_use {
        padding-top: 0
    }

    .wrap_list_use>img {
        display: none
    }

    .list_use ul {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .list_use ul li {
        width: 50%;
        text-align: center !important;
        margin-bottom: 10px;
        font-size: 12px
    }

    .list_use ul li p {
        width: 100%
    }

    .section5 .container>img {
        display: none
    }

    .right_content_section5 {
        width: 100%
    }

    .title_section_second h2 {
        text-align: center;
        font-size: 18px
    }

    .title_section_second h2 span {
        font-size: 15px
    }

    .title_section_second>p {
        font-size: 14px;
        text-align: center
    }

    body {
        font-size: 12px
    }

    .bot_content_section5 {
        margin-top: 15px
    }

    .wrap_table_price {
        margin-top: 0
    }

    table thead {
        font-size: 12px
    }

    table tr td {
        height: 40px;
        font-size: 12px
    }

    table tr td:first-child {
        padding-left: 10px;
        font-size: 14px
    }

    table tr td:last-child {
        padding-right: 10px
    }

    table tr th {
        height: 40px
    }

    table tr th:first-child {
        padding-left: 10px
    }

    table tr th:last-child {
        padding-right: 10px
    }

    .section7 .container>img {
        display: none
    }

    #map {
        height: 250px
    }

    .map_content {
        width: 100%
    }

    .contact_list {
        width: 100%
    }

    .contact_list h2 {
        text-align: center;
        font-size: 18px;
        padding-bottom: 15px
    }

    .contact_list ul li strong {
        font-size: 14px
    }

    .wrap_title_form {
        width: 200px
    }

    .title_form h3 {
        font-size: 15px
    }

    .modal_f {
        width: 260px
    }

    .form_control {
        font-size: 12px
    }

    .thanks_modal h3 {
        font-size: 16px
    }

    .thanks_modal .form_content {
        padding: 15px 10px
    }

    .thanks_modal .form_content p {
        font-size: 11px
    }

    .form_content {
        padding: 75px 10px 20px
    }
}

@media (max-width: 540px) {
    table thead {
        display: none
    }

    table tbody tr {
        display: block;
        width: 100%
    }

    table tbody tr:first-child {
        border-top: 0
    }

    table tbody tr td {
        text-align: center !important;
        width: 100% !important;
        display: block;
        height: auto;
        padding: 5px 10px
    }

    .f_content {
        width: 100%;
        text-align: center
    }

    .f_content:first-child,
    .f_content:last-child {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .f_content:first-child p,
    .f_content:last-child p {
        text-align: center
    }
}

@media (max-width: 380px) {
    .wrap_steps ul li {
        width: 100%
    }
}