@media screen and (min-width: 1920px) {}



@media screen and (max-width: 1200px) {
   /* .exterior .innerbox .img {
    height: auto;
} */

}



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



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



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

    .padding {

        padding-top: 4rem;

        padding-bottom: 4rem;

    }

    .amenitiesiconbox {
        margin: 4rem 0;
    }

    .disclaimerSec {

        margin-top: 7rem;

    }



    .disclaimerSec .innerbox {

        margin-top: 2rem;

    }



    .privacySec {

        margin-top: 7rem;

    }



    .privacySec .innerbox {

        margin-top: 2rem;

    }







    .overview {

        padding-top: 10rem;

        padding-bottom: 3rem;

    }



    .overview .heading {

        margin-bottom: 1rem;

    }



    .overview::before {

        top: 9%;

        left: 50%;

        transform: translate(-50%, -50%);

        font-size: 6rem;

    }



    .amenities::before {

        background-size: 350px;

    }



    .amenities .segmentlogo {

        width: 150px;

    }

}



@media screen and (max-width: 1199px) {
    .header .nav>ul>li>a {
        padding: 0 0.4rem;
    }

    .tab button {

        font-size: 15px;

        padding: 5px 10px;

    }



    .header .nav>ul>li>a {

        font-size: 1rem;

    }



    .amenitiesiconbox .iconbox img {

        width: 35px;

    }

}



@media screen and (max-width: 1023.9px) {
    .gaurs-upersection .statsBox h2 {
        font-size: 2.6rem;

    }
}



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

    .tab button {

        font-size: 14px;

        padding: 5px 10px;

    }



    .padding {

        padding-top: 3rem;

        padding-bottom: 3rem;

    }



    /* .scroller {

        max-height: 280px;

        padding-right: 15px;

    } */



    .tab {

        margin-bottom: 1.5rem;

    }



    .innerTab {

        gap: 10px;

        margin-bottom: 1.5rem;

        padding-top: 1.5rem;

        margin-left: 0;

    }



    .readmore {

        display: flex;

        justify-content: center;

    }





    .heading h2 {

        font-size: 2.5rem;

    }



    .header .rightbox {

        gap: 1rem;

    }



    .heading {

        text-align: center;

    }



    .overview::before {

        display: none;

    }



    .overviewBottom .inner {

        padding-left: 0rem;

    }







    .overview .overLogo {

        margin: 0 auto;

        max-width: 250px;

    }



    .overview .overtopbox {

        text-align: justify;

        text-align-last: center;

    }





    /* overviewBottom */

    .overviewBottom .inner {

        text-align: center;

    }



    .overviewBottom .stats .inner {

        display: flex;

        align-items: center;

        gap: 0.6rem;

        text-align: center;

        justify-content: center;

    }



    .overviewBottom .inner p {

        text-align-last: center;

    }



    .overviewBottom .overImg {

        margin-top: 2rem;

    }



    .overviewBottom .overImg::before {

        display: none;

        /* border: 1px solid red; */

    }


    .unseen-future .unseen-container .content {
        padding: 1.4rem;
        font-size: 1.45rem;
    }


    /* facility */

    .facility .inner h4 {

        text-align: center;

    }



    .amenitiesiconbox {

        margin: 3rem 0;

    }



    .amenitiesiconbox .iconbox img {

        width: 35px;

    }



    .amenities .segmentlogo {

        margin: 0 auto 20px;

    }



    .segmentInner h3 {

        text-align: center;

    }



    .segmentInner p {

        text-align: justify;

        text-align-last: center;

    }





    .floor-plan .innerTab {

        display: flex;

        justify-content: center;

    }



    .floorDetails {

        width: 100%;

    }

    .floorDetails .bottomContent {
        max-width: 100%;
    }

    .walkthrough video {
        height: 80vh;
    }

    /* location */

    .location .locationContent {

        text-align: center;

    }



    .gaurs-upersection .gaurs-logo {

        margin: auto;

        margin-bottom: 1rem;

    }





}



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

    /* .footer .footer-about .inner {

        padding-right: 0rem;

    } */



    .overviewBottom .overviewRerabox {

        margin-top: 1rem;

        padding: 1rem;

    }



    .overview .overLogo {

        max-width: 200px;

    }

    .unseen-future .unseen-container .content {
        padding: 1rem;
        font-size: 1.35rem;
    }



    /* exterior */
/* 
    .exterior .innerbox .img {

        height: 60vh;

    } */



    /* .exterior .innerbox .exteriorContent {

        top: 50%;

        left: 3%;

        transform: translateY(-50%);


    } */



    .exterior .innerbox .exteriorContent h3 {

        font-size: 2rem;

        margin-bottom: 15px;

    }



    .exterior .innerbox .exteriorContent p {

        font-size: 0.9rem;

    }





    /*  */

    .timeless-legacies .timelessParent {

        display: block;

        gap: 1rem;

    }



    .timeless-legacies .timelessParent .contentbox {

        text-align: center;

    }



    .timeless-legacies .timelessParent .div2::before,

    .timeless-legacies .timelessParent .div4::before,

    .timeless-legacies .timelessParent .div6::before,

    .timeless-legacies .timelessParent .div8::before {

        display: none;

    }



    .timeless-legacies .timelessParent .div3,

    .timeless-legacies .timelessParent .div5,

    .timeless-legacies .timelessParent .div7 {

        margin-top: 1rem;

    }



    .gallery .gallSliderContainer {

        margin-top: -5rem;

    }



    .gaurs-upersection .heading {

        margin-bottom: 10px;

    }



    .amenities .segmentlogo {

        width: 120px;

    }



    .amenitiesiconbox {

        margin: 2rem 0;

    }



    .iconicTower .iconicLogobox {

        max-width: 180px;

        margin: auto;

    }



    .iconicTower .innerbox {

        color: var(--white);

        max-width: 90%;

        margin: 0 auto;

    }



    .iconicTower .innerbox h3 {

        font-size: 2rem;

        text-align: center;

        margin: 0 auto;

    }

    .walkthrough video {
        height: 70vh;
    }




}







@media screen and (max-width: 576px) {
    body{
        font-size: 75%;
    }


    .swiper-button-next,

    .swiper-button-prev {

        display: none;

    }



    .padding {

        padding-top: 2rem;

        padding-bottom: 2rem;

    }

    .specBox .inner .heading h4{
        font-size: 1.4rem;
    }


    .unseen-future .unseen-container {
        min-height: 40vh;

    }

    .unseen-future .unseen-container .content {
        max-width: 320px;
    }

    .unseen-future .unseen-container .content {
        font-size: 1.15rem;
    }


    .disclaimerSec {

        margin-top: 7rem;

    }



    .disclaimerSec .innerbox {

        margin-top: 2rem;

        text-align: justify;

        text-align-last: center;

    }


    .specifications .specibox{
        text-align: justify;
        text-align-last: center;
    }
.exterior .innerbox .exteriorContent {
    position: absolute;
    top: 3%;
    left: 50%;
    transform: translateX(-50%);
    width: 95%;
}

    .exterior .innerbox .exteriorContent h3 {
        font-size: 1.7rem;
        margin-bottom: 10px;
        text-align: center;
    }

     .exterior .innerbox .exteriorContent p {

        font-size: 0.8rem;

    }

    .iconicTower .innerbox h3 {

        font-size: 1.9rem;

    }



    .timeless-legacies .timelessParent p {

        font-size: 1rem;

    }



    .privacySec {

        margin-top: 7rem;

    }



    .privacySec .innerbox {

        text-align: justify;

        text-align-last: center;

        margin-top: 2rem;

    }



    .gaurs-upersection .gaurs-logo {

        width: 100px;

        margin-bottom: 1rem;

    }



    .amenities .segmentlogo {

        width: 100px;

    }



    .heading {

        margin-bottom: 20px;

    }



    .heading h2 {

        font-size: 2rem;

    }



    .heading h3 {

        font-size: 2rem;

    }



    .tab button {

        flex: 0 0 calc(50% - 10px);

    }



    .tab button:nth-child(5) {

        flex-basis: 100%;

    }



    .tab {

        justify-content: flex-start;

    }



    .mainMenu {

        margin-top: 10rem;

        padding: 1rem;

    }



    .mainMenu a {

        font-size: 0.9rem;

    }



    /* enquirybox  */

    .enquirybox .innerbox {

        padding: 9px 14px;

    }



    .banner video {

        height: 75vh;

    }



    .overview .overLogo {

width: 130px;

}



    .overview .stats .locaBtm {

        margin-top: 0.4rem;

    }



    .overview .stats .inner span {

        font-size: 14px;

    }





    .overview .stats .inner {

        display: block;

        text-align: center;

    }



    .overview .stats .inner .icon {

        margin: 0 auto 0.5rem;



    }



    .overview .heading h3 {

        font-size: 1.8rem;

    }



    .overviewBottom .heading h3 {

        font-size: 1.8rem;

    }





    .overview .overviewRerabox {

padding: 0.2rem;

margin-top: 0.7rem;

}



    .overviewBottom .stats .inner span {

        font-size: 0.8rem;

    }

    .overviewBottom .overtopbox p {
        text-align: justify;
        text-align-last: center;
    }


    .overview .inner p {
        text-align: justify;
        text-align-last: center;
    }



    /* gallery */

    .gallery-container p {

        text-align: justify;

        text-align-last: center;

    }

    .gallery .gallery-container .contentbox {
        width: 90%;
    }



    /* exterior */

    /* .exterior .innerbox .exteriorContent {

        position: absolute;

        top: 50%;

        left: 50%;

        transform: translate(-50%, -50%);


        width: 90%;

        text-align: justify;

        text-align: center;

    } */



    .exterior .innerbox .exteriorContent p {

        text-align: justify;

        text-align-last: center;

    }



    /* .exterior .innerbox .img {

        height: 50vh;

    } */



    /* .raraInnerbox .reraImg {

        width: 50px;

    } */



    .amenitiesiconbox .iconbox span {

        font-size: 0.9rem;

    }



    .floorDetails {

        padding: 1rem;

        width: 100%;

    }

    .floorDetails .logo {
        margin: 0 auto;
    }

    .floorDetails .bottomContent small{
        text-align: justify;
        text-align-last: center;
    }


    .gaurs-upersection .statsBox h2 {

        font-size: 2.3rem;

    }

    .gaurs-upersection .gaursBox p {

        text-align: justify;

        text-align-last: center;

    }

    .walkthrough video {
        height: auto;
    }

    .location .map {
    height: 300px;
    
}
.location .iframe {
    height: 300px;
}



    .footer .footer-about .inner {

        padding-right: 0;

        display: flex;

        gap: 2rem;

        align-items: center;

    }



    .footer .footer-links ul a {

        font-size: 14px;

    }



    .footer .privacybox {

        justify-content: center;

    }



    .footer .copyright p {

        margin-bottom: 10px;

        text-align: center;

    }





}



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

    .heading {

        margin-bottom: 10px;

    }



    .gallery .gallSliderContainer {

        margin-top: -5rem;

    }



    .menuBtn {

        width: 35px;

        height: 40px;

    }



    .enquirybox {

        gap: 0.6rem;

    }



    .enquirybox .innerbox {

        padding: 6px 10px;

    }



    .gallery .gallery-container .contentbox {

        width: 90%;

        margin: 0 auto;

    }

}



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

    .banner video {

        height: 60vh;

    }



    .heading h2 {

        font-size: 1.6rem;

    }


    .heading h3 {

        font-size: 1.7rem;

    }



    .overview .heading h3 {

        font-size: 1.7rem;

    }



    .readmore .button {

        padding: 6px 10px;

    }



    .locationContent p {
        text-align: justify;

        text-align-last: center;

    }

    .location .locationContent h3 {
        font-size: 1.6rem;
    }

    .gaurs-upersection .statsBox h2 {
        font-size: 2.2rem;
    }

    .timeless-legacies .timelessParent .div1 img, 
    .timeless-legacies .timelessParent .div3 img,
    .timeless-legacies .timelessParent .div5 img,
    .timeless-legacies .timelessParent .div7 img {
    width: 100%;
    max-height: 400px;
    object-fit: cover;
    display: block;
}


    .iconicTower .innerbox {

        max-width: 90%;

        margin: 0 auto;

        margin-bottom: 1rem;

    }



    .iconicTower .innerbox h3 {

        font-size: 1.6rem;

    }



    .unseen-future .unseen-container {

        min-height: 30vh;



    }



    .unseen-future .unseen-container h2 {

        margin: 0 auto;

        max-width: 90%;

        margin-bottom: 0px;

    }

    .innerTab button {
        padding: 5px 16px;

    }


    .footer .footer-links .inner p {

        font-size: 0.8rem;

        display: flex;

    }



    .footer .footer-links .inner p span {

        font-size: 0.8rem;

        margin-left: 0.2rem;

    }



    .footer .footer-links ul li {

        padding: 8px 0;

    }



    .footer .footer-links ul a {

        font-size: 0.8rem;

    }



    .footer .footer-about p {

        font-size: 0.8rem;

        margin-top: 0;

    }





    .raraInnerbox .reraContent p {

        font-size: 0.8rem;



    }



    .footer .collectionAccountDetails .accountbox {

        font-size: 0.8rem;



    }



    .footerMiddlebox {

        margin-top: 2rem;

        padding-top: 2rem;

    }

}



@media screen and (max-width: 450px) {
    .unseen-future .unseen-container .content {
        max-width: 200px;
        font-size: 1.05rem;
        padding: 0.6rem;
    }


}


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

   
    .gallery .gallSliderContainer {

        margin-top: -4rem;

    }
}



@media screen and (max-width: 369.9px) {
        .unseen-future .unseen-container .content {
        max-width: 190px;
        font-size: 1rem;
    }

        .unseen-future .unseen-container .content {
        font-size: 0.9rem;
    }

        .gallery .gallSliderContainer {
        margin-top: -3rem;
    }
    .overview .overviewRerabox .raraInnerbox {
    gap: 0.5rem;
}
}