@media (min-width: 640px) {

    /* ЗАГАЛЬНІ СТИЛІ */
    body {
        font: normal 16px/1.5 Arial, sans-serif;
    }

    .tile {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 20px;
    }

    .tile_3 {
        grid-template-columns: 1fr 1fr;
    }

    .banner {
        margin-bottom: 0;
        min-height: 715px;
    }


    .banner>.container {
        bottom: 0;
    }

    /* ХЕДЕР */

    /* БАННЕР */

    /* ПЕРЕВАГИ */

    /* МИ ПРОПОНУЄМО */

    /* ПРИКЛАДИ РОБІТ  */

    /* ДОДАТКОВІ ПОСЛУГИ */
    .table_row_bottom {
        padding: 2px 106px 20px 30px;
    }

    .table_row_bottom div.top_part {
        flex-wrap: nowrap;
    }

    .table_row_bottom a.btn {
        margin-right: 0;
        width: 160px;
    }

    .table_row_bottom .top_part a {
        margin-right: auto;
        width: auto;
    }

    .table_row_bottom .top_part .total_sum {
        width: 160px;
        margin-left: 66px;
    }

    .table_row_bottom .top_part span {
        margin-left: auto;
        width: auto;
    }

    /* ПРОЦЕС СПІВПРАЦІ */
    .work_process_inner .subtitle {
        margin-bottom: 74px;
    }

    .process_tree::after {
        content: "";
        width: 1px;
        height: 100%;
        background-color: #000;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%);
    }

    .pr_step {
        align-items: flex-end;
        width: 50%;
        margin-right: auto;
        margin-bottom: 25px;
        padding-bottom: 0;
        padding-right: 60px;
        position: relative;
    }

    .step_number {
        font-size: 28px;
        position: absolute;
        top: 50%;
        right: 28px;
        transform: translate(50%, -50%);
    }

    .step_number::after {
        content: "";
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background-color: var(--text-white-theme);
        position: absolute;
        bottom: -15px;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .step_number::before {
        content: "";
        width: 28px;
        height: 1px;
        background-color: #000;
        position: absolute;
        bottom: -11px;
        left: 50%;
    }
    

    .pr_step:nth-child(even) .step_number::before  {
        left: auto;
        right: 50%;
    }

    .pr_step .fig_title,
    .pr_step .fig_sub_title {
        width: 100%;
        text-align: end;
    }

    .pr_step:nth-child(even) {
        align-items: flex-start;
        margin-right: 0;
        margin-left: auto;
        padding-left: 60px;
        padding-right: 0;
    }

    .pr_step .step_content{
        align-items: flex-end;
    }

    .pr_step:nth-child(even) .step_content {
        align-items: flex-start;
    }
    
    .pr_step:nth-child(even) .step_number{
        right: auto;
        left: 28px;
        transform: translate(-50%, -50%);
    }

    .pr_step:nth-child(even) .fig_title,
    .pr_step:nth-child(even) .fig_sub_title {
        text-align: start;
    }

    .pr_step:last-child .step_number {
        bottom: -3px;
        top: auto;
    }

    .pr_step+.pr_step {
        margin-top: 15px;
    }

    .step_content .apply {
        margin-left: auto;
    }

    .work_process_inner a.btn {
        margin: 50px auto 0;
        width: 277px;
    }

    /* КАТАЛОГ */
    .catalog_item .price {
        width: auto;
        margin-bottom: 0;
    }

    /* НОВИНИ */
    .news_tl {
        grid-gap: 30px;
    }

    /* ВІДГУКИ */

    /* ВІДГУКМ ПРО НАШІ РОБОТИ */

    /* ФОТОГАЛЕРЕЯ */

    /* ЗАЛИШИЛИСЬ ПИТАННЯ */
    .question_inner a.btn {
        width: 277px;
    }

    /* ФУТЕР */
    .footer_top {
        grid-template-columns: 1fr 1fr 1fr 195px;
    }

    .foo_col_content {
        align-items: flex-start;
        padding: 0 0 0 25px;
    }
    
    .footer_top .logo {
        margin-bottom: 0;
    }

    .footer_top .svg_icon {
        top: 5px;
        left: 0;
        transform: none;
    }
    /* КАТАЛОГ ТЕМНИЙ */
    .work_process.dark .step_number::after {
        background-color: #fff;
    }

    .work_process.dark .process_tree::after,
    .work_process.dark .step_number::before {
        background-color: rgba(241, 242, 245, 0.1);
    }
}

@media (min-width: 768px) {

    /* ЗАГАЛЬНІ СТИЛІ */
    section {
        padding: 70px 0;
    }

    /* ХЕДЕР */

    /* БАННЕР */

    /* ПЕРЕВАГИ */

    /* МИ ПРОПОНУЄМО */
    .we_offer .tile {
        grid-template-columns: repeat(3, 1fr)
    }

    /* ПРИКЛАДИ РОБІТ  */
    .our_work>.container {
        padding: 0 10px;
    }

    .our_work figure img.radius {
        border-radius: 8px;
        min-height: 375px;
    }

    .our_work_slider {
        grid-gap: 20px;
    }

    .our_work .item figure .picture {
        height: 375px;
    }

    .our_work .item {
        margin: 0;
    }

    .our_work .fig_title {
        font-size: 18px;
        text-align: left;
    }

    /* ДОДАТКОВІ ПОСЛУГИ */

    /* ПРОЦЕС СПІВПРАЦІ */

    /* КАТАЛОГ */

    /* НОВИНИ */

    /* ВІДГУКИ */


    /* ВІДГУКМ ПРО НАШІ РОБОТИ */

    /* ФОТОГАЛЕРЕЯ */

    /* ЗАЛИШИЛИСЬ ПИТАННЯ */
}

@media (min-width: 1024px) {

    /* ЗАГАЛЬНІ СТИЛІ */
    section {
        padding: 100px 0 75px;
    }

    .tile_3 {
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 20px;
    }

    .tile_4 {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .tile_2 {
        grid-template-columns: 1fr 1fr;
    }

    .tile_1 {
        grid-template-columns: 1fr;
    }

    /* ХЕДЕР */
    .site_header {
        padding: 13px 0;
    }
    .header_inner {
        z-index: 1;
    }

    .logo {
        flex: 1 0 300px;
        max-width: 300px;
        height: 100px;
    }

    #burger {
        display: none;
    }

    .top_menu_wrap {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: unset;
        width: calc(72% - 300px);
    }

    .top_menu_close {
        display: none;
    }
    .site_header.dark .top_menu {
        background: transparent;
    }

    .top_menu {
        position: static;
        width: auto;
        background-color: unset;
        margin: 0 10px;
    }

    .top_menu ul {
        display: flex;
        flex-wrap: wrap
    }

    .top_menu ul li {
        width: auto
    }

    .top_menu li {
        margin-right: 6%;
    }

    .top_menu ul li:last-child {
        margin-right: 0;
    }

    .top_menu ul li a {
        font-weight: 700;
        border-bottom: none;
        padding: 0 2px;
        width: auto;
    }

    .phone_container {
        line-height: 1.5;
        text-align: start;
    }

    .phone_container a.call_us {
        font-size: 18px;
        color:  var(--text-white-theme);
        font-weight: 800;
        display: flex;
        align-items: center;
    }

    .phone_container a.write_us {
        display: inline-block;
        border-bottom: 1px dashed;
        font-size: 15px;
        font-weight: 400;
        line-height: 18px;
    }

    .phone_container .call_us.mobile {
        display: none;
    }

    /* БАННЕР */
    .site_header + main > .banner:first-child {
        margin-top: -126px;
        padding-top: 175px;
    }

    .banner.banner_not-form {
        min-height: 550px
    }

    .banner_inner {
        flex-direction: row;
        align-items: center;
    }

    .banner_form {
        margin: 0 0 0 55px;
    }



    /* ПЕРЕВАГИ */
    .adv_item img {
        margin-bottom: 30px;
    }

    /* МИ ПРОПОНУЄМО */
    .we_offer .tile {
        grid-template-columns: repeat(4, 1fr)
    }
    /* ПРИКЛАДИ РОБІТ  */

    /* ДОДАТКОВІ ПОСЛУГИ */
    /* ПРОЦЕС СПІВПРАЦІ */
    /* КАТАЛОГ */

    /* НОВИНИ */

    /* ВІДГУКИ */

    /* ВІДГУКМ ПРО НАШІ РОБОТИ */

    /* ФОТОГАЛЕРЕЯ */

    /* ЗАЛИШИЛИСЬ ПИТАННЯ */

    /* ФУТЕР */
    .footer_top {
        grid-template-columns: 1fr 1fr 1fr 220px;
    }
        
    .foo_col_content {
        padding-left: 35px;
    }

    
    /*.................... ТЕМНА ТЕМА................... */

    /* ХЕДЕР ТЕМНИЙ */

    .site_header.dark .phone_container a.call_us {
        color: var(--text-dark-theme)
    }
}

@media (min-width: 1300px) {

    /* ЗАГАЛЬНІ СТИЛІ */

    /* ХЕДЕР */

    /* БАННЕР */

    .site_header + main > .banner:first-child {
        padding-top: 214px;
    }

    /* ПЕРЕВАГИ */

    /* МИ ПРОПОНУЄМО */
    .we_offer .tile {
        grid-template-columns: repeat(5, 1fr)
    }

    /* ПРИКЛАДИ РОБІТ  */

    /* ДОДАТКОВІ ПОСЛУГИ */

    /* ПРОЦЕС СПІВПРАЦІ */

    /* КАТАЛОГ */
    .catalog_slider {
        margin: 0 -15px;
        padding: 0 15px;
    }

    .catalog .slick-list {
        padding: 0;
    }

    .catalog_slider .item {
        margin: 10px 15px;
        width: calc((100% - 60px) / 3);
        width: 349px;
    }

    /* НОВИНИ */

    /* ВІДГУКИ */
    .reviews>.container {
        max-width: 100%;
        overflow: hidden;
    }

    .reviews .item {
        max-width: 730px;
        margin: 0 80px;
    }

    .reviews .slick-arrow {
        left: calc(50% - 440px);
        top: 140px;
    }

    .reviews .slick-next.slick-arrow {
        left: auto;
        right: calc(50% - 440px);
    }

    .reviews_slider:before,
    .reviews_slider:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: calc(50% - -500px);
        width: 100%;
        z-index: 111;
        background-color: rgba(244, 244, 244, .9);
    }

    .dark .reviews_slider:before,
    .dark .reviews_slider:after {
        background-color: rgba(31, 27, 27, 0.93);
    }

    .reviews_slider:before{
        right: calc(50% - -500px);
        left: auto;
    }

    /* ВІДГУКМ ПРО НАШІ РОБОТИ */

    /* ФОТОГАЛЕРЕЯ */

    /* ЗАЛИШИЛИСЬ ПИТАННЯ */
}