@media (min-width:1920px) and (max-width:2560px) {

    #ProjectAmenities .galleryImg img,
    #ProjectAmenities .galleryImg {
        height: 800px
    }

    #ProjectAmenities .AmenitiesRight .AmenitiesList p {
        font-size: 20px
    }

    .container {
        max-width: unset;
        width: 90%
    }
}

@media screen and (min-width:2560px) {
    #artful .artfulLHS {
        text-align: left;
        padding-right: 30px
    }

    #iconic .image-label {
        bottom: 500px
    }

    #magical .iconic-bg .image-label {
        bottom: 190px;
        right: 100px
    }

    #residences .item {
        margin: 186px 20px
    }
}

@media (min-width:1600px) and (max-width:1919px) {

    .common-ttle,
    .common-ttle2 {
        font-size: 46px
    }

    .common-desc {
        font-size: 20px
    }

    .common-cta {
        font-size: 15px
    }

    .slide-info .info-panel .owl-nav button {
        margin: 96px 0px !important
    }

    #magical .magical_inner {
        height: 570px
    }
}

@media (resolution:1dppx) {
    #ProjectAmenities .galleryImg {
        height: 620px
    }

    #ProjectAmenities .galleryImg img {
        height: 620px
    }
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
    #Location .locationmap {
        right: -40px
    }

    #Location .locationmap .map-legrand {
        right: 70px;
        bottom: 100px
    }

    #Location .locationmap .compass {
        bottom: 80px
    }

    .slide-info .info-panel .owl-nav {
        top: 0%
    }
}

@media screen and (max-width:1440px) {

    .common-ttle,
    .common-ttle2 {
        font-size: 36px
    }

    .common-desc {
        font-size: 20px
    }

    .common-cta {
        font-size: 15px
    }

    #nSpotlight .SpotlightSwiper {
        padding-left: 7%
    }

    #Location .nav-tabs .nav-link {
        font-size: 14px;
        width: 122px
    }

    #Location .locationList li {
        padding: 5px 0;
        padding-left: 15px
    }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {

    .common-ttle,
    .common-ttle2 {
        font-size: 32px
    }

    .common-desc {
        font-size: 20px
    }

    .common-cta {
        font-size: 14px
    }

    #header .menu-items li {
        list-style: none;
        margin-left: 1rem
    }

    #welcome .welcome-inner {
        padding: 50px 30px
    }

    #Location .locationmap {
        right: -130px;
        width: 600px
    }

    #magical .iconic-bg .image-label {
        bottom: 70px
    }

    #Location .locationmap .LocationPin2 img {
        width: 30px
    }

    #Location .locationmap .LocationPin2::before {
        bottom: -3px;
        left: 10px
    }

    #Location .locationmap .LocationPin2 {
        top: 290px;
        left: 222px
    }

    /* #Location {
        height: 600px !important
    } */

    #Location .locationmap {
        right: 0;
        top: 20px
    }

    #Location .nav-tabs .nav-link {
        font-size: 12px;
        width: 96px;
        padding: 20px 11px
    }

    #Location .map-lines {
        width: 600px
    }

    /* #Location {
        height: 735px
    } */

    #Location .locationList li {
        font-size: 14px
    }

    #Location .nav-tabs .nav-link::before {
        bottom: -1px
    }

    #ContactUs .get-in-touch-wrp .get-in-touch-RHS .common-ttle {
        font-size: 30px
    }

    #towers .towerDetails {
        padding: 0 50px
    }

    #Amenities .AmenitiesLeft .AmenitiesCards p {
        font-size: 14px
    }

    #Amenities,
    #location,
    #Heartland {
        padding: 34px 0
    }

    #PrimeLocation {
        padding-top: 100px
    }

    #banner .container .banner-Content h3,
    #banner .container .banner-Content h4 {
        font-size: 26px
    }

    .infoNos .nos {
        font-size: 34px
    }

    .infoNos .nos .cr {
        font-size: 20px
    }

    #footer .HeadOffice {
        padding-left: 0;
        transform: translate(-90px, 0)
    }

    #footer .houseofhiranandani-logo img {
        width: 250px
    }
}

@media (resolution:1.5dppx) {
    .common-ttle {
        font-size: 32px
    }

    p {
        font-size: 16px
    }

    .infoNos .nos {
        font-size: 28px
    }

    .infoNos .nosDesc {
        font-size: 14px
    }

    #header .menu-items li {
        list-style: none;
        margin-left: 1rem
    }

    #Location .locationmap {
        right: 0
    }

    #banner .container .banner-Content h5 {
        font-size: 20px
    }
}

@media only screen and (min-device-width:999px) and (max-device-width:1100px) and (orientation:landscape) {
    .slide-info .info-panel .owl-nav {
        top: -15px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    #header .container {
        border-bottom: 1.5px solid #fff
    }

    .row {
        margin: 0
    }

    #header .menu-items li {
        margin-left: 1.5rem
    }

    .innerconfigcard button {
        font-size: 14px !important
    }

    .gallery-block-two .image-box {
        overflow: hidden
    }

    #header .navbar a {
        font-size: 14px
    }

    .logo a img {
        width: 120px
    }

    #header .container {
        max-width: 1110px
    }

    #nav-Wellness {
        background-color: #47b3d5
    }

    #nav-Leisure {
        background-color: #51a090
    }

    #nav-Exploration {
        background-color: #b18767
    }

    #nav-Grand {
        background-color: #c59a5b
    }

    #header .navbar a::after {
        color: #c59a5b
    }

    #ProjectAmenities .galleryImg .gallerylabel {
        bottom: 38px;
        font-size: 12px
    }

    #ProjectAmenities .swiper {
        padding-left: 0%
    }

    #Location {
        padding: 0 0;
        height: auto;
        padding-bottom: 30px
    }

    .moreInfromation-wrp .moreInfromation-rhs {
        padding: 30px
    }

    #iconic .container {
        padding-top: 70px
    }

    .highlightIcon span img {
        width: 70px
    }

    #projectHilight .projectHilightList .projectHilightLCards .CardsInner p {
        font-size: 17px
    }

    #thankyou .thankyouLeft {
        padding: 100px 30px;
        padding-bottom: 80px
    }

    #footer .houseofhiranandani-logo {
        margin-top: 12px
    }

    #footer .HeadOffice {
        text-align: left;
        transform: translate(0, 0)
    }

    #footer .houseofhiranandani-logo img {
        width: 240px
    }

    #footer .socialLink {
        margin: auto;
        padding-bottom: 18px;
        margin-top: 20px
    }

    #MasterLayout .common-ttle {
        left: -730px;
        top: 23px
    }

    #Location .locationmap {
        position: relative;
        right: 0;
        top: 0;
        margin-bottom: 30px
    }

    #Location .map-lines {
        width: 100%
    }

    #towers .towerDetails {
        padding: 0 0
    }

    #magical {
        height: auto
    }

    #magical .iconic-bg {
        position: relative
    }

    #magical .magical_inner {
        height: auto;
        width: 100%;
        height: auto
    }

    #magical {
        background-color: var(--gold)
    }

    #magical .magical_inner {
        margin-top: 0;
        padding: 20px
    }

    #magical .container {
        display: block;
        padding-top: 0
    }

    #magical .iconic-bg .image-label {
        bottom: 20px;
        right: 20px
    }

    #PrimeLocation .PrimeLocationCards {
        margin-top: 100px
    }

    .infoNos .nos {
        font-size: 26px
    }

    #banner .scroll-downs {
        right: 50px
    }

    #header .NavRight .EnquireNow {
        display: none
    }

    #header .hoh-logo {
        margin-left: 0
    }

    #header .hoh-logo img {
        width: 160px
    }

    #banner .container .banner-Content h5 {
        font-size: 21px
    }

    #Location .mobilemap {
        margin-bottom: 30px
    }

    #Amenities #accordionExample {
        margin-right: 0
    }

    #artful {
        padding: 40px 0
    }

    #artful .artfulLHS {
        padding-left: 30px;
        margin-bottom: 30px
    }

    #banner {
        background-color: var(--brown)
    }

    #banner::before {
        opacity: .7;
        height: 60%
    }

    #header {
        top: 0
    }

    #banner .marsk-layer {
        display: none
    }

    #banner .belicia {
        top: 0;
        opacity: 1
    }

    #PrimeLocation .PrimeLocationCards {
        margin-top: 100px
    }

    #Location {
        padding: 0 0;
        height: auto;
        padding-bottom: 50px
    }

    #Location .mobilemap {
        margin-bottom: 30px
    }

    #header {
        width: 100%;
        top: 0
    }
}

@media only screen and (max-width:991px) {
    .colpadding {
        padding: 10px
    }

    .slide-info .info-panel .owl-nav button {
        margin: 19px 0
    }

    .gallery-block-two .overlay-box {
        background: unset
    }

    .gallery-block-two .overlay-inner .link {
        transition: unset
    }

    .elemimg {
        width: 90px !important
    }

    #header .logo img {
        width: 85px
    }

    .config-card {
        margin: 17px 30px
    }

    .pr-row .col-lg-6:first-child {
        border: unset
    }

    #AboutUs {
        background: linear-gradient(to right, #ffff 45%, #ffff 45%)
    }

    .pr-row img {
        max-height: 93px;
        margin: 16px;
        margin-bottom: 25px;
        width: auto !important
    }

    .qr.mx-auto {
        width: 120px
    }

    #residences .owl-nav {
        bottom: 10px
    }

    #residences .counter {
        bottom: 3.5%
    }

    .residences-slider.currSlider {
        padding: 35px 3px 0
    }

    #gallery {
        .counterbg {
            height: 159px
        }
    }

    @media only screen and (min-width:1025px) and (max-width:1200px) {
        #header .navbar a {
            font-size: 9px
        }
    }

    @media only screen and (min-device-width:768px) and (max-device-width:1100px) and (orientation:portrait) {
        #Amenities #accordionExample {
            margin-right: 0
        }

        .row {
            margin: 0
        }

        #header {
            padding: 0
        }

        #header .annualreportBt {
            display: none
        }

        #header .logo {
            margin: auto;
            margin-left: 0
        }

        .five-cols .col-sm-2 {
            width: 100%
        }

        .common-ttle,
        .common-ttle2 {
            font-size: 32px
        }

        #projectHilight .projectHilightList .projectHilight1,
        #projectHilight .projectHilightList .projectHilight2 {
            margin-top: 0;
            display: flex;
            gap: 20px
        }

        #projectHilight .projectHilightList .projectHilightLCards {
            width: 50%
        }

        #ProjectAmenities {
            padding: 40px 0
        }

        #ProjectAmenities .nav-tabs .nav-link {
            padding: 20px 11px
        }

        #nav-Wellness {
            background-color: #47b3d5
        }

        #nav-Leisure {
            background-color: #51a090
        }

        #nav-Exploration {
            background-color: #b18767
        }

        #nav-Grand {
            background-color: #c59a5b
        }

        #header .navbar a::after {
            color: #FFF
        }

        #ProjectAmenities .galleryImg .gallerylabel {
            bottom: 38px;
            font-size: 12px
        }

        #ProjectAmenities .swiper {
            padding-left: 0%
        }

        #towers {
            padding: 40px 0
        }

        #iconic,
        #Location {
            height: auto
        }

        #iconic .container {
            padding: 50px 0
        }

        #Location {
            padding: 40px 0;
            padding-top: 0
        }

        .moreInfromation-wrp .moreInfromation-rhs {
            padding: 50px 80px
        }

        #header .navbar .menu-items {
            margin-left: -60px;
            z-index: 9999;
            position: relative
        }

        #header .navbar a {
            color: var(--White)
        }

        #header .navbar a::after {
            color: #FFF
        }

        #header .navbar .menu-items li {
            font-size: 1.1rem;
            font-weight: 500;
            margin-right: 2rem;
            padding: 18px 0;
            border-bottom: solid 1px rgb(255 255 255 / .5)
        }

        #footer {
            padding: 50px 0;
            text-align: center
        }

        .prescon {
            width: 90px;
            margin: auto;
            margin-bottom: 20px
        }

        .getintouchRight2 {
            padding: 30px 20px
        }

        #thankyou {
            padding-top: 150px
        }

        #thankyou .thankyouLeft {
            padding: 0 150px;
            padding-bottom: 80px
        }

        #footer .socialLink {
            margin: auto;
            margin-top: 30px;
            width: 240px;
            margin-bottom: 30px
        }

        #footer .Privacy {
            text-align: center
        }

        .swipemore {
            display: none
        }

        #towers .towerDetails {
            text-align: center;
            padding-top: 30px
        }

        #footer .houseofhiranandani-logo img {
            width: 190px
        }

        #header .NavRight .EnquireNow {
            display: none
        }

        #header .hoh-logo {
            margin-left: 7px;
            padding-top: 12px
        }

        .infoNos .nos {
            font-size: 25px
        }

        .infoNos .nos .cr {
            font-size: 16px
        }

        #Heartland .Heartlandinfo {
            padding: 0 0
        }

        p {
            font-size: 16px
        }

        #PrimeLocation {
            padding: 50px 0
        }

        #PrimeLocation .PrimeLocationCards {
            margin-top: 90px
        }

        #PrimeLocation .PrimeLocationCards p {
            margin-top: -40px
        }

        #Location .locationmap {
            position: relative;
            right: 0;
            top: 0;
            margin-bottom: 30px
        }

        #Location .map-lines {
            width: 100%
        }

        #iconic {
            background-color: var(--brown)
        }

        #iconic .iconic-bg {
            position: relative
        }

        #Amenities {
            padding: 40px 0
        }

        #Amenities .common-ttle {
            text-align: center
        }

        #Amenities .nav-tabs {
            margin: 30px auto
        }

        #artful {
            padding: 50px 0
        }

        #artful .artfulLHS {
            padding-left: 40px;
            margin-bottom: 30px
        }

        #footer .HeadOffice {
            transform: translate(0, 0)
        }

        #ContactUs {
            height: auto;
            padding-top: 40px
        }

        #ContactUs .get-in-touch-wrp .get-in-touch-LHS img {
            width: 100%
        }

        #ContactUs .get-in-touch-wrp .get-in-touch-LHS {
            height: auto;
            margin-top: 10px
        }

        #footer .Disclaimer p {
            padding-left: 0
        }

        #magical {
            height: auto
        }

        #magical .iconic-bg {
            position: relative
        }

        #magical .magical_inner {
            height: auto;
            width: 100%;
            height: auto
        }

        #magical {
            background-color: var(--gold)
        }

        #magical .magical_inner {
            margin-top: 0;
            padding: 20px
        }

        #magical .container {
            display: block;
            padding-top: 0
        }

        #magical .iconic-bg .image-label {
            bottom: 20px;
            right: 20px
        }

        #banner .container .banner-Content h5 {
            font-size: 21px
        }

        #banner .marsk-layer.active {
            border-width: 20px 20px 20px
        }

        #banner .container .banner-Content h4 {
            font-size: 40px
        }

        #Heartland {
            padding: 50px 0
        }

        #Heartland .Heartland-lhs {
            height: 630px
        }

        #Location .mobilemap {
            margin-bottom: 30px
        }

        #banner {
            background-color: var(--brown)
        }

        #banner::before {
            opacity: .7;
            height: 60%
        }

        #header {
            top: 0
        }

        #banner .marsk-layer {
            display: none
        }

        #banner .belicia {
            top: 0;
            opacity: 1
        }
    }

    @media only screen and (min-width:1050px) and (max-width:1600px) {
        #banner {
            height: unset;
            margin-top: 75px
        }

        .slide-info .info-panel .owl-nav button {
            margin: 50px 0
        }
    }

    @media only screen and (min-width:1399px) and (max-width:2500px) {
        #Location {
            padding: 50px 0 0 0 !important;
        }
    }

    @media (min-width:220px) and (max-width:767px) {

        .getintouchRight2 .login-box .user-box input,
        .getintouchRight2 .login-box .user-box textarea,
        .getintouchRight2 .login-box .user-box select {
            font-size: 14px
        }

        #header .container {
            position: relative;
            display: flex;
            padding: 0 7px
        }

        #homeCarousel {
            margin-top: 0
        }

        #Location .nav-tabs {
            margin-top: 54px
        }

        .dev_content {
            padding-top: 20px
        }

        #gallery {
            position: relative;
            padding: 52px 0 60px !important;
            background: url(../images/bg-gray-big.jpg);
            background-size: cover
        }

        #gallery .owl-nav {
            position: absolute;
            left: 50%;
            bottom: -61px;
            transform: translate(-50%, -50%);
            width: 112px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 10px
        }

        #Highlights .testimonial {
            border-radius: 18px
        }

        .testimonial .description {
            line-height: 19px
        }

        .accordion-body {
            padding: 1rem 2.25rem !important
        }

        .amenities-main1 h3 {
            font-size: 15px
        }

        #Location .accordion-header button,
        #Location .accordion-header button:focus {
            font-size: 1rem;
            padding: 1rem 1.7rem 18px
        }

        #footer .Disclaimer p {
            font-size: 8px !important
        }

        #footer .Privacy a {
            font-size: 18px
        }

        button.nav-link.rounded-pill.px-4.mx-1 {
            font-size: 12px
        }

        .accordion-body {
            font-size: 1rem
        }

        #Aboutdeveloper .Aboutdeveloper-inner p {
            text-align: center;
            font-size: 13px
        }

        #footer .Disclaimer p {
            text-align: center
        }

        .locn {
            margin: -14px !important
        }

        #configurations::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            background-color: #fff;
            z-index: 0
        }

        .config_headin {
            color: #074235
        }

        #magical .iconic-bg .image-label {
            bottom: 20px;
            right: 10px
        }

        .pr-row img {
            max-height: 93px !important;
            margin: 16px !important;
            margin-bottom: 25px !important
        }

        .row {
            margin: 0
        }

        #header .annualreportBt {
            display: none
        }

        #header .logo {
            margin: auto;
            margin-left: 0
        }

        #Amenities {
            padding: 40px 0px !important
        }

        #towers {
            padding: 40px 0px !important
        }

        #master {
            padding: 40px 0px !important
        }

        .pad80 {
            padding: 40px 0px !important
        }

        #locationmap {
            padding: 40px 0px !important
        }

        .common-ttle,
        .common-ttle2 {
            font-size: 32px;
            line-height: 42px
        }

        .bottomleft:after {
            background: unset
        }

        .pr-row .col-lg-6:first-child {
            text-align: center;
            padding-right: 10px
        }

        .pr-row .col-lg-6:last-child {
            text-align: center;
            padding-left: 10px
        }

        #header .navbar a::after {
            color: #FFF
        }

        .getintouchRight2 {
            padding: 20px 10px
        }

        .popupImg img {
            object-fit: cover;
            width: 100%;
            height: 260px !important;
        }

        .getintouchRight .login-box .user-box input,
        .getintouchRight .login-box .user-box textarea,
        .getintouchRight .login-box .user-box select {
            margin-bottom: 10px
        }

        .btn-close {
            opacity: 1;
            background-color: #fff;
            border-radius: 0;
            width: 30px;
            height: 30px
        }

        #header .NavRight {
            display: none
        }

        #header .navbar .menu-items li {
            margin-right: 1rem
        }

        #banner .container .banner-Content h3,
        #banner .container .banner-Content h4 {
            font-size: 24px
        }

        #banner .belicia img {
            width: 190px
        }

        #banner .container .banner-Content {
            padding: 0 10px;
            padding-bottom: 180px
        }

        #banner .scroll-downs {
            position: absolute;
            right: 20px;
            bottom: 50px
        }

        #Heartland {
            padding: 40px 0
        }

        .pr40 {
            padding-right: 0
        }

        .infoNos .nos {
            font-size: 28px
        }

        #Heartland .Heartland-lhs {
            margin-top: 50px
        }

        #PrimeLocation {
            padding: 40px 0;
            padding-bottom: 0
        }

        #PrimeLocation .PrimeLocationLHS {
            margin-bottom: 80px
        }

        #PrimeLocation .PrimeLocationCards {
            margin-bottom: 80px
        }

        #Location .map-lines {
            width: auto;
            margin-bottom: 30px
        }

        #Location {
            height: auto
        }

        #Location {
            height: auto;
            padding: 34px 0
        }

        #Location .nav-tabs {
            width: 100%;
            flex-wrap: nowrap;
            overflow: scroll;
            overflow-y: hidden
        }

        #Location .locationList li {
            padding-left: 18px
        }

        #Location .nav-tabs .nav-link::before {
            bottom: 13px
        }

        #iconic {
            height: auto;
            background-color: var(--brown)
        }

        #iconic .container {
            padding-bottom: 50px
        }

        #Amenities {
            padding: 40px 0
        }

        #Amenities .nav-tabs {
            margin: 0 0 80px auto;
            margin-bottom: 20px;
            margin-top: 30px
        }

        #Amenities .nav-tabs .nav-link {
            padding: 15px 12px;
            margin-left: 12px
        }

        #Amenities .AmenitiesLeft {
            padding-right: 0
        }

        #Amenities .AmenitiesLeft .AmenitiesCards p {
            font-size: 14px
        }

        #artful {
            padding: 30px 0
        }

        #artful .artfulLHS {
            padding: 0 20px
        }

        #artful .artfulLHS .common-ttle {
            margin-bottom: 30px
        }

        #artful .artfulLHS .common-ttle br {
            display: none
        }

        #ContactUs {
            padding-top: 30px
        }

        #ContactUs .get-in-touch-wrp .get-in-touch-RHS .common-ttle {
            font-size: 26px
        }

        #ContactUs {
            height: auto
        }

        .prescon {
            width: 100px;
            margin: auto;
            margin-bottom: 20px
        }

        #footer .houseofhiranandani-logo {
            margin-top: 20px
        }

        #footer .houseofhiranandani-logo {
            margin-top: 0;
            margin-bottom: 30px
        }

        #banner .marsk-layer.active {
            border-width: 20px 20px 20px
        }

        #magical .magical_inner {
            height: auto
        }

        #magical {
            background-color: var(--gold)
        }

        #magical .magical_inner {
            margin-top: 0;
            padding: 20px
        }

        #magical .container {
            display: block;
            padding-top: 0
        }

        #banner .container .banner-Content h5 {
            font-size: 17px;
            line-height: 27px
        }

        .mobilemap {
            margin-bottom: 30px
        }

        #Location .mobilemap {
            margin-top: 0
        }

        #iconic .container {
            position: relative
        }

        #Amenities #accordionExample {
            margin-right: 0
        }

        .accordion-body {
            padding: 1rem 0rem
        }

        #magical .iconic-bg img {
            height: 300px
        }

        #footer .HeadOffice {
            transform: translate(0, 0)
        }

        #footer .Privacy {
            text-align: center
        }

        #footer .Disclaimer p {
            padding-left: 0
        }

        #banner {
            margin-top: 64px !important
        }

        #banner::before {
            opacity: .7;
            height: 60%
        }

        #header {
            top: 0
        }

        #banner .marsk-layer {
            display: none
        }

        #banner .belicia {
            top: 0;
            opacity: 1
        }

        #banner .container .banner-Content h4 {
            margin: 13px 0;
            line-height: 30px
        }

        #Location .scroll-left,
        #Location .scroll-right {
            display: block
        }
    }

    @media (min-width:450px) and (max-width:801px) {
        .gallerycarousel .owl-prev {
            position: absolute;
            left: 45%;
            bottom: -15%;
            width: 30px;
            margin-left: -25px !important
        }

        .gallerycarousel .owl-next {
            position: absolute;
            right: 45%;
            bottom: -15%;
            width: 30px;
            margin-right: -25px !important
        }
    }

    @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
        #thankyou {
            padding-top: 60px
        }

        #banner {
            height: unset
        }

        #thankyou .thankyouLeft {
            padding: 0 50px;
            padding-bottom: 80px
        }

        .row {
            margin: 0
        }

        #header {
            padding: 0
        }

        #header .annualreportBt {
            display: none
        }

        #header .logo {
            margin: auto;
            margin-left: 0
        }

        .five-cols .col-sm-2 {
            width: 100%
        }

        .common-ttle,
        .common-ttle2 {
            font-size: 32px
        }

        #nav-Wellness {
            background-color: #47b3d5
        }

        #nav-Leisure {
            background-color: #51a090
        }

        #nav-Exploration {
            background-color: #b18767
        }

        #nav-Grand {
            background-color: #c59a5b
        }

        #header .navbar a::after {
            color: #FFF
        }

        #ProjectAmenities .galleryImg .gallerylabel {
            bottom: 38px;
            font-size: 12px
        }

        #ProjectAmenities .swiper {
            padding-left: 0%
        }

        #towers {
            padding: 40px 0
        }

        #iconic,
        #Location {
            height: auto
        }

        #iconic .container {
            padding: 50px 0
        }

        #Location {
            padding: 40px 0
        }

        .moreInfromation-wrp .moreInfromation-rhs {
            padding: 50px 80px
        }

        #header .navbar .menu-items {
            margin-left: -60px;
            z-index: 9999;
            position: relative
        }

        #header .navbar a {
            color: var(--White)
        }

        #header .navbar a::after {
            color: #FFF
        }

        #header .navbar .menu-items li {
            font-size: 1.1rem;
            font-weight: 500;
            margin-right: 2rem;
            padding: 18px 0;
            border-bottom: solid 1px rgb(255 255 255 / .5)
        }

        #footer {
            padding: 50px 0
        }

        .getintouchRight2 {
            padding: 30px 20px
        }

        .navbar {
            opacity: .95
        }

        .navbar-container input[type="checkbox"],
        .navbar-container .hamburger-lines {
            display: block
        }

        .navbar-container {
            display: block;
            position: relative;
            height: 64px
        }

        .navbar-container input[type="checkbox"] {
            position: absolute;
            display: block;
            height: 32px;
            width: 30px;
            top: 20px;
            right: 20px;
            z-index: 5;
            opacity: 0;
            cursor: pointer
        }

        .navbar-container .hamburger-lines {
            display: block;
            height: 24px;
            width: 33px;
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 2;
            display: flex;
            flex-direction: column;
            justify-content: space-between
        }

        .navbar-container .hamburger-lines .line {
            display: block;
            height: 2px;
            width: 100%;
            border-radius: 10px;
            background: #fff
        }

        .navbar-container .hamburger-lines .line1 {
            transform-origin: 0% 0%;
            transition: transform 0.3s ease-in-out
        }

        .navbar-container .hamburger-lines .line2 {
            transition: transform 0.2s ease-in-out
        }

        .navbar-container .hamburger-lines .line3 {
            transform-origin: 0% 100%;
            transition: transform 0.3s ease-in-out
        }

        .navbar .menu-items {
            padding-top: 30px;
            background: #074235;
            height: 100vh;
            max-width: 300px;
            transform: translate(-150%);
            display: flex;
            flex-direction: column;
            margin-left: -40px;
            padding-left: 0;
            transition: transform 0.5s ease-in-out;
            overflow: hidden
        }

        #Location .loc-det {
            text-align: start
        }

        .loaction-slider-panel .owl-nav {
            bottom: -326px
        }

        .loaction-slider-panel .owl-nav button {
            font-size: 30px !important
        }

        .navbar .menu-items li {
            font-size: 1.1rem;
            font-weight: 500;
            margin-right: 2rem;
            padding: 18px 0;
            border-bottom: solid 1px rgb(255 255 255 / .5)
        }

        .logo {
            position: absolute;
            top: 10px;
            font-size: 2.5rem
        }

        .navbar-container input[type="checkbox"]:checked~.menu-items {
            transform: translateX(0)
        }

        .navbar-container input[type="checkbox"]:checked~.hamburger-lines .line1 {
            transform: rotate(45deg)
        }

        .navbar-container input[type="checkbox"]:checked~.hamburger-lines .line2 {
            transform: scaleY(0)
        }

        .navbar-container input[type="checkbox"]:checked~.hamburger-lines .line3 {
            transform: rotate(-45deg)
        }

        #header .navbar-container {
            display: flex;
            justify-content: flex-start;
            align-items: center
        }

        #header .navbar-container .hamburger-lines {
            display: block;
            height: 24px;
            width: 33px;
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 2;
            display: flex;
            flex-direction: column;
            justify-content: space-between
        }

        #header .navbar-container input[type=checkbox] {
            position: absolute;
            display: block;
            height: 32px;
            width: 30px;
            top: 20px;
            right: 20px;
            z-index: 5;
            opacity: 0;
            cursor: pointer
        }

        #footer .HeadOffice {
            text-align: center
        }

        #footer .socialLink {
            margin: auto;
            padding-bottom: 18px;
            margin-top: 20px
        }

        #towers .towerDetails {
            padding: 0 10px
        }

        #footer .HeadOffice,
        #footer .maharera .MahaRERA {
            text-align: left
        }

        #banner {
            background-color: var(--brown)
        }

        #banner::before {
            opacity: .7;
            height: 60%
        }

        #header {
            top: 0
        }

        #banner .marsk-layer {
            display: none
        }

        #banner .belicia {
            top: 0;
            opacity: 1
        }

        #banner video#bgvid {
            opacity: 0
        }
    }

    @media only screen and (min-device-width:1366px) and (max-device-width:1366px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
        #magical {
            height: 680px
        }

        #ContactUs {
            height: auto;
            padding: 40px 0
        }

        .row {
            margin: 0
        }

        #header {
            padding: 0
        }

        #header .annualreportBt {
            display: none
        }

        #header .logo {
            margin: auto;
            margin-left: 0
        }

        .five-cols .col-sm-2 {
            width: 100%
        }

        .common-ttle,
        .common-ttle2 {
            font-size: 32px
        }

        #welcome {
            padding: 40px 0
        }

        #welcome .welcome-inner {
            padding: 30px 0
        }

        #ProjectAmenities {
            padding: 40px 0
        }

        #ProjectAmenities .nav-tabs .nav-link {
            padding: 20px 11px
        }

        #nav-Wellness {
            background-color: #47b3d5
        }

        #nav-Leisure {
            background-color: #51a090
        }

        #nav-Exploration {
            background-color: #b18767
        }

        #nav-Grand {
            background-color: #c59a5b
        }

        #header .navbar a::after {
            color: #FFF
        }

        #ProjectAmenities .galleryImg .gallerylabel {
            bottom: 38px;
            font-size: 12px
        }

        #ProjectAmenities .swiper {
            padding-left: 0%
        }

        #towers {
            padding: 40px 0
        }

        #iconic {
            height: 700px;
            display: flex
        }

        #Location {
            height: auto
        }

        #iconic .container {
            padding: 50px 0
        }

        #Location {
            padding: 40px 0
        }

        .moreInfromation-wrp .moreInfromation-rhs {
            padding: 50px 80px
        }

        #header .navbar .menu-items {
            margin-left: -60px;
            z-index: 9999;
            position: relative
        }

        #header .navbar a {
            color: var(--White)
        }

        #header .navbar a::after {
            color: #FFF
        }

        #header .navbar .menu-items li {
            font-size: 1.1rem;
            font-weight: 500;
            margin-right: 2rem;
            padding: 18px 0;
            border-bottom: solid 1px rgb(255 255 255 / .5)
        }

        #footer {
            padding: 50px 0
        }

        .getintouchRight2 {
            padding: 30px 20px
        }

        .navbar {
            opacity: .95
        }

        .navbar-container input[type="checkbox"],
        .navbar-container .hamburger-lines {
            display: block
        }

        .navbar-container {
            display: block;
            position: relative;
            height: 64px
        }

        .navbar-container input[type="checkbox"] {
            position: absolute;
            display: block;
            height: 32px;
            width: 30px;
            top: 20px;
            right: 20px;
            z-index: 5;
            opacity: 0;
            cursor: pointer
        }

        .navbar-container .hamburger-lines {
            display: block;
            height: 24px;
            width: 33px;
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 2;
            display: flex;
            flex-direction: column;
            justify-content: space-between
        }

        .navbar-container .hamburger-lines .line {
            display: block;
            height: 2px;
            width: 100%;
            border-radius: 10px;
            background: #fff
        }

        .navbar-container .hamburger-lines .line1 {
            transform-origin: 0% 0%;
            transition: transform 0.3s ease-in-out
        }

        .navbar-container .hamburger-lines .line2 {
            transition: transform 0.2s ease-in-out
        }

        .navbar-container .hamburger-lines .line3 {
            transform-origin: 0% 100%;
            transition: transform 0.3s ease-in-out
        }

        .navbar .menu-items {
            padding-top: 30px;
            background: #074235;
            height: 100vh;
            width: 300px;
            transform: translate(-150%);
            display: flex;
            flex-direction: column;
            margin-left: -40px;
            padding-left: 0;
            transition: transform 0.5s ease-in-out;
            overflow: hidden
        }

        .navbar .menu-items li {
            font-size: 1.1rem;
            font-weight: 500;
            margin-right: 2rem;
            padding: 18px 0;
            border-bottom: solid 1px rgb(255 255 255 / .5)
        }

        .logo {
            position: absolute;
            top: 10px;
            font-size: 2.5rem
        }

        .navbar-container input[type="checkbox"]:checked~.menu-items {
            transform: translateX(0)
        }

        .navbar-container input[type="checkbox"]:checked~.hamburger-lines .line1 {
            transform: rotate(45deg)
        }

        .navbar-container input[type="checkbox"]:checked~.hamburger-lines .line2 {
            transform: scaleY(0)
        }

        .navbar-container input[type="checkbox"]:checked~.hamburger-lines .line3 {
            transform: rotate(-45deg)
        }

        #header .navbar-container {
            display: flex;
            justify-content: flex-start;
            align-items: center
        }

        #header .navbar-container .hamburger-lines {
            display: block;
            height: 24px;
            width: 33px;
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 2;
            display: flex;
            flex-direction: column;
            justify-content: space-between
        }

        #header .navbar-container input[type=checkbox] {
            position: absolute;
            display: block;
            height: 32px;
            width: 30px;
            top: 20px;
            right: 20px;
            z-index: 5;
            opacity: 0;
            cursor: pointer
        }

        #footer .houseofhiranandani-logo img {
            width: 210px
        }

        #header .navbar .menu-items {
            margin-left: -140px
        }

        #header .hoh-logo {
            padding-top: 10px
        }

        #header .NavRight .EnquireNow {
            padding-top: 16px
        }

        #banner {
            background-color: var(--brown)
        }

        #banner::before {
            opacity: .7;
            height: 60%
        }

        #header {
            top: 0
        }

        #banner .marsk-layer {
            display: none
        }

        #banner .belicia {
            top: 0;
            opacity: 1
        }

        #banner video#bgvid {
            opacity: 0
        }
    }
}

.rera-contact span.divider {
    margin: 0 8px
}

.rera-contact span {
    display: inline;
    margin-right: 10px
}

@media (max-width:768px) {
    .rera-contact span {
        display: block;
        margin-right: 0
    }
}