@media (min-width: 9999px) {
    .disclaimer {
        width: 93vw;
    }

    .side-r {
        margin-right: 6vw;
    }
}

@media (max-width: 9998px) {
    .disclaimer {
        width: 93vw;
    }

    .side-r {
        margin-right: 6vw;
    }


}

@media(max-width:5140px) {
    .side-r {
        width: 26vw;
        margin-right: 4vw;
    }


}


@media(max-width:5140px) {
    .side-r {
        width: 26vw;
        margin-right: 4vw;
    }
}

@media(max-width:3140px) {
    .text_sec1 {
        margin-top: 14vh;
        margin-left: 0;
    }

    .parag1 {
        font-size: 0.65em;
    }

}

@media(max-width:1680px) {

    .side-center .lst {
        font-size: 1.8em;
        min-width: 13vw;
    }

    .parag1 {
        font-size: 1em;
    }

}

@media (max-width: 1436px) {
    .text_sec1 {
        margin-top: 9vh;
        margin-left: 2vw;
    }

    h3 {
        font-family: 'Beliau-Regular';
        margin-bottom: 1rem;
        font-weight: lighter;
        margin: 3%;
    }


}

@media (max-width: 1319px) {
    .text_sec1 {
        display: flex;
        position: relative;
        margin-left: 3vw;
        line-height: 0.9em;
        flex-wrap: nowrap;

    }

    .par-form {
        font-size: 1.1em;
        line-height: 2em;
    }


    .right-half {
        padding-left: 3em;
        padding-top: 2em;
        width: 57%;
        background-color: #be694b;
        font-family: 'Brinnan-Light';
        color: #ffffff;
        padding-right: 3em;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: space-between;
        justify-content: space-evenly;
        align-items: flex-start;
    }

    .parag1 {
        font-size: 1em;

    }
}

@media (max-width: 1165px) {
    .text_sec1 {
        margin-top: 12vh;
        margin-left: 0vw;
    }

    .header-vertical-line {
        left: 30vw;
    }

    #header nav {
        left: 33.5vw;
    }

    #intro {
        background-position: 32%;
    }

    /* footer */
    .side-r {
        width: 37vw;
    }

    #intro {
        background: url("../../images/mobile/SCALI_ST1_03_Facade_4K.webp");
        background-size: cover;
        background-position: left, bottom center;
        background-repeat: repeat, no-repeat;
        caret-color: transparent;
    }
}


@media (max-width: 960px) {
    body {
        padding: 0;
    }

    #intro {
        background: url("../../images/mobile/SCALI_14_Vignette_B.webp");
        background-size: cover;
        /* background-attachment: fixed, fixed; */
        background-position: left, bottom center;
        background-repeat: repeat, no-repeat;
        caret-color: transparent;
    }

    #six {
        background: url("../../images/mobile/SCALI_ST1_13_Vignette_A_GIFT_R1_MOBILE.webp");
        height: 40vh !important;
        min-height: 20vh !important;
        background-size: cover;

    }

    .left-half {
        width: 45%;
        height: auto;
        background: url("../../images/mobile/SCALI_ST1_02_Hero_Dusk_view_R1.webp") center/cover no-repeat;
        background-position: 85% 25%;
    }

    .main.style1 {
        padding: 2px;
    }

    .header-vertical-line {
        display: none;
    }

    .logo {
        top: 0.1%;
        height: auto;
        position: fixed;
        right: 8%;
        width: 5% !important;
        min-width: 100px;
        padding: 4%;
    }

    .logo2 {
        padding: 5%;
        left: 0;
    }

    .text_sec1 {
        margin-left: 0vw;
        margin-top: 0vh;
    }

    .icon-center {
        height: auto;
        width: 30%;
        position: relative;
        margin: 0%;
        padding-top: 40px;
        padding-bottom: 17px;
    }

    .text-sec3 {
        color: white;
        width: 75vw;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        line-height: normal;
    }


    .quiet3 {
        line-height: 1.1em;
        text-align: center;
        margin-bottom: 40px;
        margin-top: 2%;
    }

    .quiet3.responsive-description {
        margin-bottom: 2%;
    }

    .parag1 {
        margin-bottom: 0vh;
        margin-top: 0vh;
        font-family: 'Brinnan-Light';
        font-size: 0.78em;
        letter-spacing: normal;
    }

    .commin {
        font-size: 1em;
        white-space: wrap;
        width: 53vw;
    }

    .main.style2 {
        padding: 0 15px 0 15px;
    }

    .bottom-left {
        display: none;
    }

    .mainMobile {
        display: flex;
        position: relative;
        margin: 0;
        overflow-x: hidden;
        flex-direction: column;
        justify-content: space-between;
        align-content: space-around;
    }

    .popup {

        left: 50vw;
        padding: 19px;

    }

    .box.style3 {
        top: 2vh;
        margin-left: 7vw;
    }

    .main.style2.left.dark.fullscreen .box p {
        text-align: left;
        width: 82%;
        color: #0b1b30;
    }

    .texttoggle {
        margin-top: 4vh;
        margin-left: 0%;
        font-size: 0.7em;


    }

    .t-mobile {

        padding: 2px;
    }

    .split-section {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
        text-align: justify;
    }

    .right-half {
        padding-left: 2em;
        padding-top: 3em;
        width: 100%;
        padding-right: 2em;
    }

    .div-flex {
        display: flex !important;
        justify-content: flex-start;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
    }

    .button {
        margin-right: 11%;
        font-size: 16px;
    }

    #four {
        height: 40vh !important;
        min-height: 20vh !important;
    }

    .bottom-half {
        padding: 80px;
    }

    .left-side {
        width: 90%;
        padding: 2em;
    }

    #five {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .left-side-bottom {
        flex-direction: column;
    }

    .map_image {
        width: 83vw;
    }

    .tree_frames {
        flex-direction: column;
        margin-left: 0;
    }

    .litle_frame {
        height: auto;
        width: 95%;
        padding: 1.2vw;
    }


    .text3 {
        bottom: 6%;
    }

    #privacy-modal2 {
        display: none;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 5%;
        background-color: white;
        border: 1px solid #ccc;
        z-index: 1000;
        max-width: 80%;
        font-family: 'Brinnan-Light';
        color: #0b1b30;
        width: 81%;
        height: auto;
    }

    .side-center {
        position: relative;
        display: flex;
        flex-direction: row;
        align-content: flex-end;
        justify-content: center;
        align-items: center;
        height: auto;
        width: 70%;
        padding-bottom: 1em;
    }


    .side-center .bl-dow {
        display: flex;
        width: 100%;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: flex-start;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    /* .side-center .bl-dow {
            padding-left: 3vw;
        } */

    .side-center .lst {
        width: 183px;
    }

    /* Estilos para o conteúdo do modal */
    #privacy-content {
        width: auto;
        margin: 0 auto;
        background-color: #fff;
        padding: 2px;
        border-radius: 8px;
        height: auto;
    }

    .container-icons {
        display: flex;
        justify-content: center;
        margin-bottom: 5px;
    }

    .container-icons img {
        margin: 0 10px;
    }

    .privacy {
        width: 100%;
        margin-bottom: 0em;
        bottom: 6px;
        position: relative;
        text-align: center;
    }

    .side-r {
        padding-bottom: 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: auto;
        width: 84%;
        flex-wrap: nowrap;
        align-content: center;
        position: relative;
        top: 0%;
    }

    .side-l {
        width: 100vw;
        height: auto;
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        padding-top: 0%;
        padding-left: 0%;
        flex-wrap: nowrap;
        justify-content: center;
    }

    .side-center .lst {
        font-size: 2em;
        padding-left: 0em;
        min-width: 163px;
        text-align: left;
        padding-left: 10px;
    }

    h3 {
        margin: 0%;
    }

    .menu-footer {
        display: none;
    }

    .logodown {
        display: none;
    }
}

@media (max-width: 1310px) {
    #header1 {
        padding: 8px 16px;
    }

    #header1 .register-wrapper .logo {
        width: 35px;
    }

    #header1 .nav-item .nav-link {
        font-size: 12px;
    }

    .register-wrapper a button.button {
        font-size: 14px;
    }
}

@media (max-width: 1025px) {
    #header1 {
        background-color: #8e4122cc;
    }

    #header1 .nav-item {
        font-size: 100%;
        margin: 0;
        padding: 1rem 0;
    }

    .book-an-appointment-section {
        display: flex;
        flex-direction: column;
        text-align: center;
        padding: 1rem;
    }

    .book-an-appointment-section .section-title {
        font-size: 24px;
        padding-bottom: 1rem;
    }

    .book-an-appointment-section .contacts-info {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .location-and-property-info-section {
        padding: 1rem;
        padding-bottom: 3rem;
        gap: 1rem;  
    }

    .location-and-property-info-section .title-and-description-container {
        text-align: center;
        max-width: unset
    }

    .location-and-property-info-section .title-and-description-container .section-title {
        font-size: 24px;
    }

    
    .location-and-property-info-section .title-and-description-container .description {
        font-size: 13px;
    }

    .location-and-property-info-section .info-and-map-container .info-container .property-info .property-title {
        font-size: 20px;
    }

    .location-and-property-info-section .info-and-map-container .info-container .property-info .property-description {
        font-size: 13px;
    }

    .location-and-property-info-section .info-and-map-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .location-and-property-info-section .info-and-map-container .info-container {
        gap: 1rem;
    }

    .location-and-property-info-section .info-and-map-container .map-view-container .js-map-view-button {
        display: none;
    }

    .location-and-property-info-section .info-and-map-container .map-view-container .map-view {
        width: 100%;
    }

    .about p {
        font-size: 13px;
    }

    .main.style2.right.dark.fullscreen .box .open-arms-section-title {
        font-size: 24px;
    }

    .main.style2.right.dark.fullscreen .box .about {
        font-size: 16px;
    }

    .homes-section .space-options {
        display: flex;
        width: 100%;
        justify-content: unset;
        flex-direction: column;
        align-items: center;
    }

    .responsive-image {
        width: 60%;
    }

    .homes-section .space-options .option .homes-image-option-description {
        font-size: 13px;
    }


    .homes-section .space-options .option {
        margin: 0.5rem;
    }

    .homes-section .space-options .option .fitness-room-responsive {
        display: block;
    }

    .space-options-row-container {
        display: flex;
        align-items: baseline;
    }

    .home-swiper-section .home-swiper {
        margin: 0;
    }

    .home-swiper-section .home-swiper .swiper-wrapper .swiper-slide .option {
        display: block;
        position: relative;
        width: 100%;
        padding: 1rem;
        top: 0;
        left: 0;
        height: 200px;
        background-color: #263239;
    }

    #section-spaces-options {
        aspect-ratio: 1 / 1.1;
    }

    .home-swiper-section .home-swiper .swiper-wrapper .swiper-slide .option .option-description {
        max-width: unset;
        margin: 0;
    }

    .color-scheme-comparison {
        padding: 0;
    }

    .color-scheme-comparison .image-comparison-container img.desktop {
        display: none;
    }

    .color-scheme-comparison .image-comparison-container img.mobile {
        display: block;
        width: 100%;
    }

    .color-scheme-comparison .color-scheme-comparison-container .color-scheme-options {
        display: flex;
        gap: 1rem;
        padding: 1rem;
    }

    .color-scheme-comparison .color-scheme-comparison-container .color-scheme-comparison-title {
        padding: 1rem 0.5rem 0rem 0.5rem;
        font-size: 24px;
        margin-bottom: 1rem;
    }

    .color-scheme-comparison .color-scheme-comparison-container .color-scheme-comparison-description {
        font-size: 13px;
        margin: 1rem 1rem 0;
    }

    .title-and-link-section {
        padding: 2rem;
    }

    .title-and-link-section .title-link-section {
        font-size: 24px;
        letter-spacing: 0;
        line-height: 40px;
    }

    .title-and-link-section .description-link-section {
        font-size: 13px;
        padding: 2rem;
    }

    .available-floorplans-section .floorplans-download-options .floorplans-buttons .floorplan-option {
        font-size: 13px;
    }

    .available-floorplans-section {
        align-items: unset;
    }

    .our-team-section { 
        gap: 0.1rem;
        padding: 2rem;
    }

    .our-team-section .team {
        flex-direction: column;
        gap: 1rem;
    }

    .our-team-section .our-team-section-title {
        font-size: 24px;
        text-align: center;
    }

    .our-team-section .team .team-description-container .team-title {
        margin-bottom: 1rem;
        font-size: 16px;
    }

    .our-team-section .team .team-description-container .team-description {
        text-align: justify;
    }

    .our-team-section .team .team-link-website {
        margin-bottom: 2rem;
    }

    .available-floorplans-section {
        padding-top: 2rem;
    }

    .available-floorplans-section .available-floorplans-title {
        font-size: 24px;
        line-height: 1;
        margin-top: 2rem;
        margin-bottom: 0;
        padding: 0 1rem;
    }

    .available-floorplans-section .floorplans-download-options .floorplans-buttons {
        flex-direction: row;
        gap: 0.5rem;
        padding: 1rem 0 1rem;
        justify-content: space-around;
    }

    .floorplans-swiper-sections .plans-options {
        display: flex;
        gap: auto;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: stretch;
        max-width: unset;
    }

    .floorplans-swiper-sections {
        padding-bottom: 1.5rem;
    }

    #section-studio-plans .studio-swiper {
        margin: 0;
    }

    #section-studio-plans .studio-swiper.js-studio-swiper {
        margin: 0;
        max-width: unset;
    }

    .book-an-appointment-section .section-title {
        max-width: unset;
    }

    .home-swiper-section .home-swiper .swiper-wrapper .swiper-slide .option .homes-image-option-description {
        margin-top: unset;
    }
    
    .available-floorplans-section {
        padding: 0;
    }

    .standard-title-pattern {
        font-size: 24px;
    }

    .section-life-in-balance .open-arms-section-title {
        font-size: 24px;
    }

    #eight {
        scroll-margin: 6rem;
    }

    .arrowdow {
        display: none;
    }

    .floorplans-swiper-sections .plan-tiny-image {
        max-width: 4rem;
        margin-bottom: 0.5rem;
    }

    .floorplans-swiper-sections .plans-options .plan-option {
        padding: 0.3rem;
    }

    .floorplans-swiper-sections .plan-tiny-image-title {
        text-align: center;
    }

    .floorplans-swiper-sections {
        flex-direction: column;
        gap: 1rem;
    }

    .main.dark .button.style2.down {
        display: none;
    }

    #intro .main-section-video-player {
        top: 19em;
        left: 8vw;
    }
    
    #intro .main-section-video-player img {
        width: 70%;
    }

    #header1 .register-wrapper .logo {
        display: none;
    }
}