@charset "UTF-8";

/*
Theme Name: Wood&Me
Description: The dimensions are indicated from 1440px.
Width Screen: 1000px - 1460px
*/


/*--------------------------------------------------------------
	@Media
--------------------------------------------------------------*/

@media screen and (max-width: 1460px) and (min-width: 1000px) {

    /*--------------------------------------------------------------
        Variables
    --------------------------------------------------------------*/

    :root {
        /* container */
        --width-container: calc(100vw / 1.05);

        /* header */
        --height-header: calc(100vw / 20.57);

        /* footer */
        --height-footer: calc(100vw / 6.73);
        --margin-footer: calc(100vw / 14.4);

        /* scrollbar [default] */
        --scrollbar-width: calc(100vw / 72);

        /* Home Slider */
        --home_slider-slide-width: calc(100vw / 19.2);
    }


    /*--------------------------------------------------------------
        Normalize
    --------------------------------------------------------------*/

    body {
        font-size: calc(100vw / 90);
        line-height: calc(100vw / 56.25);
    }

    /* indents */

    table,
    th,
    td {
        border: calc(100vw / 1440) solid #e2e6e9;
    }

    td {
        padding: calc(100vw / 720) calc(100vw / 288);
    }

    .h1 {
        font-size: calc(100vw / 25.71);
        line-height: calc(100vw / 25.71);
    }

    .h2 {
        font-size: calc(100vw / 40);
        line-height: calc(100vw / 33.33);
    }

    .h3 {
        font-size: calc(100vw / 60);
        line-height: calc(100vw / 37.5);
    }

    .h4 {
        font-size: calc(100vw / 72);
        line-height: calc(100vw / 45);
    }

    .h5,
    .h6 {
        font-size: calc(100vw / 80);
        line-height: calc(100vw / 51.43);
    }

    .t1 {
        font-size: calc(100vw / 90);
        line-height: calc(100vw / 56.25);
    }

    .t2 {
        font-size: calc(100vw / 102.86);
        line-height: calc(100vw / 85.71);
    }

    /* form */

    button,
    input,
    optgroup,
    select,
    textarea {
        border: calc(100vw / 1440) solid transparent;
    }

    /* hidden */

    :-webkit-autofill {
        box-shadow: 0 0 calc(100vw / 14.4) #fff inset;
    }

    /* scrollbar */

    /* ::-webkit-scrollbar {
        width: calc(100vw / 180);
    } */


    /*--------------------------------------------------------------
        Document
    --------------------------------------------------------------*/

    /* Container / Main Wrap */

    .container {
        padding: 0 calc(100vw / 144);
    }

    /* Breadcrumbs */

    .breadcrumbs-wrap {
        font-size: calc(100vw / 90);
        letter-spacing: calc(100vw / 1440);
        border-bottom: calc(100vw / 1440) solid #eee;
        padding: calc(100vw / 72) 0;
    }

    .breadcrumbs-wrap > span {
        padding: 0 calc(100vw / 180);
    }

    /* Title */

    .entry-slider {
        margin: 0 0 calc(100vw / 19.2);
    }

    .entry-header {
        margin: 0 0 calc(100vw / 28.8);
    }

    .entry-header-top {
        min-height: calc(100vw / 8);
    }

    .entry-header-top-inner {
        grid-template-columns: auto calc(100vw / 2.67);
        grid-gap: calc(100vw / 9.6);
    }

    .entry-header .sub_title {
        font-size: calc(100vw / 80);
        line-height: calc(100vw / 50);
    }

    /* Content modified info */

    .page-modified-info {
        font-size: calc(100vw / 102.86);
        margin: calc(100vw / 72) 0;
    }

    /* Pagination Carousel [text bullets] */

    .swiper-pagination-text_bullets {
        bottom: calc(100vw / 57.6);
    }

    .swiper-pagination-text_bullets .swiper-pagination-bullet {
        font-size: calc(100vw / 120);
        border-radius: calc(100vw / 72);
        padding: 0 calc(100vw / 144);
    }

    .swiper-pagination-text_bullets .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-text_bullets .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 calc(100vw / 288);
    }

    .swiper-pagination-text_bullets .swiper-horizontal > .swiper-pagination-bullets,
    .swiper-pagination-text_bullets .swiper-pagination-bullets.swiper-pagination-horizontal {
        padding: calc(100vw / 240) calc(100vw / 480);
        border-radius: calc(100vw / 288);
    }

    /* Navigation Carousel [long arrows] */

    .swiper-pager-long_arrows .swiper-button-next,
    .swiper-pager-long_arrows .swiper-button-prev {
        width: calc(100vw / 36);
        height: calc(100vw / 36);
    }

    .swiper-pager-long_arrows .swiper-button-next {
        right: calc(100vw / 57.6);
    }

    .swiper-pager-long_arrows .swiper-button-prev {
        left: calc(100vw / 57.6);
    }

    .swiper-pager-long_arrows .swiper-button-next:after,
    .swiper-pager-long_arrows .swiper-button-prev:after {
        background-size: calc(100vw / 84.71) auto;
        border-radius: calc(100vw / 240);
    }


    /*--------------------------------------------------------------
        Header
    --------------------------------------------------------------*/

    #header .header-content {
        border-bottom: calc(100vw / 1440) solid #d7d7d7;
    }

    #header .header-content-inner {
        grid-template-columns: calc(100vw / 6.86) auto;
        padding: 0 calc(100vw / 144);
    }

    /* Logo */

    #header .logo img {
        width: calc(100vw / 11.43);
    }

    #header.site-header-404 .logo img {
        height: calc(100vw / 30.96);
    }

    #header .custom-logo-text {
        font-size: calc(100vw / 60);
    }

    /* Primary Menu */

    #header .primary-navigation-list > li {
        padding: calc(100vw / 360) calc(100vw / 65.45);
    }

    #header .primary-navigation-list > li:first-child {
        padding: calc(100vw / 360) calc(100vw / 65.45) calc(100vw / 360) 0;
    }

    #header .primary-navigation-list > li:last-child {
        padding: calc(100vw / 360) 0 calc(100vw / 360) calc(100vw / 65.45);
    }

    #header .primary-navigation-list > li a::after {
        width: calc(100% + calc(100vw / 180));
        height: calc(100vw / 720);
        top: calc(100% + calc(100vw / 51.43));
        margin: calc(100vw / -360);
    }

    #header .primary-navigation-list > li.book_consultation a {
        border: calc(100vw / 1440) solid #0c8ce9;
        border-radius: calc(100vw / 288);
        padding: calc(100vw / 120) calc(100vw / 42.35);
    }


    /*--------------------------------------------------------------
        Footer
    --------------------------------------------------------------*/

    #footer .footer-inner {
        padding: calc(100vw / 26.67) 0 calc(100vw / 28.8);
    }

    #footer .social-nav {
        margin: calc(100vw / 96) 0;
    }

    /* Menus block */

    #footer .footer-navigation-list {
        gap: calc(100vw / 32.73);
    }

    /* Footer Navigation */

    #footer-navigation .footer-navigation-list > li a {
        font-size: calc(100vw / 72);
    }

    /* Social Navigation */

    #social-navigation .footer-navigation-list > li a {
        font-size: calc(100vw / 90);
        padding: 0 0 0 calc(100vw / 60);
    }

    #social-navigation .footer-navigation-list > li.instagram a {
        background-size: auto calc(100vw / 102.86);
    }

    #social-navigation .footer-navigation-list > li.youtube a {
        background-size: auto calc(100vw / 120);
    }

    #social-navigation .footer-navigation-list > li.linkedin a {
        background-size: auto calc(100vw / 102.86);
    }

    /* Copyright Navigation */

    #footer .footer-branding {
        gap: calc(100vw / 32.73);
    }

    #footer .footer-copyright {
        font-size: calc(100vw / 120);
    }

    #copy-navigation .footer-navigation-list > li a {
        font-size: calc(100vw / 120);
    }

    /* 'Contact Us' block */

    #footer .footer-contacts-title {
        margin: 0 0 calc(100vw / 96) 0;
    }

    #footer .footer-contacts a {
        font-size: calc(100vw / 102.86);
        border-radius: calc(100vw / 288);
        padding: calc(100vw / 240) calc(100vw / 48);
    }

    #footer .footer-contacts a span {
        background-size: calc(100vw / 84.71) auto;
        padding: 0 calc(100vw / 42.35) 0 0;
    }


    /*--------------------------------------------------------------
        Page
    --------------------------------------------------------------*/

    #main {
        padding: calc(100vw / 20.57) 0 0 0;
    }


    /*--------------------------------------------------------------
        Home Page
    --------------------------------------------------------------*/

    /* Section "Hero Banner" */

    #hero-banner .hero-scroll {
        width: calc(100vw / 36);
        height: calc(100vw / 36);
        bottom: calc(100vw / 36);
        left: calc((100% / 2) - calc(100vw / 72));
        background-size: calc(100vw / 45) auto;
    }

    /* Section "Modular houses" */

    #modular_houses-home {
        margin: calc(100vw / 14.4) 0 0;
    }

    #modular_houses-home .modular_houses-top {
        grid-template-columns: auto calc(100vw / 2.82);
        margin: calc(100vw / 28.8) 0 calc(100vw / 36);
    }

    #modular_houses-home .modular_houses-title {
        font-size: calc(100vw / 25.71);
        line-height: calc(100vw / 25.71);
    }

    #swiper-modular_houses {
        border-radius: calc(100vw / 144);
    }

    /* Section "All in One Modular Solution" */

    #all_in_one-home {
        margin: calc(100vw / 14.4) 0 0;
    }

    #all_in_one-home .all_in_one-home-inner {
        grid-gap: calc(100vw / 32.73);
    }

    #all_in_one-home .item_00 {
        font-size: calc(100vw / 40);
        line-height: calc(100vw / 33.33);
    }

    #all_in_one-home .item_00 .div_2 {
        margin: calc(100vw / 144) 0 0;
    }

    #all_in_one-home .number span {
        width: calc(100vw / 32.73);
        height: calc(100vw / 32.73);
        font-size: calc(100vw / 72);
        border-radius: calc(100vw / 144);
    }

    #all_in_one-home .number span::after {
        width: calc(100% - calc(100vw / 24.83));
        height: calc(100vw / 1440);
    }

    #all_in_one-home .h3 {
        margin: calc(100vw / 60) 0;
    }

    #all_in_one-home .text {
        height: calc(100vw / 13.85);
        margin: 0 0 calc(100vw / 96);
    }

    #all_in_one-home .image img {
        border-radius: calc(100vw / 288);
    }

    #all_in_one-home .details {
        border-radius: calc(100vw / 288);
        padding: calc(100vw / 57.6);
    }

    #all_in_one-home .details .title {
        font-size: calc(100vw / 60);
        margin: calc(100vw / 34.29) 0 calc(100vw / 60);
    }

    #all_in_one-home .details .buttons div {
        margin: 0 0 calc(100vw / 96);
    }

    #all_in_one-home .details .buttons a {
        width: calc(100vw / 7.66);
        height: calc(100vw / 36);
        font-size: calc(100vw / 102.86);
        border-radius: calc(100vw / 288);
        padding: 0 calc(100vw / 144);
    }

    #all_in_one-home .details .buttons a.how_work {
        border: calc(100vw / 1440) solid #0c8ce9;
    }

    #all_in_one-home .details .buttons a.how_work span {
        background-size: calc(100vw / 75.79) auto;
        padding: calc(100vw / 144) 0 calc(100vw / 144) calc(100vw / 42.35);
    }

    /* Section "Rent it. Work there." */

    #rent_it-home {
        margin: calc(100vw / 14.4) 0 0 0;
    }

    #rent_it-home .rent_it-left {
        border-radius: calc(100vw / 144) 0 0 calc(100vw / 144);
        padding: calc(100vw / 24) calc(100vw / 36);
    }

    #rent_it-home .rent_it-left .text {
        line-height: calc(100vw / 50);
        margin: calc(100vw / 96) 0 calc(100vw / 28.8);
        padding: 0 calc(100vw / 20.57) 0 0;
    }

    #rent_it-home .buttons div {
        margin: 0 0 calc(100vw / 144);
    }

    #rent_it-home .buttons a {
        width: calc(100vw / 6);
        height: calc(100vw / 36);
        font-size: calc(100vw / 102.86);
        border-radius: calc(100vw / 288);
        padding: 0 calc(100vw / 144);
    }

    #rent_it-home .buttons a.partnership {
        border: calc(100vw / 1440) solid #0c8ce9;
    }

    #rent_it-home .buttons a span {
        background-size: calc(100vw / 84.71) auto;
        padding: calc(100vw / 144) calc(100vw / 42.35) calc(100vw / 144) 0;
    }

    #swiper-rent_it {
        border-radius: 0 calc(100vw / 144) calc(100vw / 144) 0;
    }

    #rent_it-home .swiper-pagination-text_bullets {
        left: calc(100vw / 57.6);
    }

    /* Section "Grow Your Home" */

    #grow_home-home {
        margin: calc(100vw / 14.4) 0 0 0;
    }

    #grow_home-home .h2 {
        margin: 0 0 calc(100vw / 36);
    }

    #swiper-grow_home {
        border-radius: calc(100vw / 144);
    }

    /* Section "From Concept to Completion" */

    #from_concept-home {
        margin: calc(100vw / 24) 0 0 0;
    }

    #from_concept-home .from_concept-home-inner {
        grid-gap: calc(100vw / 288);
    }

    #from_concept-home .from_concept-home-inner > div {
        height: calc(100vw / 3.27);
        border-radius: calc(100vw / 288);
    }

    #from_concept-home .item_00 .item00_content {
        width: calc(100% - calc(100vw / 36));
        left: calc(100vw / 72);
        bottom: calc(100vw / 24);
    }

    #from_concept-home .item_00 .text {
        font-size: calc(100vw / 72);
        margin: calc(100vw / 96) 0 0 0;
    }

    #from_concept-home .item_content {
        right: calc(100vw / 72);
        bottom: calc(100vw / 72);
    }

    #from_concept-home .number {
        margin: 0 0 calc(100vw / 96) 0;
    }

    #from_concept-home .number span {
        width: calc(100vw / 32.73);
        height: calc(100vw / 32.73);
        font-size: calc(100vw / 72);
        border-radius: calc(100vw / 144);
    }

    #from_concept-home .content-wrap {
        width: calc(100vw / 3.06);
        border-radius: calc(100vw / 144);
        padding: calc(100vw / 72) calc(100vw / 72);
    }

    #from_concept-home .content .h3 {
        margin: 0 0 calc(100vw / 144) 0;
    }

    #from_concept-home .content .text {
        margin: 0 0 calc(100vw / 144) 0;
    }

    #from_concept-home .content .button a {
        width: calc(100vw / 6.55);
        height: calc(100vw / 36);
        font-size: calc(100vw / 102.86);
        border: calc(100vw / 1440) solid #0c8ce9;
        border-radius: calc(100vw / 288);
        padding: 0 calc(100vw / 144);
    }

    #from_concept-home .content .button a span {
        background-size: calc(100vw / 84.71) auto;
        padding: calc(100vw / 144) calc(100vw / 42.35) calc(100vw / 144) 0;
    }

    /* Section "Latest Accomplished Ventures" */

    #latest_ventures-home {
        margin: calc(100vw / 14.4) 0 0 0;
    }

    #latest_ventures-home .latest_ventures-home-wrap {
        padding: calc(100vw / 14.4) 0;
    }

    #latest_ventures-home .h2 {
        margin: 0 0 calc(100vw / 36);
    }

    #latest_ventures-home .tabs .post {
        margin: 0 calc(100vw / 480) calc(100vw / 144);
    }

    #latest_ventures-home .tabs button {
        font-size: calc(100vw / 102.86);
        line-height: calc(100vw / 64.29);
        border: calc(100vw / 1440) solid rgba(26, 18, 18, 0.1);
        border-radius: calc(100vw / 72);
        padding: calc(100vw / 360) calc(100vw / 96);
    }

    #latest_ventures-home .tabs button:hover {
        border: calc(100vw / 1440) solid #0c8ce9;
    }

    #latest_ventures-home .posts {
        margin: calc(100vw / 72) 0 0;
    }

    #latest_ventures-home .posts .post-wrap {
        grid-template-columns: calc(100vw / 3.43) auto;
    }

    #latest_ventures-home .information {
        border-radius: calc(100vw / 144) 0 0 calc(100vw / 144);
        padding: calc(100vw / 36) calc(100vw / 72);
    }

    #latest_ventures-home .h3 {
        margin: 0 0 calc(100vw / 96);
    }

    #latest_ventures-home .tags {
        margin: 0 0 calc(100vw / 96);
    }

    #latest_ventures-home .tags span {
        font-size: calc(100vw / 120);
        border-radius: calc(100vw / 72);
        padding: 0 calc(100vw / 120);
        margin: 0 calc(100vw / 720) calc(100vw / 288) 0;
    }

    #latest_ventures-home .cost {
        border-top: calc(100vw / 1440) solid #f4f5f5;
        border-bottom: calc(100vw / 1440) solid #f4f5f5;
        padding: calc(100vw / 144) 0;
        margin: 0 0 calc(100vw / 96);
    }

    #latest_ventures-home .price-title,
    #latest_ventures-home .area-title {
        font-size: calc(100vw / 120);
    }

    #latest_ventures-home .price-data span:first-child,
    #latest_ventures-home .area-data span:first-child {
        font-size: calc(100vw / 60);
    }

    #latest_ventures-home .price-data span:last-child,
    #latest_ventures-home .area-data span:last-child {
        font-size: calc(100vw / 102.86);
    }

    #latest_ventures-home .description-short {
        height: calc(100vw / 9.11);
        margin: 0 0 calc(100vw / 96);
    }

    #latest_ventures-home .buttons a {
        width: calc(100vw / 8.47);
        height: calc(100vw / 36);
        font-size: calc(100vw / 102.86);
        border-radius: calc(100vw / 288);
        padding: 0 calc(100vw / 144);
    }

    #latest_ventures-home .buttons a.more {
        border: calc(100vw / 1440) solid #0c8ce9;
    }

    #latest_ventures-home .buttons a span {
        background-size: calc(100vw / 84.71) auto;
        padding: calc(100vw / 144) calc(100vw / 42.35) calc(100vw / 144) 0;
    }

    #latest_ventures-home .swiper-latest_ventures {
        border-radius: 0 calc(100vw / 144) calc(100vw / 144) 0;
    }

    #latest_ventures-home .swiper-pagination {
        bottom: calc(100vw / 65.45);
    }

    #latest_ventures-home .swiper-pagination .current,
    #latest_ventures-home .swiper-pagination .separator {
        font-size: calc(100vw / 72);
    }

    /* Section "Our Houses" */

    #our_houses-home {
        margin: calc(100vw / 12) 0 0;
    }

    #our_houses-home .our_houses-home-wrap {
        padding: calc(100vw / 14.4) 0;
    }

    #our_houses-home .h2 {
        margin: 0 0 calc(100vw / 28.8);
    }

    /* Strict alignment of the wrapper - Start */

    #our_houses-slider.swiper:not(.swiper-initialized) .swiper-slide {
        margin-right: calc(100vw / 45);
    }

    /* Strict alignment of the wrapper - End */

    #our_houses-home .post .h3 {
        margin: calc(100vw / 72) 0 0;
    }

    #our_houses-home .post .short-descr {
        margin: calc(100vw / 114) 0 0;
    }

    #our_houses-home .buttons {
        margin: calc(100vw / 72) 0 0;
    }

    #our_houses-home .buttons a {
        height: calc(100vw / 36);
        font-size: calc(100vw / 102.85);
        border-radius: calc(100vw / 288);
        padding: 0 calc(100vw / 48);
    }

    #our_houses-home .buttons a.more {
        border: calc(100vw / 1440) solid #0c8ce9;
    }

    #our_houses-home .buttons a span {
        background-size: calc(100vw / 84.7) auto;
        padding: calc(100vw / 144) calc(100vw / 42.35) calc(100vw / 144) 0;
    }

    /* Section "Special Offers" */

    #special_offers-home {
        margin: calc(100vw / 14.4) 0 0 0;
    }

    #special_offers-home .h2 {
        margin: 0 0 calc(100vw / 36) 0;
    }

    #special_offers-home .special_offers-home-discounts {
        gap: calc(100vw / 32.73);
    }

    #special_offers-home .item {
        min-width: calc(100vw / 7.2);
        height: calc(100vw / 3.27);
        flex: 0 1 calc(50% - calc(100vw / 65.45));
        border-radius: calc(100vw / 288);
        padding: calc(100vw / 36);
    }

    #special_offers-home .h3 {
        margin: 0 0 calc(100vw / 120);
    }

    #special_offers-home .text {
        margin: 0 0 calc(100vw / 120);
    }

    #special_offers-home .buttons div {
        margin: 0 0 calc(100vw / 96);
    }

    #special_offers-home .buttons .contacts,
    #special_offers-home .buttons .details {
        height: calc(100vw / 36);
        font-size: calc(100vw / 102.86);
        border-radius: calc(100vw / 288);
        padding: 0 calc(100vw / 144);
    }

    #special_offers-home .buttons .contacts span,
    #special_offers-home .buttons .details span {
        background-size: calc(100vw / 84.71) auto;
        padding: calc(100vw / 144) calc(100vw / 42.35) calc(100vw / 144) 0;
    }

    #special_offers-home .buttons .contacts {
        width: calc(100vw / 8.47);
    }

    #special_offers-home .buttons .discount {
        background-size: calc(100vw / 160) auto;
        background-position: calc(100% - calc(100vw / 180)) 50%;
        border-radius: calc(100vw / 288);
        padding: calc(100vw / 1440) calc(100vw / 51.43) calc(100vw / 1440) calc(100vw / 120);
    }

    #special_offers-home .buttons .details {
        width: calc(100vw / 7.58);
    }

    /* Section "Instagram" */

    #instagram_home-home {
        margin: calc(100vw / 14.4) 0 0 0;
    }

    #instagram_home-home .instagram_home-home-wrap {
        padding: calc(100vw / 14.4) 0;
    }

    #instagram_home-home .h2 {
        margin: 0 0 calc(100vw / 36);
    }

    #instagram_home-home .insta_name {
        margin: 0 0 calc(100vw / 36);
    }

    #instagram_home-home .insta_name-img::before {
        width: calc(100vw / 26.67);
        height: calc(100vw / 26.67);
        top: calc(100vw / -288);
        left: calc(100vw / -288);
    }

    #instagram_home-home .insta_name-img::after {
        width: calc(100vw / 28.8);
        height: calc(100vw / 28.8);
        top: calc(100vw / -480);
        left: calc(100vw / -480);
    }

    #instagram_home-home .insta_name img {
        width: calc(100vw / 32.73);
        height: calc(100vw / 32.73);
    }

    #instagram_home-home .insta_name-name {
        font-size: calc(100vw / 60);
        margin: 0 0 0 calc(100vw / 144);
    }

    /* Strict alignment of the wrapper - Start */

    #swiper-instagram_home.swiper:not(.swiper-initialized) .swiper-slide {
        margin-right: calc(100vw / 288);
    }

    /* Strict alignment of the wrapper - End */

    #swiper-instagram_home .swiper-slide img {
        border-radius: calc(100vw / 144);
    }

    #instagram_home-home .buttons {
        margin: calc(100vw / 32) 0 0 0;
    }

    #instagram_home-home .buttons a {
        width: calc(100vw / 6);
        height: calc(100vw / 36);
        font-size: calc(100vw / 102.86);
        border: calc(100vw / 1440) solid #0c8ce9;
        border-radius: calc(100vw / 288);
        padding: 0 calc(100vw / 144);
    }

    #instagram_home-home .buttons a span {
        background-size: calc(100vw / 84.71) auto;
        padding: calc(100vw / 144) calc(100vw / 42.35) calc(100vw / 144) 0;
    }


    /*--------------------------------------------------------------
        Page "Contact Us"
    --------------------------------------------------------------*/

    #information-contact_us .information-contact_us-inner {
        grid-gap: calc(100vw / 72);
    }

    /* Section "Contacts" */

    #information-contact_us .address {
        border-radius: calc(100vw / 144);
        padding: calc(100vw / 72);
    }

    #information-contact_us .h3 {
        margin: 0 0 calc(100vw / 72);
    }

    #information-contact_us .address-list {
        margin: 0 0 calc(100vw / 72);
    }

    #information-contact_us .email,
    #information-contact_us .addr,
    #information-contact_us .phone {
        grid-template-columns: calc(100vw / 14.4) auto;
        grid-gap: calc(100vw / 72);
    }

    #information-contact_us .social-list {
        border-top: calc(100vw / 1440) solid #e2e6e9;
        padding: calc(100vw / 96) 0 0;
    }

    #information-contact_us .social-list div {
        margin: 0 0 0 calc(100vw / 32);
    }

    #information-contact_us .social-list a {
        padding: calc(100vw / 288) 0 calc(100vw / 288) calc(100vw / 48);
    }

    #information-contact_us .social-list .instagram {
        background-size: calc(100vw / 72) auto;
    }

    #information-contact_us .social-list .youtube {
        background-size: calc(100vw / 65.45) auto;
    }

    #information-contact_us .social-list .linkedin {
        background-size: calc(100vw / 72) auto;
    }

    /* Section "Form" */

    #page-contact_us-form {
        border-radius: calc(100vw / 144);
        padding: calc(100vw / 72);
    }

    #page-contact_us-form .form-title {
        margin: 0 0 calc(100vw / 72);
    }

    #page-contact_us-form .form-field {
        margin: 0 0 calc(100vw / 120);
    }

    #page-contact_us-form .form-field.error::after,
    #page-contact_us-form .form-field.success::after {
        width: calc(100vw / 90);
        height: calc(100vw / 90);
        right: calc(100vw / 72);
    }

    #page-contact_us-form .form-field label {
        left: calc(100vw / 72);
        top: calc(100vw / 90);
    }

    #page-contact_us-form .form-field.focus label {
        top: calc(100vw / 288);
        font-size: calc(100vw / 120);
    }

    #page-contact_us-form .form-field input,
    #page-contact_us-form .form-field textarea {
        height: calc(100vw / 24);
        border: calc(100vw / 1440) solid #e2e6e9;
        border-radius: calc(100vw / 288);
    }

    #page-contact_us-form .form-field input {
        padding: 0 calc(100vw / 72);
    }

    #page-contact_us-form .form-field textarea {
        height: calc(100vw / 9);
        padding: calc(100vw / 96) calc(100vw / 72);
    }

    #page-contact_us-form .form-field.focus input,
    #page-contact_us-form .form-field.focus textarea {
        padding: calc(100vw / 60) calc(100vw / 72) calc(100vw / 288);
    }

    #page-contact_us-form .buttons {
        margin: calc(100vw / 48) 0 0;
    }

    #page-contact_us-form button[type="submit"] {
        width: calc(100vw / 6);
        height: calc(100vw / 30);
        border-radius: calc(100vw / 288);
    }

    #page-contact_us-form .form-cf7_book-spinner {
        top: calc(100vw / 240);
    }

    #page-contact_us-form .wpcf7-not-valid-tip {
        width: calc(100% - calc(100vw / 72));
        top: calc(100vw / 288);
        left: calc(100vw / 80);
        font-size: calc(100vw / 120);
        padding: 0 0 0 calc(100vw / 720);
    }

    #page-contact_us-form .form-cf7_book-close {
        width: calc(100vw / 72);
        height: calc(100vw / 72);
        top: calc(100vw / 96);
        right: calc(100vw / 96);
    }

    /* Section "Banner" */

    #information-contact_us .banner {
        border-radius: calc(100vw / 144);
    }


    /*--------------------------------------------------------------
        Page "Your Wood&Me Journey"
    --------------------------------------------------------------*/

    /* Section "Information" */

    #your_journey-how_work {
        margin: calc(100vw / 24) 0 0;
    }

    #your_journey-how_work .your_journey-how_work-inner {
        grid-gap: calc(100vw / 18) calc(100vw / 32.73);
        padding: 0 0 calc(100vw / 14.4);
    }

    #your_journey-how_work .your_journey-how_work-inner::before {
        height: calc(100% + calc(100vw / 26.18));
        width: calc(100vw / 1440);
        top: calc(100vw / -26.18);
    }

    #your_journey-how_work .your_journey-how_work-inner::after {
        width: calc(100vw / 48);
        height: calc(100vw / 48);
        left: calc(50% - calc(100vw / 96));
        top: calc(100vw / -15.16);
    }

    #your_journey-how_work .number span {
        width: calc(100vw / 32.73);
        height: calc(100vw / 32.73);
        font-size: calc(100vw / 72);
        border-radius: calc(100vw / 144);
    }

    #your_journey-how_work .h3 {
        margin: calc(100vw / 60) 0;
    }

    #your_journey-how_work .note {
        width: calc(100vw / 3.23);
        font-size: calc(100vw / 102.86);
        line-height: calc(100vw / 64.29);
        border-radius: calc(100vw / 288);
        padding: calc(100vw / 120);
        margin: calc(100vw / 96) 0 0;
    }

    #your_journey-how_work .image img {
        border-radius: calc(100vw / 288);
    }

    /* Photos */

    #photos-how_work .photos-how_work-wrap {
        padding: calc(100vw / 14.4) 0;
        background-color: #f7f8f8;
    }


    /*--------------------------------------------------------------
        Page "Partnership"
    --------------------------------------------------------------*/

    /* Advantages */

    #advantages-partnership {
        margin: calc(100vw / 14.4) 0 0;
    }

    #advantages-partnership .items {
        grid-gap: calc(100vw / 32);
        margin: calc(100vw / 24) 0 0;
    }

    #advantages-partnership .icon span {
        width: calc(100vw / 32.73);
        height: calc(100vw / 32.73);
        border-radius: calc(100vw / 144);
    }

    #advantages-partnership .icon::after {
        width: calc(100% - calc(100vw / 25.71));
        height: calc(100vw / 1440);
    }

    #advantages-partnership .h3 {
        margin: calc(100vw / 96) 0 0;
    }

    #advantages-partnership .text {
        margin: calc(100vw / 144) 0 0;
    }

    #advantages-partnership .button {
        margin: calc(100vw / 24) 0 0;
    }

    #advantages-partnership .button-wrap {
        border-radius: calc(100vw / 288);
        padding: calc(100vw / 72) 0;
    }

    #advantages-partnership .button-wrap > * {
        margin: 0 calc(100vw / 65.45);
    }

    #advantages-partnership .button-wrap > span {
        font-size: calc(100vw / 60);
        line-height: calc(100vw / 37.5);
    }

    #advantages-partnership .button-wrap > a {
        width: calc(100vw / 6.26);
        height: calc(100vw / 30);
        border-radius: calc(100vw / 288);
    }

    #advantages-partnership .button-wrap > a span {
        background-size: calc(100vw / 84.71) auto;
        padding: calc(100vw / 144) calc(100vw / 42.35) calc(100vw / 144) 0;
    }

    /* Special offer */

    #offer-partnership {
        margin: calc(100vw / 14.4) 0 0;
    }

    #offer-partnership .thumbnail img {
        border-radius: calc(100vw / 144);
    }

    #offer-partnership .info {
        padding: calc(100vw / 36) calc(100vw / 144);
    }

    #offer-partnership .info .offer {
        font-size: calc(100vw / 25.71);
        line-height: calc(100vw / 21.43);
    }

    #offer-partnership .info .num {
        font-size: calc(100vw / 36);
        line-height: calc(100vw / 30);
        border-radius: calc(100vw / 288);
        background-size: calc(100vw / 120) auto;
        background-position: calc(100% - calc(100vw / 288)) calc(100vw / 288);
        padding: calc(100vw / 240) calc(100vw / 48) calc(100vw / 240) calc(100vw / 96);
        margin: 0 0 0 calc(100vw / 48);
    }

    #offer-partnership .info .text {
        font-size: calc(100vw / 72);
        line-height: calc(100vw / 45);
        margin: calc(100vw / 72) calc(100vw / 16) 0;
    }

    #offer-partnership .button {
        margin: calc(100vw / 72) 0 0;
    }

    #offer-partnership .button a {
        width: calc(100vw / 6);
        height: calc(100vw / 30);
        border-radius: calc(100vw / 288);
    }

    /* Who are we looking for? */

    #look-partnership {
        margin: calc(100vw / 24) 0 0;
    }

    #look-partnership .look-partnership-inner {
        border-radius: calc(100vw / 144);
        padding: calc(100vw / 24) 0;
    }

    #look-partnership .items {
        margin: calc(100vw / 36) calc(100vw / 14.4) 0;
    }

    #look-partnership .items span {
        font-size: calc(100vw / 80);
        line-height: calc(100vw / 50);
        border-radius: calc(100vw / 28.8);
        padding: calc(100vw / 144) calc(100vw / 72);
        margin: 0 calc(100vw / 360) calc(100vw / 120);
    }

    #look-partnership .button {
        margin: calc(100vw / 36) 0 0;
    }

    #look-partnership .button a {
        width: calc(100vw / 6.26);
        height: calc(100vw / 30);
        border-radius: calc(100vw / 288);
    }

    #look-partnership .button a span {
        background-size: calc(100vw / 84.71) auto;
        padding: calc(100vw / 144) calc(100vw / 42.35) calc(100vw / 144) 0;
    }


    /*--------------------------------------------------------------
        Page "Welcome to SAGA House!" [Quiz]
    --------------------------------------------------------------*/

    #header.site-header-quiz .logo img {
        width: calc(100vw / 11.43);
    }

    body.page-template-page-quiz .main_container {
        min-height: calc(100vh - (100vw / 11.08));
    }

    body.page-template-page-quiz .entry-header-top {
        margin: calc(100vw / 36) 0 0 0;
    }

    body.page-template-page-quiz .entry-header .sub_title {
        font-size: calc(100vw / 72);
        line-height: calc(100vw / 72);
        margin: calc(100vw / 72) 0 0;
    }

    body.page-template-page-quiz .entry-content {
        max-width: calc(100vw / 1.6);
    }

    body.page-template-page-quiz #footer {
        height: calc(100vw / 11.08);
    }

    body.page-template-page-quiz #footer .footer-inner {
        padding: calc(100vw / 80) 0 calc(100vw / 28.8);
    }

    body.page-template-page-quiz #footer .footer-copyright {
        margin: 0 calc(100vw / 32.73) 0 0;
    }

    body.page-template-page-quiz .wpcf7-popup-ty-wrap {
        max-width: calc(100vw / 2.48);
    }

    /* Numbers of steps */

    #steps_number-quiz .steps_number-quiz-inner {
        grid-gap: calc(100vw / 72);
    }

    #steps_number-quiz .number::before,
    #steps_number-quiz .number::after {
        width: calc(100% / 2 + calc(100vw / 144));
        height: calc(100vw / 720);
    }

    #steps_number-quiz .number::before {
        left: calc(100vw / -144);
    }

    #steps_number-quiz .number::after {
        right: calc(100vw / -144);
    }

    #steps_number-quiz .number span {
        width: calc(100vw / 45);
        height: calc(100vw / 45);
        line-height: calc(100vw / 45);
        border-radius: calc(100vw / 288);
    }

    #steps_number-quiz .name {
        margin: calc(100vw / 144) 0 0 0;
    }

    /* Steps */

    #steps-quiz {
        margin: calc(100vw / 120) 0 0 0;
    }

    #steps-quiz .steps-quiz-inner {
        border-radius: calc(100vw / 144);
        padding: calc(100vw / 36) calc(100vw / 45);
    }

    #steps-quiz h2 {
        gap: calc(100vw / 120);
    }

    /* Step 01 */

    #steps-quiz #step_1 .houses-carousel {
        padding: calc(100vw / 36) calc(100vw / 27.69);
    }

    /* Strict alignment of the wrapper - Start */

    #swiper_houses-quiz.swiper:not(.swiper-initialized) .swiper-slide {
        width: calc(76.9% - calc(100vw / 72));
        margin-right: calc(100vw / 72);
    }

    /* Strict alignment of the wrapper - End */

    #steps-quiz #step_1 .thumbnail img {
        border-radius: calc(100vw / 144) calc(100vw / 144) 0 0;
    }

    #steps-quiz #step_1 .swiper-pager-long_arrows .swiper-button-next:after,
    #steps-quiz #step_1 .swiper-pager-long_arrows .swiper-button-prev:after {
        border: calc(100vw / 1440) solid #0c8ce9;
    }

    #steps-quiz #step_1 .information {
        border-radius: 0 0 calc(100vw / 144) calc(100vw / 144);
        padding: calc(100vw / 96) calc(100vw / 72);
    }

    #steps-quiz #step_1 .information .cost {
        gap: calc(100vw / 24);
        padding: calc(100vw / 144) 0 calc(100vw / 96);
    }

    #steps-quiz #step_1 .information .price-title,
    #steps-quiz #step_1 .information .area-title {
        font-size: calc(100vw / 120);
    }

    #steps-quiz #step_1 .information .price-data span:first-child,
    #steps-quiz #step_1 .information .area-data span:first-child {
        font-size: calc(100vw / 60);
    }

    #steps-quiz #step_1 .information .price-data span:last-child,
    #steps-quiz #step_1 .information .area-data span:last-child {
        font-size: calc(100vw / 102.86);
    }

    #steps-quiz #step_1 .house_check {
        gap: calc(100vw / 120);
        border-top: calc(100vw / 1440) solid #e4e5e7;
        padding: calc(100vw / 96) 0;
    }

    #steps-quiz #step_1 .house_check .checkbox-wrap input {
        width: calc(100vw / 51.43);
        height: calc(100vw / 51.43);
    }

    #steps-quiz #step_1 .house_check .checkbox-wrap span {
        width: calc(100vw / 60);
        height: calc(100vw / 60);
        background-size: calc(100vw / 102.86) auto;
        border: calc(100vw / 720) solid #0c8ce9;
        border-radius: calc(100vw / 288);
    }

    #steps-quiz #step_1 .house_check label {
        font-size: calc(100vw / 72);
    }

    /* Step 02 */

    #steps-quiz #step_2 .quantity {
        padding: calc(100vw / 36) 0;
    }

    #steps-quiz #step_2 .quantity-wrap {
        gap: calc(100vw / 144);
    }

    #steps-quiz #step_2 .quantity input {
        width: calc(100vw / 36);
        height: calc(100vw / 36);
        font-size: calc(100vw / 72);
        border: calc(100vw / 1440) solid #e2e6e9;
        border-radius: calc(100vw / 288);
    }

    #steps-quiz #step_2 .quantity button {
        width: calc(100vw / 36);
        height: calc(100vw / 36);
        border: calc(100vw / 1440) solid #0c8ce9;
        border-radius: calc(100vw / 288);
    }

    #steps-quiz #step_2_2 .questions {
        padding: calc(100vw / 36) 0;
    }

    #steps-quiz #step_2_2 .question {
        padding: 0 0 calc(100vw / 36);
    }

    #steps-quiz #step_2_2 .q_title {
        margin: 0 0 calc(100vw / 144);
    }

    #steps-quiz #step_2_2 .question .q_choose {
        gap: calc(100vw / 36);
    }

    #steps-quiz #step_2_2 .question-stage .q_choose {
        gap: calc(100vw / 104) calc(100vw / 36);
    }

    #steps-quiz #step_2_2 .q_choose .radio,
    #steps-quiz #step_3 .social_methods-popup .radio p {
        gap: calc(100vw / 288);
    }

    #steps-quiz #step_2_2 .q_choose label,
    #steps-quiz #step_3 .social_methods-popup label {
        font-size: calc(100vw / 102.86);
    }

    /* Step 03 */

    #steps-quiz #step_3 .contact_details {
        padding: calc(100vw / 36) 0;
    }

    #steps-quiz #step_3 .form-fields {
        grid-gap: 0 calc(100vw / 144);
    }

    #steps-quiz #step_3 .form-field {
        margin: 0 0 calc(100vw / 120);
    }

    #steps-quiz #step_3 .field-info-contacts .req {
        margin: 0 calc(100vw / 384) 0 0;
    }

    #steps-quiz #step_3 .field-info-message {
        margin: calc(100vw / 48) 0 calc(100vw / 192);
    }

    #steps-quiz #step_3 .field-social::before {
        top: calc(50% - calc(100vw / 640));
        right: calc(100vw / 71.11);
        border-width: 0 calc(100vw / 1920) calc(100vw / 1920) 0;
        padding: calc(100vw / 640);
    }

    #steps-quiz #step_3 .field-social .social_methods-popup {
        top: calc(100% + calc(100vw / 384));
    }

    #steps-quiz #step_3 .field-social .social_methods-popup-wrap {
        border-radius: calc(100vw / 192);
        padding: calc(100vw / 192) 0;
    }

    #steps-quiz #step_3 .field-social .social_methods-popup .radio {
        padding: calc(100vw / 192) calc(100vw / 96);
    }

    #steps-quiz #step_3 .social_methods-popup .radio p {
        gap: calc(100vw / 192);
    }

    #steps-quiz #step_3 .social_methods-popup label {
        background-size: calc(100vw / 112.94) auto;
        padding: calc(100vw / 384) 0 calc(100vw / 384) calc(100vw / 83.47);
    }

    #steps-quiz #step_3 .form-field .form-field-wrap.error::after,
    #steps-quiz #step_3 .form-field .form-field-wrap.success::after {
        width: calc(100vw / 120);
        height: calc(100vw / 120);
        right: calc(100vw / 96);
        background-size: calc(100vw / 120);
    }

    #steps-quiz #step_3 .form-field.field-social .form-field-wrap.error::after,
    #steps-quiz #step_3 .form-field.field-social .form-field-wrap.success::after {
        right: calc(100vw / 40.85);
    }

    #steps-quiz #step_3 .form-field .field-label {
        left: calc(100vw / 96);
        top: calc(100vw / 120);
    }

    #steps-quiz #step_3 .form-field-wrap.focus .field-label {
        top: calc(100vw / 384);
        font-size: calc(100vw / 160);
    }

    #steps-quiz #step_3 .form-field.error::after,
    #steps-quiz #step_3 .form-field.success::after {
        width: calc(100vw / 90);
        height: calc(100vw / 90);
        right: calc(100vw / 72);
    }

    #steps-quiz #step_3 .form-field label {
        left: calc(100vw / 72);
        top: calc(100vw / 90);
    }

    #steps-quiz #step_3 .form-field.focus label {
        top: calc(100vw / 288);
        font-size: calc(100vw / 120);
    }

    #steps-quiz #step_3 .form-field input,
    #steps-quiz #step_3 .form-field textarea {
        border: calc(100vw / 1440) solid #e2e6e9;
        border-radius: calc(100vw / 288);
        padding: 0 calc(100vw / 96);
    }

    #steps-quiz #step_3 .form-field input {
        height: calc(100vw / 24);
    }

    #steps-quiz #step_3 .form-field textarea {
        height: calc(100vw / 10.66);
        padding: calc(100vw / 128) calc(100vw / 96);
    }

    #steps-quiz #step_3 .form-field.focus input,
    #steps-quiz #step_3 .form-field.focus textarea {
        padding: calc(100vw / 60) calc(100vw / 96) calc(100vw / 288);
    }

    #steps-quiz #step_3 .wpcf7-not-valid-tip {
        width: calc(100% - calc(100vw / 72));
        top: calc(100vw / 288);
        left: calc(100vw / 96);
        font-size: calc(100vw / 120);
        padding: 0 0 0 calc(100vw / 720);
    }

    /* Buttons */

    #steps-quiz .buttons .buttons-inner {
        gap: calc(100vw / 144);
    }

    #steps-quiz .buttons button {
        height: calc(100vw / 30);
        border-radius: calc(100vw / 288);
        padding: 0 calc(100vw / 288);
    }

    #steps-quiz .buttons .prev {
        width: calc(100vw / 14.4);
        border: calc(100vw / 1440) solid #0c8ce9;
    }

    #steps-quiz .buttons .next,
    #steps-quiz .buttons .send {
        width: calc(100vw / 6);
    }

    #steps-quiz .buttons .next span {
        background-size: calc(100vw / 84.71) auto;
        padding: calc(100vw / 144) calc(100vw / 42.35) calc(100vw / 144) 0;
    }


    /*--------------------------------------------------------------
        Post of modular house
    --------------------------------------------------------------*/

    /* Section "Content" */

    #content-modular_house {
        margin: calc(100vw / 16) 0 0;
    }

    /* Section "Thumbnail" */

    #thumbnail-modular_house picture img {
        border-radius: calc(100vw / 144);
    }

    /* Section "Carousel" */

    #swiper-carousel {
        border-radius: calc(100vw / 144);
    }

    /* Section "Specification" */

    #spec-modular_house {
        margin: calc(100vw / 16) 0 0;
    }

    #spec-modular_house .spec-modular_house-inner {
        grid-template-columns: calc(100vw / 2.2) auto;
        grid-gap: calc(100vw / 32);
    }

    #spec-modular_house .spec-modular_house-add_images {
        grid-gap: calc(100vw / 288);
    }

    #spec-modular_house .add_image img {
        border-radius: calc(100vw / 288);
    }

    #spec-modular_house .spec-modular_house-tags {
        margin: calc(100vw / 48) 0 0;
    }

    #spec-modular_house .title_tags,
    #spec-modular_house .price_from-title,
    #spec-modular_house .price_area-title {
        font-size: calc(100vw / 120);
        line-height: calc(100vw / 100);
        margin: 0 0 calc(100vw / 288);
    }

    #spec-modular_house .span_tags span,
    #spec-modular_house .span_tags a {
        font-size: calc(100vw / 120);
        border-radius: calc(100vw / 72);
        margin: 0 calc(100vw / 480) calc(100vw / 240) 0;
        padding: 0 calc(100vw / 102.86);
    }

    #spec-modular_house .spec-modular_house-price {
        gap: calc(100vw / 24);
        margin: calc(100vw / 48) 0 0;
    }

    #spec-modular_house .price_from-number,
    #spec-modular_house .price_area-number {
        font-size: calc(100vw / 45);
        line-height: calc(100vw / 45);
    }

    #spec-modular_house .price_from-currency,
    #spec-modular_house .price_area-unit {
        font-size: calc(100vw / 102.86);
        line-height: calc(100vw / 102.86);
    }

    #spec-modular_house .spec-modular_house-description,
    #spec-modular_house .spec-modular_house-features,
    #spec-modular_house .spec-modular_house-upgrades {
        border-top: calc(100vw / 1440) solid #f4f5f5;
        padding: calc(100vw / 48) 0 0;
        margin: calc(100vw / 48) 0 0;
    }

    #spec-modular_house .spec-features-text,
    #spec-modular_house .spec-upgrades-text {
        margin: calc(100vw / 72) 0 0;
    }

    #spec-modular_house .spec-features-text .format-cols_2,
    #spec-modular_house .spec-upgrades-text .format-cols_2 {
        column-gap: calc(100vw / 28.8);
    }

    #spec-modular_house .spec-modular_house-experts {
        border-radius: calc(100vw / 288);
        margin: calc(100vw / 41.14) 0 0;
        padding: calc(100vw / 96) calc(100vw / 144);
    }

    #spec-modular_house .spec-experts-href a span {
        background-size: calc(100vw / 65.45) auto;
        padding: 0 calc(100vw / 42.35) 0 0;
    }

    #spec-modular_house .spec-modular_house-order {
        margin: calc(100vw / 36) 0 0;
    }

    #spec-modular_house .spec-modular_house-order a {
        max-width: calc(100vw / 4.8);
        height: calc(100vw / 30);
        border-radius: calc(100vw / 288);
    }

    /* Section "Download Specs" */

    #download_specs-modular_house {
        margin: calc(100vw / 14.4) 0 0;
    }

    #swiper-download_specs {
        border: calc(100vw / 1440) solid #f4f5f5;
        border-radius: calc(100vw / 144);
    }

    #swiper-download_specs .swiper-slide img {
        max-height: calc(100vw / 2.06);
    }

    #download_specs-modular_house .swiper-pagination-text_bullets {
        top: calc(100vw / 48);
    }

    #download_specs-modular_house .download_specs-button {
        bottom: calc(100vw / 48);
    }

    #download_specs-modular_house .download_specs-button a {
        max-width: calc(100vw / 4.8);
        height: calc(100vw / 37.89);
        font-size: calc(100vw / 102.86);
        border-radius: calc(100vw / 288);
    }

    #download_specs-modular_house .download_specs-button a span {
        background-size: calc(100vw / 80) auto;
        padding: 0 0 0 calc(100vw / 42.35);
    }

    /* Section "Video & Photo" */

    #gallery-modular_house {
        margin: calc(100vw / 24) 0 0;
    }

    #gallery-modular_house .gallery-modular_house-wrap {
        padding: calc(100vw / 16) 0 calc(100vw / 20.57);
    }

    #gallery-modular_house .gallery-modular_house-gallery {
        margin: calc(100vw / 36) 0 0;
    }


    /*--------------------------------------------------------------
        Category "Explore Our Modular Houses"
    --------------------------------------------------------------*/

    #category-modular_houses .entry-header {
        margin: 0 0 calc(100vw / 24);
    }

    #category-modular_houses .spec-cat_mod_houses {
        max-width: calc(100vw / 3.43);
        bottom: calc(100vw / 32.73);
        border-radius: calc(100vw / 144);
        padding: calc(100vw / 72) calc(100vw / 72);
    }

    #category-modular_houses .spec-cat_mod_houses .h3 {
        line-height: calc(100vw / 50);
    }

    #category-modular_houses .spec-cat_mod_houses-tags {
        margin: calc(100vw / 96) 0 0;
    }

    #category-modular_houses .price_from-title,
    #category-modular_houses .price_area-title {
        font-size: calc(100vw / 120);
        line-height: calc(100vw / 100);
        margin: 0 0 calc(100vw / 288);
    }

    #category-modular_houses .span_tags span,
    #category-modular_houses .span_tags a {
        font-size: calc(100vw / 120);
        border-radius: calc(100vw / 72);
        margin: 0 calc(100vw / 480) calc(100vw / 288) 0;
        padding: 0 calc(100vw / 102.86);
    }

    #category-modular_houses .spec-cat_mod_houses-price {
        gap: calc(100vw / 24);
        border-top: calc(100vw / 1440) solid #f4f5f5;
        margin: calc(100vw / 96) 0 0;
        padding: calc(100vw / 72) 0 0;
    }

    #category-modular_houses .price_from-number,
    #category-modular_houses .price_area-number {
        font-size: calc(100vw / 45);
        line-height: calc(100vw / 45);
    }

    #category-modular_houses .price_from-currency,
    #category-modular_houses .price_area-unit {
        font-size: calc(100vw / 102.86);
        line-height: calc(100vw / 102.86);
    }

    #category-modular_houses .spec-cat_mod_houses-href {
        margin: calc(100vw / 96) 0 0;
    }

    #category-modular_houses .spec-cat_mod_houses-href a {
        width: calc(100vw / 8.47);
        height: calc(100vw / 36);
        font-size: calc(100vw / 102.86);
        border: calc(100vw / 1440) solid #0c8ce9;
        border-radius: calc(100vw / 288);
    }

    #category-modular_houses .spec-cat_mod_houses-href a span {
        background-size: calc(100vw / 84.71) auto;
        padding: calc(100vw / 144) calc(100vw / 42.35) calc(100vw / 144) 0;
    }


    /*--------------------------------------------------------------
        404 Error
    --------------------------------------------------------------*/

    .error-404 .text {
        font-size: calc(100vw / 80);
        line-height: calc(100vw / 50);
    }

    .error-404 .banner img {
        max-width: calc(100vw / 1.95);
    }

    .error-404 .href {
        margin: calc(100vw / 36) 0 0;
    }

    .error-404 .href a {
        width: calc(100vw / 7.74);
        height: calc(100vw / 30);
        border-radius: calc(100vw / 288);
    }


    /*--------------------------------------------------------------
        Popup Forms
    --------------------------------------------------------------*/

    /* Form "Book a Consultation" */

    .form-cf7_book .form-cf7_book-inner {
        max-width: calc(100vw / 1.67);
        border-radius: calc(100vw / 144);
        box-shadow: 0 0 calc(100vw / 72) 0;
    }

    .form-cf7_book .form-cf7_book-content {
        grid-template-columns: calc(100vw / 4.5) auto;
    }

    .form-cf7_book .form-cf7_book-fields {
        padding: calc(100vw / 32) calc(100vw / 36) calc(100vw / 36) calc(100vw / 48);
    }

    .form-cf7_book .form-title {
        margin: 0 0 calc(100vw / 48);
    }

    .form-cf7_book .form-field {
        margin: 0 0 calc(100vw / 120);
    }

    .form-cf7_book .form-field.error::after,
    .form-cf7_book .form-field.success::after {
        width: calc(100vw / 90);
        height: calc(100vw / 90);
        right: calc(100vw / 72);
    }

    .form-cf7_book .form-field label {
        left: calc(100vw / 72);
        top: calc(100vw / 90);
    }

    .form-cf7_book .form-field.focus label {
        top: calc(100vw / 288);
        font-size: calc(100vw / 120);
    }

    .form-cf7_book .form-field input,
    .form-cf7_book .form-field textarea {
        height: calc(100vw / 24);
        border: calc(100vw / 1440) solid #e2e6e9;
        border-radius: calc(100vw / 288);
    }

    .form-cf7_book .form-field input {
        padding: 0 calc(100vw / 72);
    }

    .form-cf7_book .form-field textarea {
        height: calc(100vw / 9);
        padding: calc(100vw / 96) calc(100vw / 72);
    }

    .form-cf7_book .form-field.focus input,
    .form-cf7_book .form-field.focus textarea {
        padding: calc(100vw / 60) calc(100vw / 72) calc(100vw / 288);
    }

    .form-cf7_book .buttons {
        margin: calc(100vw / 48) 0 0;
    }

    .form-cf7_book button[type="submit"] {
        height: calc(100vw / 30);
        border-radius: calc(100vw / 288);
    }

    .form-cf7_book .wpcf7-not-valid-tip {
        width: calc(100% - calc(100vw / 72));
        top: calc(100vw / 288);
        left: calc(100vw / 80);
        font-size: calc(100vw / 120);
        padding: 0 0 0 calc(100vw / 720);
    }

    .form-cf7_book .form-cf7_book-close {
        width: calc(100vw / 72);
        height: calc(100vw / 72);
        top: calc(100vw / 96);
        right: calc(100vw / 96);
    }

    .form-cf7_book .form-cf7_book-close::before,
    .form-cf7_book .form-cf7_book-close::after {
        width: calc(100vw / 720);
        height: calc(100vw / 72);
        left: calc(100vw / 160);
    }

    /* Message Success CF7 [Popup] */

    .wpcf7-popup-ty-wrap {
        max-width: calc(100vw / 2.77);
        border-radius: calc(100vw / 144);
        padding: calc(100vw / 36) calc(100vw / 36);
    }

    .wpcf7-popup-ty-title {
        margin: 0 0 calc(100vw / 144);
    }

    .wpcf7-popup-ty-output {
        line-height: calc(100vw / 50);
        margin: 0 0 calc(100vw / 48);
    }

    .wpcf7-popup-ty-button button {
        height: calc(100vw / 30);
        border-radius: calc(100vw / 288);
    }

    .wpcf7-popup-ty-close {
        width: calc(100vw / 72);
        height: calc(100vw / 72);
        top: calc(100vw / 96);
        right: calc(100vw / 96);
    }

    .wpcf7-popup-ty-close::before,
    .wpcf7-popup-ty-close::after {
        width: calc(100vw / 720);
        height: calc(100vw / 72);
        left: calc(100vw / 160);
    }
}

@media (min-width: 769px) {

    /* Page "Your Wood&Me Journey" */

    #photos-how_work .swiper-wrapper {
        grid-gap: calc(100vw / 144);
    }

    #photos-how_work .swiper-slide img {
        height: calc(100vw / 4);
        border-radius: calc(100vw / 288);
    }
}