@media (min-width: 640px) {

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

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

    .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: 125px;
    } */

    .process_tree {
        max-width: 640px;
        padding-top: 25px;
    }

    .pr_step {
        margin-left: 0;
    }

    .pr_step.reverse {
        justify-content: flex-start;
    }

    .pr_step .step_content {
        width: 240px;
    }

    .pr_step.reverse .fig_title,
    .pr_step.reverse .step_content {
        text-align: right;
    }

    .pr_step.reverse .step_content:after {
        left: auto;
        right: -20px;
        border-left: 10px solid #fff;
        border-right-color: transparent;
    }
    
    .shadow .pr_step.reverse .step_content:after {
        filter: drop-shadow(4px 2px 2px rgba(40, 40, 40, 0.23));
    }

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

    .pr_step .step_number,
    .pr_step:after {
        left: 50%;
    }

    .pr_step .step_content {
        margin-top: -25px;
    }

    .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: 1.2fr 0.9fr 0.9fr 195px;
    }

    .table_row_bottom .top_part a {
        margin: 0 auto 0 0;
    }

    .work_process.inner_dark .pr_step.reverse .step_content:after {
        border-left-color: var(--item-bg-dark-theme);
        border-right-color: transparent;
    }

    /* ДЕТАЛЬНЕ ТОВАРУ */


}

@media (min-width: 768px) {

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

    /* ХЕДЕР */

    /* БАННЕР */

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

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

    /* ПРИКЛАДИ РОБІТ  */
    .our_work figure img.radius {
        border-radius: 8px;
        min-height: 375px;
    }

    .our_work_item {
        padding: 0 10px;
    }

    .our_work_slider {
        margin: 0 -10px;
    }

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

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

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

    /* КАТАЛОГ */

    /* НОВИНИ */

    /* ВІДГУКИ */


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

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

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

    /* ДЕТАЛЬНЕ ТОВАРУ */

    .product_details .container {
        flex-direction: row;
        align-items: flex-start;
    }

    .product_gallery {
        flex: 0 0 47.928%;
        max-width: 47.928%;
        margin-bottom: 0;
        position: sticky;
        top: 10px;
    }

    .product_details-description {
        flex: 1 1 auto;
        margin-left: 10px;
    }

    .product_details-title {
        font-size: 26px;
        margin-bottom: 18px;
    }
}

@media (min-width: 1024px) {

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

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

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

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

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

    .title,
    article h1 {
        font-size: 44px;
        margin-bottom: 22px;
    }

    .title_sm {
        font-size: 30px;
    }

    .subtitle,
    article h2 {
        font-size: 20px;
        margin-bottom: 60px;
        font-weight: 100;
    }

    /* ХЕДЕР */
    .logo {
        max-width: 250px;
    }
    #burger {
        display: none;
    }

    .top_menu_wrap {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: unset;
    }

    .top_menu_close {
        display: none;
    }

    .top_menu {
        position: static;
        width: auto;
        margin: 0 15px;
        background: transparent !important;
    }

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

    .top_menu ul li {
        width: auto
    }

    .top_menu li+li {
        margin-left: 32px;
    }

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

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

    .phone_container a.call_us {
        font-size: 20px;
        line-height: 1.2;
        color:  var(--text-white-theme);
        font-weight: 600;
        display: flex;
        align-items: center;
    }

    .phone_container a.write_us {
        display: inline-block;
        border-bottom: 1px solid;
        font-size: 14px;
        font-weight: 300;
        line-height: 1.2;
    }

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

    /* БАННЕР */
    .banner_inner {
        flex-direction: row;
        align-items: center;
    }

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

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

    /* МИ ПРОПОНУЄМО */
    /* ПРИКЛАДИ РОБІТ  */

    /* ДОДАТКОВІ ПОСЛУГИ */
    /* ПРОЦЕС СПІВПРАЦІ */
    .process_tree {
        max-width: 840px;
    }

    .pr_step .step_content {
        width: 314px;
    }

    /* КАТАЛОГ */

    /* НОВИНИ */

    /* ВІДГУКИ */

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

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

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

    /* ФУТЕР */

    .phone_container .call_us .svg_icon {
        position: absolute
    }

    /* ДЕТАЛЬНЕ ТОВАРУ */

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

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

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

@media (min-width: 1300px) {

    /* ЗАГАЛЬНІ СТИЛІ */
    .slick-arrow {
        left: -50px;
    }

    .slick-next.slick-arrow {
        left: auto;
        right: -50px;
    }

    /* ХЕДЕР */

    .logo {
        max-width: 300px;
    }

    /* БАННЕР */

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

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

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

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

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

    /* КАТАЛОГ */
    .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(23,23,37,.9);
    }

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

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

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

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

    /* ДЕТАЛЬНЕ ТОВАРУ */

    .gallery_main .slick-prev.slick-arrow {
        left: 10px;
    }

    .gallery_main .slick-next.slick-arrow {
        right: 10px;
    }
}