/* Responsive Styles */
/* Xtra lg */
@media (min-width: 2560px) {

}

@media (min-width: 1920px) {

}

@media (min-width: 1600px) and (max-width: 1919px) {
    #index-about-investment-p1 img { right: -180px; }
    #index-about-investment-p2 img { left: -180px; }
}

@media (min-width: 1367px) and (max-width: 1599px) {
    #index-about-investment-p1 img { right: -340px; }
    #index-about-investment-p2 img { left: -310px; }
}

/* lg */
@media (min-width: 1200px) and (max-width: 1366px) {
    #index-about-investment-p1 img { right: -440px; }
    #index-about-investment-p2 img { left: -360px; }
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
    .diagonal_line { display: none; }

    .index-section-header {
        margin-bottom: 1rem;
        font-size: 2.2rem;
    }

    #index-about-investment-p1 img { right: -375px; }
    #index-about-investment-p2 img { left: -310px; }
    .index-about-investment-description-p1 h2 {
        margin-bottom: 1rem;
        font-size: 2.2rem;
    }
    .index-about-investment-description-p1 h3,
    .index-about-investment-description-p2 h1, .index-about-investment-description-p2 h2, .index-about-investment-description-p2 h3, .index-about-investment-description-p2 h4, .index-about-investment-description-p2 h5, .index-about-investment-description-p2 h6 {
        margin-bottom: 1.4rem;
        font-size: 1.2rem;
    }
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
    html { font-size: calc(12px + 0.390625vw); }
    body { padding-top: 85px; }

    .on-desktop { display: none !important; }
    .on-mobile { display: block !important; }

    .diagonal_line { display: none; }
    .index-section-header {
        margin-bottom: 1rem;
        font-size: 2.2rem;
    }
    #to-top { bottom: 20px; }
    /*Menu*/
    .main-nav-top-bar__logo {
        top: 24px;
        width: 150px;
    }
    /*COOKIES*/
    .cookies-widget {
        left: 0;
        width: 100%;
    }
    /*Index Carousel*/
    .carousel-item { height: 70vh; }
    /*Index Gallery Slider Section*/
    .slider-wrapper .slide-button { display: none !important; }
    .slider-wrapper .image-list {
        gap: 10px;
        margin-bottom: 15px;
    }
    .slider-wrapper .image-list .image-item {
        width: 280px;
        height: 380px;
    }
    .slider-scrollbar .scrollbar-thumb { width: 20%; }
    .index-siema-gallery-image-item { object-fit: cover; }
    #index-header-carousel { margin-bottom: 2.5rem; }
    /*Flats model*/
    #flats-model {
        margin-top: 1rem;
        aspect-ratio: 1.4;
    }
    #flats-model p { font-size: 1.2rem; }
    /*About Investment*/
    .index-about-investment-description-p1, .index-about-investment-description-p2 {
        position: static;
        padding-top: 2rem;
        padding-right: 1rem;
        padding-left: 1rem;
        padding-bottom: 2.7rem;
        width: 100%;
        transform: none;
    }
    .index-about-investment-description-p1 h2 {
        margin-bottom: 1rem;
        font-size: 2.2rem;
    }
    .index-about-investment-description-p1 h3,
    .index-about-investment-description-p2 h1, .index-about-investment-description-p2 h2, .index-about-investment-description-p2 h3, .index-about-investment-description-p2 h4, .index-about-investment-description-p2 h5, .index-about-investment-description-p2 h6 {
        margin-bottom: 1.4rem;
        font-size: 1.2rem;
    }
    /*Turnkey Apartments*/
    #index-turnkey-apartments { margin-top: 2rem; }
    .index-turnkey-description { margin-top: 1rem; }
    .index-turnkey-description__skew {
        position: static;
        width: 100%;
    }
    .index-turnkey-description__skew-text-container {
        padding: 2rem;
        width: 100%;
        background-color: #fff;
    }
    .index-turnkey-description__skew-right-triangle, .desktop-only { display: none; }
    /*Gallery*/
    .swiper-pagination { display: none; }
    .swiper-nav {
        left: 50%;
        transform: translateX(-50%);
    }
    /*Location*/
    .map { aspect-ratio: 1.35; }
    /*Investment Description*/
    .investment-description-p1 { padding-right: 0; }
    .investment-description-p1 div {
        padding-top: 3rem;
        padding-left: .9rem;
        padding-right: .9rem;
        padding-bottom: 2rem;
    }
    .investment-description-p2 { margin-top: 2rem; }
    .investment-description-p2 img { margin-bottom: 1rem; }
    .investment-description-p2 table {
        margin: 0 auto 1.5rem;
        width: 90%;
    }
    /*Turnkey description*/
    .index-turnkey-description__triangle-overlay { display: none; }
    /*Contact form*/
    #index-contact-form { padding: 3rem 0; }
    /*Footer*/
    .footer-contact {
        margin-top: 2rem;
        text-align: center;
    }
}

/* xs Landscape*/
@media (max-width: 767px) {
    html { font-size: calc(14px + 0.390625vw); }
    body { padding-top: 85px; }

    .on-desktop { display: none !important; }
    .on-mobile { display: block !important; }

    .diagonal_line { display: none; }
    .index-section-header {
        margin-bottom: 1rem;
        font-size: 2.2rem;
    }
    #to-top { bottom: 20px; }
    /*Menu*/
    .main-nav-top-bar__logo {
        top: 24px;
        width: 150px;
    }
    /*COOKIES*/
    .cookies-agreements { flex-flow: row wrap; }
    .apple-switch-wrapper {
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .apple-switch, .apple-switch--disabled {
        width: 40px;
        height: 20px;
    }
    .apple-switch::after, .apple-switch--disabled::after {
        width: 16px;
        height: 16px;
    }
    .cookies-widget {
        left: 0;
        width: 100%;
    }
    /*Index Carousel*/
    .carousel-item { height: 70vh; }
    /*Index Gallery Slider Section*/
    .slider-wrapper .slide-button { display: none !important; }
    .slider-wrapper .image-list {
        gap: 10px;
        margin-bottom: 15px;
    }
    .slider-wrapper .image-list .image-item {
        width: 280px;
        height: 380px;
    }
    .slider-scrollbar .scrollbar-thumb { width: 20%; }
    .index-siema-gallery-image-item { object-fit: cover; }
    #index-header-carousel { margin-bottom: 2.5rem; }
    /*Flats model*/
    #flats-model {
        margin-top: 1rem;
        aspect-ratio: 1.4;
    }
    #flats-model p { font-size: 1.2rem; }
    /*About Investment*/
    .index-about-investment-description-p1, .index-about-investment-description-p2 {
        position: static;
        padding-top: 2rem;
        padding-right: 1rem;
        padding-left: 1rem;
        padding-bottom: 2.7rem;
        width: 100%;
        transform: none;
    }
    .index-about-investment-description-p1 h2 {
        margin-bottom: 1rem;
        font-size: 2.2rem;
    }
    .index-about-investment-description-p1 h3,
    .index-about-investment-description-p2 h1, .index-about-investment-description-p2 h2, .index-about-investment-description-p2 h3, .index-about-investment-description-p2 h4, .index-about-investment-description-p2 h5, .index-about-investment-description-p2 h6 {
        margin-bottom: 1.4rem;
        font-size: 1.2rem;
    }
    /*Turnkey Apartments*/
    #index-turnkey-apartments {
        margin-top: 2rem;
        min-height: 660px;
        overflow: hidden;
    }
    .index-turnkey-description { margin-top: 1rem; }
    .index-turnkey-description__skew { width: 100%; }
    .index-turnkey-description__skew-text-container {
        padding: 2rem;
        width: 100%;
        background-color: #fff;
    }
    .index-turnkey-description__skew-right-triangle, .desktop-only, .index-turnkey-description__triangle-overlay { display: none; }
    .index-turnkey-description__image {
        filter: blur(4px);
    }
    /*Gallery*/
    .swiper-pagination { display: none; }
    .swiper-nav {
        left: 50%;
        transform: translateX(-50%);
    }
    /*Location*/
    .map { aspect-ratio: 1.35; }
    /*Investment Description*/
    .investment-description-p1 { padding-right: 0; }
    .investment-description-p1 div {
        padding-top: 3rem;
        padding-left: .9rem;
        padding-right: .9rem;
        padding-bottom: 1rem;
    }
    .investment-description-p2 { margin-top: 2rem; }
    .investment-description-p2 img { margin-bottom: 1rem; }
    .investment-description-p2 table {
        margin: 0 auto 1.5rem;
        width: 90%;
    }
    /*Contact form*/
    #index-contact-form { padding: 3rem 0; }
    /*Footer*/
    .footer-contact {
        margin-top: 2rem;
        text-align: center;
    }
}

/* xs Portrait */
@media (max-width: 576px) {
    .on-desktop { display: none !important; }
    .on-mobile { display: block !important; }

    /*COOKIES*/
    .cookies-widget {
        left: 0;
        width: 100%;
    }
}