@media(max-width:1380px) {
    .what__wrapper {
        .what--row {
            .what--col {
                &:first-child {
                    padding: 0 20px;
                }
            }
        }
    }
    .about__wrapper {
        align-items: flex-end;
        .about--col {
            width: 50%;
            height: auto;
            &:first-child {
                padding-left: 20px;
                padding-bottom: var(--reit-space-80);
            }
        }
    }
    .who__wrapper {
        .who--carousel {
            .owl-nav {
                width: calc(100% + 100px);
                left: -50px;
            }
        }
    }
    .why__wrapper {
        .why--carousel {
            .owl-nav {
                width: calc(100% + 100px);
                left: -50px;
            }
        }
    }
}
@media(max-width:1280px) {
    header {
        .header--wrapper {
            nav {
                ul {
                    padding: 0 0 0 40px;
                    li {
                        padding: 0 var(--reit-space-16);
                        a {
                            font: 600 18px/24px var(--reit-montserrat);
                        }
                    }
                }
            }
        }
    }
    .hero__banner {
        .hero--slider--item {
            .slide--content--wrapper {
                width: 50%;
                .slide--title {
                    font: 700 42px/48px var(--reit-montserrat);
                }
                img.img--reit {
                    max-width: 280px;
                }
            }
        }
    }
    .what__wrapper {
        .what--row {
            .what--col {
                .what--orange {
                    &::after {
                        right: -150px;
                        width: 150px;
                    }
                }
            }
        }
    }

}

@media(max-width:1080px) {
    header {
        .header--wrapper {
            nav {
                display: none;
            }
            .responsive__menu {
                display: block;
                display: flex;
                align-items: stretch;
                justify-content: flex-end;
            }
        }
    }
    .what__wrapper {
        .what--row {
            flex-direction: column;
            gap: var(--reit-space-24);
            .what--col {
                width: 100%;
                .what--left {
                    max-width: 100%;
                    h2.section--title,
                    h5.section--subtitle {
                        text-align: center;
                    }
                }
                &:first-child {
                    width: 100%;
                    max-width: 100%;
                    padding: 0 var(--reit-space-20);
                }
                .what--orange {
                    width: 100%;
                    max-width: max-content;
                    height: auto;
                    margin-inline: auto;
                    padding: var(--reit-space-12);
                    text-align: center;
                    &::after {
                        content: none;
                    }
                }
            }
        }
    }
}
@media(max-width:1024px) {
    .hero__banner {
        .hero--slider--item {
            .slide--content--wrapper {
                width: 50%;
                .slide--title {
                    max-width: 400px;
                    font: 700 36px/42px var(--reit-montserrat);
                }
                img.img--reit {
                    max-width: 250px;
                }
            }
        }
    }
    footer {
        .footer--row {
            .footer--col {
                &:first-child {
                    max-width: 300px;
                }
            }
        }
    }
}
@media(max-width:992px) {
    .hero__banner {
        .hero--slider--item {
            .slide--content--wrapper {
                width: 70%;
                .slide--title {
                    font: 700 32px/36px var(--reit-montserrat);
                }
                img.img--reit {
                    max-width: 200px;
                }
            }
        }
    }
    footer {
        .footer--row {
            .footer--col {
                &:first-child {
                    max-width: 250px;
                }
            }
        }
    }
    .about__wrapper {
        flex-direction: column;
        .about--col {
            width: 100%;
            height: auto;
            h2, h5 {
                text-align: center;
            }
            &:first-child {
                width: 100%;
                padding-left: 20px;
                padding-right: 20px;
                padding-bottom: var(--reit-space-80);
            }
            #download--form {
                .checkbox--wrapper {
                    display: flex;
                    justify-content: center;
                }
                button {
                    margin-inline: auto;
                }
            }
        }
    }
}
@media(max-width:768px) {
    body,
    html {
        scroll-padding-top: 65px;
    }
    main {
        padding-top: 65px;
    }
    section {
        h2.section--title {
            font: 700 30px/36px var(--reit-montserrat);
        }
        h5.section--subtitle {
            font: 500 18px/22px var(--reit-montserrat);
        }

    }
    .section--padding {
        padding: var(--reit-space-42) 0;
    }
    header {
        .header--wrapper {
            .logo {
                height: 90px;
            }

        }

    }
    .hero__banner {
        .hero--slider--item {
            display: flex;
            flex-direction: column-reverse;
            .slide--content--wrapper {
                position: relative;
                width: 100%;
                top: 60px;
                transform: none;

                .slide--title {
                    font: 700 32px/36px var(--reit-montserrat);
                }
                img.img--reit {
                    max-width: 200px;
                }
            }
        }
        .hero--carousel {
            .owl-dots {
                text-align: center;
                position: relative;
            }
        }
    }

    .key__wrapper {
        .key--pointers {
            flex-direction: column;
            .key--point {
                width: 100%;
                .key--point--wrap {
                    flex: 1;
                    .key--point--title {
                        font: 800 30px/42px var(--reit-montserrat);
                    }
                    .key--point--details {
                        font: 500 20px/24px var(--reit-montserrat);
                    }
                }

            }
        }
    }

    .why__wrapper {
        background-image: url('../img/why-REIT-bg-responsive.png');
        .why--carousel {
            .why--carousel--item {
                align-items: center;
                text-align: center;
                &::after {
                    right: -4px;
                }
            }
        }
    }

    footer {
        background-image: url('../img/why-REIT-bg-responsive.png');
        .footer--row {
            width: 100%;
            height: auto;
            display: flex;
            flex-direction: column;
            gap: var(--reit-space-24);
            .footer--col {
                text-align: center;
                img.footer--logo {
                    max-width: 280px;
                    margin-inline: auto;
                }
                &:first-child {
                    max-width: 100%;
                    border-right: none;
                    padding-right: 0;
                    margin-right: 0;
                }
                &.full--width {
                    flex-direction: column;
                    span {
                        text-align: center;
                    }
                }
                .footer--right {
                    .footer--logo--container {
                        margin-inline: auto;
                        .footer--logos {
                            justify-content: center;
                            .footer--logo {
                                width: 180px;
                            }
                        }
                    }
                }
            }
        }
    }
    .what__wrapper {
        padding: var(--reit-space-42) 0 0;
    }
    .how__wrapper {
        padding: var(--reit-space-80) 0 0;
        background-color: var(--reit-white);
        .how--pointers {
            &.how--pointers--desktop {
                display: none;
            }
            &.how--pointers--mobile {
                display: flex;
                .owl-stage {
                    display: flex;
                    align-items: stretch;
                    .owl-item {
                        height: auto;
                        .item {
                            height: 100%;
                            .how--point {
                                height: 100%;
                            }
                        }
                    }
                }
                .owl-dots {
                    margin-top: 0 !important;
                    .owl-dot {
                        span {
                            width: 16px;
                            height: 16px;
                            background-color: transparent !important;
                            border: 2px solid var(--reit-secondary);
                            margin: 5px;
                        }
                        &.active span {
                            background-color: var(--reit-primary) !important;
                        }
                    }
                }
            }
            .how--point {
                &::before {
                    width: calc(100% - 20px);
                }
                .how--point--inner {
                    align-items: center;
                    height: 100%;
                    .how--point--content {
                        h4 {
                            font: 700 22px/28px var(--reit-montserrat);
                            text-align: center;
                        }
                        p {
                            font: 500 16px/20px var(--reit-montserrat);
                            text-align: center;
                        }
                    }
                }
            }
        }
    }
    .who__wrapper {
        padding: 0 0 var(--reit-space-42);
        &::before {
            top: -100px;
            min-height: 100px;
        }
    }
    .about__wrapper {
        padding: var(--reit-space-42) 0 0;
    }
}
@media(max-width:675px) {
    body,
    html {
        scroll-padding-top: 55px;
    }
    main {
        padding-top: 55px;
    }

    .why__wrapper {

        .why--carousel {
            .owl-stage-outer {
                width: 100%;
            }
            .why--carousel--item {
                padding: 0;
                &::after {
                    content: none;
                }
                .why--carousel--title {
                    min-height: auto;
                }
            }
        }
    }
    footer {
        .footer--row {
            .footer--col {
                .footer--right {
                    .footer--logo--container {
                        .footer--logos {
                            .footer--logo {
                                width: 180px;
                                height: 80px;
                            }
                        }
                    }
                }
            }
        }
    }
    .how__wrapper {
        padding: var(--reit-space-80) 0 0;
        background-color: var(--reit-white);
        .how--pointers {
            .how--point {
                &::before {
                    width: 100%;
                }
                .how--point--inner {
                    flex-direction: column;
                    .how--point--content {
                        h4 {
                            font: 700 22px/28px var(--reit-montserrat);
                        }
                        p {
                            font: 500 16px/20px var(--reit-montserrat);
                        }
                    }
                }
            }
        }
    }
    .who__wrapper {
        &::before {
            top: -70px;
            min-height: 70px;
        }
    }
    .about__wrapper {
        .about--col {
            #download--form {
                .email--wrapper {
                    label {
                        font: 400 16px/20px var(--reit-montserrat);
                        padding: var(--reit-space-12);
                    }
                }
            }
        }
    }
}
@media(max-width:440px) {
    .hero__banner {
        .hero--slider--item {
            .slide--content--wrapper {
                .slide--title {
                    font: 700 28px/32px var(--reit-montserrat);
                }
                img.img--reit {
                    max-width: 180px;
                }
            }
        }
    }
    footer {
        .footer--row {
            .footer--col {
                .footer--right {
                    .footer--logo--container {
                        .footer--logos {
                            .footer--logo {
                                width: 150px;
                                height: 70px;

                            }
                        }
                    }
                }
            }
        }
    }

}
@media(max-width:375px) {
    .hero__banner {
        .hero--slider--item {
            .slide--content--wrapper {
                .slide--title {
                    font: 700 24px/28px var(--reit-montserrat);
                }
                img.img--reit {
                    max-width: 150px;
                }
            }
        }
    }
}