@media screen and (max-width: 1280px){
    .home-start h1 {
        font-size: 60px;
    }

    .home-start {
        font-size: 16px;
    }

    header .header>.wrap {
        padding-top: 40px;
        padding-bottom: 15px;
    }

    .--before-ready header {
        transform: translate3d(0px, -20px, 0px);
    }

    header .logo img {
        height: 67px;
    }

    .home-start > *> .wrap > .row .block > .wrap {
        padding: 30px 35px;
    }

    .home-start > * > .wrap > .row .block p {
        font-size: 13px;
    }

    .home-start > * > .wrap > .row .block > .wrap h2 {
        font-size: 21px;
    }
    .title .shape svg {width: 84%;height: auto;}
    .--home-btn-liquid > .wrap > .label > .text {
        padding: 0 5px;
    }
    .home-start > * > .wrap > .row {
        gap: 30px
    }
    .liquid-blocks {
        display: none;
    }
    h2 {
        font-size: 40px;
    }

    .section-two-column {
        font-size: 16px;
    }

    .--media-preview > .figure-1 svg {
        width: 86%;
        height: auto;
    }

    .--media-preview > .figure-1 {
        top: -70px;
        right: -25px;
    }
    .section-hero .section-header {
        font-size: 16px;
    }
    #websites .title .shape {
        right: -1%;
    }

    #websites .title .shape svg {
        width: 70%;
    }

    #single_property .title .shape svg {
        width: 67%;
    }
    #steps .title .shape {
        width: max-content;
        margin: auto;
        top: 0;
    }

    #steps .title .shape svg {
        width: 63%;
        height: auto;
    }
    #pin > section#steps {
        min-height: calc(100dvh - 160px);
        margin: 0px auto;
    }
    #pricing .title .shape {
        width: max-content;
    }

    #pricing .title .shape svg {
        width: 65%;
    }
}
@media screen and (max-width: 1024px){
    header .header>.wrap > .col-middle {
        display: none;
    }

    .container {
        padding: 0 15px;
    }

    header .header>.wrap {
        padding-top: 45px;
        padding-bottom: 15px;
    }

    header .logo img {
        height: 65px;
    }

    .--home-btn > .wrap {
        padding: 10px 20px;
    }

    div#app {
        padding-top: 110px;
        overflow: hidden;
    }

    .home-start > * > .wrap > .row {
        flex-direction: column;
        gap: 25px;
    }

    .home--single {
        text-align: center;
    }

    .home-start h1 {
        font-size: 42px;
        left: 0;
        margin-bottom: 20px;
        line-height: 1.1;
        font-weight: 600;
    }

    .home-start > * > .wrap > .row > .col-left {
        width: 100%;
        max-width: 350px;
        margin: auto;
    }

    .home-start > * > .wrap > .row > .col-right {
        width: 100%;
    }

    .home-start > * > .wrap > .row .block > .wrap {
        gap: 20px;
        padding: 30px 20px;
        text-align: left;
    }

    .liquid-blocks > .block-1 {
        display: none;
    }

    .liquid-blocks > .block-2 {
        display: none;
    }

    .block-3 {
        margin-top: 70px;
        width: 100%;
    }

    .home-start > .wrap > .row  .--home-btn-liquid {
    }

    .home-start p {
        line-height: 1.4;
    }

    .home-start > .wrap > .row .block p {
    }

    header.minify {
        transform: translate3d(0px, -35px, 0px);
    }

    .home-start {
        margin-bottom: 100px;
        text-align: center;
    }

    h2 {
        font-size: 36px;
        font-weight: 600;
    }

    .section-two-column > * > .wrap {
        flex-direction: column;
    }

    .section-two-column .wrap > .col-left {
        width: 100%;
    }

    .section-two-column .wrap > .col-right {
        width: 100%;
    }

    .--media-preview > .--liquid-shapes {
        bottom: -40px;
        left: 0;
        width: 100%;
    }

    .section-two-column {
        margin: 50px 0;
        line-height: 1.4;
    }

    .block-3 > .layer-2 > .hand {
        background-position: 0px 0px;
    }

    .--media-preview > .figure-1 svg {
        width: 100%;
        height: auto;
    }

    .--media-preview > .figure-1 {
        top: -70px;
    }

    .home-start > .wrap > .row .block > .wrap h2 {
        font-size: 18px;
    }
    .home-start > .wrap > .row .block > .wrap h2 br {
    }
    .section-hero > .wrap, .section-hero > * > .wrap {
        padding: 0 15px;
    }

    .section-hero .content {
        width: 100%;
        gap: 30px;
    }

    .section-hero .section-header {
        font-size: 18px;
    }

    .--media-preview-1 > .--logo svg {
        width: 49px;
        height: 33px;
    }

    .--media-preview-1 > .--logo {
        height: 73px;
        width: 111px;
        background-position: 28px -10px;
    }

    .--media-preview-1 > .--shape svg {
        width: calc(100% + 40px);
        height: auto;
    }

    .home--templates {
        margin-top: 80px;
    }
    .section-hero.home--templates > .wrap {
        padding: 0;
    }
    .section-cards-grid {
        padding: 0 15px;
    }

    .section-cards-grid > .wrap > .item, .section-cards-grid > .wrap > .item:hover {
        width: 100% !important;
        transition: unset;
        flex-shrink: 0;
        max-width: 380px;
    }
    .section-cards-grid > .wrap > .item > .card-item {
        /* width: 360px; */
    }
    .section-cards-grid > .wrap {
        gap: 0;
        justify-content: unset;
    }

    .home-steps {
        padding: 80px 0px;
    }

    .section--pricing p {
        text-align: center;
        max-width: 300px;
        color: #ffffffad;
    }

    .section--banner > .wrap {
        padding: 30px;
        flex-direction: column;
        gap: 40px;
        align-items: baseline;
    }

    footer > * > .wrap > .menu ul {
        justify-content: center;
        gap: 25px;
        flex-direction: column;
        align-items: center;
    }

    footer > * > .wrap > .menu ul li {
        font-size: 16px;
    }

    footer > * > .wrap .logo img {
        height: 40px;
    }

    .--navigation-bar > .wrap {
        overflow-x: scroll;
        overflow-y: hidden;
        width: 100%;
        display: flex;
    }

    footer > * > .wrap {
    }

    .section--banner .content {
        padding: 0;
    }

    .container-md, .container-lg {
        padding: 0 15px;
    }

    .ui-accordion .accordion .accordion--header > .accordion--header_wrap {
        font-size: 16px;
        gap: 15px;
    }

    .ui-accordion .accordion .accordion--header > .accordion--header_wrap > .action {
        padding: 8px 17px;
        border-radius: 12px;
    }

    .ui-accordion .accordion .accordion--header > .accordion--header_wrap > .action .icon {
        width: 20px;
        height: 20px;
    }

    .pricing-grid {
        overflow-x: scroll;
        overflow-y: hidden;
        padding: 5px 20px;
        padding-bottom: 80px;
    }

    .--navigation-bar > .wrap > .items {width: 100%;white-space: nowrap;padding: 6px;gap: 30px;}

    .--navigation-bar {
        width: 100%;
        padding: 5px;
    }

    .--navigation-bar > .wrap > .items > .item {
        font-size: 14px;
        padding: 7px 15px;
    }

    .--navigation-bar > .wrap > .items > .item:after {
        right: -15px;
    }

    .pricing-card-item > .wrap {
        padding: 25px;
    }

    .pricing-card-item:after {
        border-radius: 18px;
    }

    .pricing-card-item:before {
        width: 100px;
        height: 70px;
        background-size: 98px !important;
        top: -8px;
    }

    .--home-btn-liquid > .wrap > .label > .text {
        white-space: nowrap;
        padding: 0 2px !important;
        margin: 0px -2px;
    }

    .--home-btn-liquid > .wrap > .label:before {}

    .pricing-card-item > .wrap > .price {
        font-size: 76px;
        margin: 18px 0;
    }

    .pricing-card-item > .wrap > .list {
        margin-top: 30px;
    }

    .pricing-card-item > .wrap > .actions {
        margin: 0;
        margin-top: 40px;
    }

    .section-hero > * > .wrap .tabs {
        margin: 0 -15px;
    }

    .section--pricing > .wrapper > .bg, .section--banner > .bg, .home-steps > .background {
        border-radius: 24px;
    }
    .section--pricing > .wrapper > .wrap {
        padding: 0 15px;
        padding-top: 50px;
    }
    .home-start > .wrap > .row .block > .bg {
    }

    .--liquid-shapes > .--shapes {
        display: none;
    }

    .home-steps > .wrap > .steps > .items {
        justify-content: space-between;
        gap: 15px;
        width: max-content;
    }

    .home-steps > .wrap > .steps {
        overflow-x: scroll;
        overflow-y: hidden;
        margin-top: 10px;
        padding: 0 15px;
        width: 100%;
    }

    .home-steps > .wrap > .steps > .items > .step > .description {
        opacity: 1;
        transform: scale(1) translate3d(0px, 0%, 0px);
    }

    .home-steps > .wrap > .steps > .items > .step {
        padding-bottom: 50px;
        width: 22%;
    }

    .home-steps > .wrap > .steps > .items > .step > .label {
        font-size: 16px;
    }

    .home-steps > .wrap > .steps > .items > .step > .label > .bg > .left {
        background-size: cover;
        width: 23%;
    }

    .home-steps > .wrap > .steps > .items > .step > .label > .bg > .right {
        background-size: cover;
        background-position: right;
        width: 23%;
    }

    .home-steps > .wrap > .steps > .items > .step > .label > .bg .mid {
        width: 60%;
    }

    .home-steps > .wrap > .steps > .line {
        top: 44px;
        width: 852px;
        left: 0;
    }

    .home-steps > .wrap > .steps > .items > .step > .description > .bg:after {
        right: initial;
        left: 10px;
        top: -18px;
    }

    .home-steps > .wrap > .steps > .items > .step > .description {
        top: 17px;
        text-align: left;
    }
    .card-item .--media-preview-1 > .--media > .--image {
        padding-top: 300px;
    }

    .card-item > .wrap .title {
        font-size: 21px;
    }

    .card-item > .wrap > .card-details {
        gap: 4px;
    }

    .card-item > .wrap {
        gap: 18px;
    }

    section .actions {
        display: flex;
        justify-content: center;
    }
    .title .shape {
        display: none;
    }

    span.icon-svg svg {
        width: 24px;
        height: auto;
    =: 0;
    }

    span.icon-svg {
        margin: 0;
    }

    .--media-preview-1 > .--media > .--image {
        background-size: 100%;
    }

    .home-steps > .background > .shapes  svg {
        width: 120px;
        height: auto;
    }

    .section--pricing > .wrapper > .bg > .shapes {
        top: inherit;
        bottom: 0;
        display: flex;
        align-items: flex-end;
    }

    .section--banner svg {
        width: 120px;
        height: auto;
    }

    .section--banner > .bg > .shapes > .item.block-3 {
        top: 0;
    }

    .section--banner > .bg > .shapes > .item.block-2 {
        top: -16%;
        right: -6%;
    }
    .home-steps > .wrap:after, .home-steps > .wrap:before {
        content: '';
        position: absolute;
        right: 0;
        height: 100%;
        width: 5%;
        background: linear-gradient(90deg, #cbcbff, #cbcbff);
        top: 0;
        z-index: 1;
        pointer-events: none;
    }

    #single_property > * > .wrap {
        flex-direction: column-reverse;
        gap: 50px;
    }

    .home-steps > .wrap:before {
        right: 5%;
        background: linear-gradient(90deg, #cbcbff00, #cbcbff);
        z-index: 2;
        width: 20%;
    }
    .--navigation-bar > .wrap:after {
        content: '';
        min-width: 10px;
        margin: 0 15px;
    }

    #pin > section#steps {
        max-width: calc(100% - 30px);
    }
}