/* ============ desktop view ============ */
@media all and (min-width: 992px) {
    .navbar .has-megamenu {
        position: static !important;
    }
    .navbar .megamenu {
        left: 0;
        right: 0;
        width: 100%;
        margin-top: 0;
    }

    .animate {
        animation-duration: 0.3s;
        -webkit-animation-duration: 0.3s;
        animation-fill-mode: both;
        -webkit-animation-fill-mode: both;
    }
    @keyframes slideIn {
        0% {
            transform: translateY(1rem);
            opacity: 0;
        }

        100% {
            transform: translateY(0rem);
            opacity: 1;
        }

        0% {
            transform: translateY(1rem);
            opacity: 0;
        }
    }

    @-webkit-keyframes slideIn {
        0% {
            -webkit-transform: transform;
            -webkit-opacity: 0;
        }

        100% {
            -webkit-transform: translateY(0);
            -webkit-opacity: 1;
        }

        0% {
            -webkit-transform: translateY(1rem);
            -webkit-opacity: 0;
        }
    }
    .slideIn {
        -webkit-animation-name: slideIn;
        animation-name: slideIn;
    }
    .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }
}
/* ============ desktop view .end// ============ */

/* ============ mobile view ============ */
@media (max-width: 1400px) {
    a.navbar-brand {
        margin-right: 20px;
    }
    a.navbar-brand img {
        max-width: 190px;
    }
    .container {
        max-width: 100%;
    }
    .frontpage-logowall-bg {
        position: absolute;
    }
    section {
        overflow: hidden;
    }

    .next-home ul li:nth-child(6),
    .next-home ul li:nth-child(10),
    .next-home ul li:nth-child(2) {
        margin-top: -40px;
    }
    .frontpage-logowall-bg {
        right: 0;
    }
    .store-btns {
        max-width: 420px;
    }
}
@media (max-width: 991px) {
    .navbar.fixed-top .navbar-collapse,
    .navbar.sticky-top .navbar-collapse {
        overflow-y: auto;
        max-height: 90vh;
        margin-top: 10px;
    }

    button.navbar-toggler {
        border: 0;
        padding: 0;
    }
    button.navbar-toggler:focus {
        outline: none;
        box-shadow: none;
    }
    button.navbar-toggler svg {
        color: #232221;
        width: 45px;
        height: 45px;
    }
    nav.navbar.mega-menu {
        height: auto;
    }
    nav.mega-menu .navbar-nav .nav-item:first-child .nav-link {
        margin-top: 50px;
    }
    nav.mega-menu .navbar-nav .nav-item .nav-link {
        margin-left: 0;
        margin-right: 0;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 12px;
        padding-bottom: 12px;
        border-bottom: 1px solid #06060626;
    }
    .dropdown-toggle::after {
        right: 15px;
    }

    .megamenu-dropdown {
        margin-top: -1px;
        border-top: 0px solid #cdcdcd;
    }

    nav.navbar.navbar-active {
        background-color: #fff;
    }

    ul.navbar-nav.ms-auto {
        margin-top: 20px;
        flex-direction: row;
        justify-content: space-between !important;
    }
    .partners-content h2 {
        font-size: 20px;
        line-height: normal;
    }
    .partners-logo ul li {
        height: 130px;
    }
    .partners-content h2 span:after {
        display: none;
    }
    .store-btns img {
        max-width: 140px;
    }
    .homeland-app-content h2 {
        font-size: 24px;
        line-height: normal;
        margin-bottom: 25px;
    }
    .homeland-app-content h6 {
        margin-bottom: 20px;
    }

    .customers-content h2 {
        font-size: 24px;
    }
    .next-home {
        margin-top: 100px;
    }

    .next-home ul {
        transform: scale(0.7);
        transform-origin: left;
    }
    .next-home ul:before {
        display: none;
    }
    .next-home-contact-inner h2 {
        font-size: 30px;
        line-height: normal;
    }
    .next-home-contact-inner {
        bottom: 200px;
        right: 30px;
    }
    .home-banner-inner h1 {
        font-size: 50px;
        line-height: normal;
    }

    .contact-form-content {
        padding: 85px 20px;
    }

    .contact-form {
        padding: 85px 20px;
    }

    .bliss-content {
        margin-top: 30px;
    }
    .modern-island-inner ul li {
        margin-right: 20px;
    }

    .price-block ul li span.t-price {
        font-size: 16px;
    }
    .home-pricing {
        margin-top: 15px;
        text-align: right;
    }
    ul.properties-detail a.learn-more {
        font-size: 10px;
    }
    .signup-after:before,
    .signup::after {
        display: none;
    }
    .signup-form {
        padding-right: 0;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 767px) {
    .next-home ul {
        transform: none;
    }
    .frontpage-logowall-bg,
    .frontpage-contact-background {
        display: none;
    }
    .next-home ul:before {
        display: none;
    }
    .home-banner-inner h1 {
        font-size: 30px;
        line-height: normal;
    }
    .home-banner-inner {
        text-align: center;
    }
    .home-banner-inner p {
        font-size: 16px;
        line-height: normal;
        padding-left: 15px;
        padding-right: 15px;
    }
    .home-banner-inner p br {
        display: none;
    }

    .home-banner-inner .green-btn {
        width: 100%;
        margin-bottom: 15px;
    }

    a.btn-360 {
        margin-left: 0px;
        width: 100%;
        position: relative;
        height: 44px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    a.btn-360 img {
        height: 38px;
        position: absolute;
        left: 2px;
        top: 2px;
    }

    .home-banner-inner ul {
        width: 100%;
        column-count: 1;
        max-width: 220px;
        text-align: left;
        margin-left: auto;
        margin-right: auto;
    }

    .home-banner-inner ul li br {
        display: none;
    }
    .home-banner {
        padding-top: 170px;
        padding-bottom: 70px;
    }
    .megamenu-dropdown .row .col-md-4:first-child {
        border-right: 0px solid #cdcdcd;
    }
    .megamenu-dropdown .row .col-md-4:nth-child(2) {
        border-right: 0px solid #cdcdcd;
    }

    .dropdown-inner > a {
        display: flex;
        align-items: center;
        flex-direction: row;
    }
    .dropdown-inner p {
        display: none;
    }
    .dropdown-inner img {
        height: 35px;
        margin-bottom: 0;
        margin-right: 15px;
    }

    .megamenu-dropdown .row .col-md-4 {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .dropdown-inner {
        max-width: 100%;
        margin: 0 auto;
        padding-bottom: 0;
    }
    .dropdown-inner h2 {
        font-size: 16px;
        margin-bottom: 0;
    }
    .dropdown-inner .text-end > a {
        font-size: 12px;
    }
    .megamenu-dropdown {
        padding-bottom: 15px;
        padding-top: 15px;
    }
    .dropdown-inner img.icon-medium {
        width: 35px;
        object-fit: contain;
    }
    .frontpage-logowall-bg {
        right: 0;
    }
    .communities-header h2 {
        font-size: 30px;
    }

    .communities-header p {
        font-size: 16px;
        margin-bottom: 50px;
    }

    .communities-block {
        margin-top: 25px;
    }

    .partners-content {
        padding-top: 0;
    }

    .partners-content h2 {
        font-size: 24px;
        line-height: normal;
    }
    .partners {
        background-color: #f7e4e9;
        padding: 60px 0;
        text-align: center;
    }
    span:after {
        display: none;
    }
    .partners-logo ul {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, 1fr);
    }
    .partners-logo ul li {
        height: 80px;
    }
    .next-home {
        margin-top: 60px;
        background-color: #fdaf52;
    }

    .next-home ul {
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(3, 1fr);
        padding-bottom: 0;
        padding: 0;
        max-width: 100%;
        justify-items: center;
        margin-top: 30px;
    }
    .next-home ul li {
        border-radius: 100px;
        overflow: hidden;
        width: 50px;
        height: 50px;
        margin: 15px 0 !important;
        position: static !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .next-home .row .col-md-12 {
        display: flex;
        flex-direction: column-reverse;
    }
    .next-home-contact-inner {
        max-width: 100%;
        position: static;
        text-align: center;
    }
    .next-home {
        margin-top: 0;
        padding: 60px 0;
    }
    .next-home-contact-inner h2 {
        font-size: 24px;
        line-height: normal;
        margin-bottom: 25px;
    }

    .next-home ul li:nth-child(12) {
        position: static;
    }
    .homeland-app {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .homeland-app-content {
        text-align: center;
        margin-top: 40px;
    }

    .homeland-app-content h6 {
        font-size: 18px;
        margin-bottom: 30px;
    }
    .homeland-app-content h2 {
        font-size: 24px;
        line-height: normal;
        margin-bottom: 25px;
    }
    .store-btns img {
        max-width: 120px;
    }
    .store-btns {
        max-width: 250px;
        margin: 0 auto;
    }
    .customers {
        padding: 30px 0;
    }
    .customers-content h2 {
        font-size: 24px;
    }
    .customers-content p:before,
    img.graphic03 {
        display: none;
    }
    .customers-content {
        text-align: center;
    }
    h2.customers-title {
        font-size: 24px;
        line-height: normal;
        text-align: center;
    }
    .footer-social {
        text-align: center;
    }

    .footer-social .footer-logo {
        border-right: 0px solid #cbcbcc;
        margin-right: 0;
        padding-right: 0;
        border-bottom: 1px solid #cbcbcc;
        padding-bottom: 20px;
        display: block;
        margin-bottom: 20px;
    }

    .footer {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .footer-subscribe {
        grid-template-columns: 100%;
        margin-top: 40px;
    }

    .footer-subscribe button {
        margin-top: 10px;
        height: 45px;
    }

    .footer-list h3 {
        font-size: 16px;
    }
    .footer-list ul li a {
        font-size: 14px;
    }

    .footer-copyright {
        margin-top: 30px;
    }
    .footer-copyright p {
        font-size: 14px;
    }
    .footer-copyright span {
        margin-left: 0;
        display: block;
        margin-top: 10px;
    }
    section {
        overflow: hidden;
    }
    .communities-block img {
        width: 100%;
    }
    a.navbar-brand img {
        max-width: 160px;
    }
    button.navbar-toggler svg {
        width: 40px;
        height: 40px;
    }
    li.support-li a {
        font-size: 14px;
    }
    li.support-li a svg {
        margin-right: 0px;
        width: 12px;
    }
    li.get-touch-li a {
        margin-left: 0;
        font-size: 14px;
    }

    .communities {
        padding: 50px 0 50px;
    }

    .about-banner-content h1 {
        font-size: 26px;
        margin-bottom: 30px;
    }

    .about-container .text-center > h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .about-container .text-center > p {
        font-size: 12px;
    }

    .about-container .text-center > p br {
        display: none;
    }

    .about-banner {
        padding-top: 150px;
        padding-bottom: 70px;
    }
    .pillars {
        text-align: center;
    }
    .pillars-left h2,
    .people-behind .text-center h2,
    .join-team-inner h2,
    .seen-in-inner h2 {
        font-size: 24px;
    }

    .pillars-right ul li a {
        height: 180px;
        margin-top: 20px;
        font-size: 26px;
    }

    .people-behind-block h3 {
        font-size: 16px;
    }
    .people-behind-block p {
        font-size: 14px;
    }
    .join-team-inner p {
        font-size: 14px;
    }
    .join-team-inner p br {
        display: none;
    }
    .seen-in-inner ul li {
        margin: 15px;
    }
    .seen-in-inner ul li a img {
        height: 30px;
    }
    .contact-title h1.text-center {
        font-size: 24px;
        padding-bottom: 25px;
    }
    .contact-banner::before {
        width: 100%;
    }
    .contact-form,
    .contact-form-content {
        padding: 50px 10px;
    }
    .contact-form h2 {
        font-size: 18px;
    }

    .contact-form hr {
        margin: 25px 0;
    }

    p.privacy-text {
        margin-bottom: 20px;
        margin-top: 20px;
        padding: 0 0px;
    }

    .contact-form-content h2 {
        line-height: normal;
        font-size: 20px;
        margin-bottom: 30px;
    }
    .contact-address p br {
        display: none;
    }
    .contact-address p small {
        margin-bottom: 0;
        display: inline-block;
        margin-top: 20px;
    }
    .contact-address a.learn-more {
        margin-top: 15px;
    }
    .success-stories h2,
    .faq-section h2.text-center {
        font-size: 24px;
    }
    .success-stories h2 br {
        display: none;
    }

    .contact-testimonials-inner .media {
        margin-bottom: 35px;
        display: block;
        text-align: center;
    }
    .contact-testimonials-inner .media img {
        width: auto;
        height: auto;
        object-fit: cover;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .contact-testimonials-inner .media .media-body p {
        margin-bottom: 10px;
        min-height: auto;
        font-size: 14px;
        line-height: 18px;
    }
    .faqs-item h2.faqs-header {
        font-size: 16px;
        padding: 15px 15px;
    }

    .faqs-body {
        padding: 15px 15px;
    }
    .faqs-item h2.faqs-header::after {
        right: 10px;
        font-size: 26px;
    }

    .ss-banner-inner h1 {
        font-size: 30px;
        line-height: 40px;
        margin: 15px 0;
    }
    .ss-banner-inner {
        text-align: center;
    }

    .ss-banner {
        padding-top: 140px;
        padding-bottom: 80px;
    }
    .ss-banner-inner h4 img {
        max-width: 130px;
    }
    .services-spot p {
        font-size: 16px;
    }
    .services-spot h2 {
        font-size: 30px;
        margin-top: 15px;
    }
    .services-spot ul li {
        display: block;
        margin-right: 0;
        margin-bottom: 8px;
        margin-top: 8px;
        width: 100%;
    }
    .services-spot ul li a {
        width: 100%;
    }

    .bliss-content h2,
    .new-city-content h2,
    .amenities-inner .text-center h2,
    .modern-island-inner h2,
    .price-plan h2,
    .interest-form h2 {
        font-size: 24px;
    }

    .bliss-content ul li span {
        height: 35px;
        width: 35px;
    }
    .bliss-content ul li img {
        height: 35px;
    }
    .bliss-content ul li {
        padding-left: 48px;
        height: 35px;
        font-size: 14px;
    }

    .amenities-inner {
        background-size: cover;
        padding: 60px 15px;
    }
    .amenities-block {
        margin-top: 40px;
    }
    .amenities-block img {
        height: 40px;
        width: 40px;
    }
    .amenities-block p {
        font-size: 14px;
    }
    .new-city-content .row p {
        margin-top: 15px;
        font-size: 14px;
    }

    .new-city-content .row p b {
        font-size: 20px;
        margin-bottom: 0;
    }
    .new-city-image {
        margin-top: 30px;
    }
    .modern-island-inner {
        padding: 20px;
        padding-top: 30px;
    }

    .modern-island-inner ul li a {
        font-size: 14px;
    }
    .modern-island-inner ul li a img {
        width: 60px;
        height: 60px;
    }
    .amenities-inner.pe-5.ps-5 {
        padding: 40px 0 !important;
    }
    .gallery-inner {
        padding: 40px;
    }

    .gallerySlider .right-arrow.slick-arrow {
        width: 35px;
        height: 35px;
        right: -30px;
        z-index: 9;
    }

    .gallerySlider .left-arrow.slick-arrow {
        width: 35px;
        height: 35px;
        left: -30px;
        z-index: 9;
    }
    .submit-btn .green-btn {
        max-width: 100%;
    }

    .venice-banner {
        padding-top: 95px;
        padding-bottom: 0;
    }

    .veniceSlider .slick-slide span {
        font-size: 12px;
    }

    .venice-content {
        padding-top: 40px;
    }

    .venice-content img {
        margin-top: 0;
    }
    .home-pricing {
        margin-top: 40px;
        text-align: center;
    }
    .home-pricing a::before {
        display: none;
    }

    .venicelike-content {
        padding-top: 30px;
    }
    .venicelike-content h2,
    .luxury-residence .text-start h2 {
        font-size: 24px;
    }
    .venicelike-content a.green-btn {
        max-width: 100%;
    }

    .venice-features-inner ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .venice-features-inner ul li a {
        height: 150px;
        font-size: 14px;
    }

    .venice-features-inner ul li a img {
        height: 40px;
        width: 40px;
    }
    .luxury-residence {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .offer-left ul.offer-options {
        flex-wrap: wrap;
        margin-bottom: 15px;
    }
    .offer-left ul.offer-options li {
        width: 32%;
        margin: 2px 2px;
    }
    ul.properties-detail.mb-0.pt-4.pb-4 li {
        display: block;
    }
    ul.properties-detail.mb-0.pt-4.pb-4 li span {
        width: 100%;
    }
    ul.properties-detail li span:last-child {
        text-align: center;
        margin-top: 15px;
    }
    ul.properties-detail.mb-0.pt-4.pb-4 li span a {
        display: block;
    }
    ul.properties-detail a.reserve-now {
        margin-bottom: 15px;
    }
    ul.properties-detail a.learn-more {
        font-size: 14px;
    }
    .offer-left ul.details-list li a {
        font-size: 12px;
    }

    .neighbourhood-block a span {
        font-size: 14px;
        padding: 0px 10px;
    }
    .modal-body.p-5 {
        padding: 20px !important;
    }
}
/* ============ mobile view .end// ============ */