@media (max-width:900px) {
    .d-desktop {
        display: none;
    }

    .d-mobile {
        display: flex;
    }

    .mobile{
        display: block;
    }

    .desktop{
        display: none;
    }

    .bannersection {
        flex-direction: column-reverse;
        width: 100%;
        border-radius: 4px;
    }

    .firstsection {
        padding: 10px;
    }

    .bannerSecondPart {
        width: 100%;
    }

    .bannerFirstPart h1 {
        font-size: 24px;
        text-align: center;
        line-height: 26px;
    }

    .bannerFirstPart h1 span {
        font-size: 16px;
        text-align: center;
    }

    .bannerFirstPart {
        align-items: center;
        padding: 0;
        padding: 0 12px 12px;
    }

    .bannerFirstPart p {
        font-size: 12px;
        line-height: 17px;
        margin-top: 0;
        margin-bottom: 20px;
        text-align: center;
        font-weight: 300;
    }

    .bannerFirstButton {
        font-size: 10px;
        padding: 4px 8px;
    }

    .bannerSecondButton {
        font-size: 10px;
        padding: 5px 30px;
        border: 0.8px solid #FFE3A4;
    }

    .buttons-banner {
        gap: 10px;
    }

    .bannerSecondPart img {
        border-radius: 4px;
    }

    .secondbgimg {
        background-image: url(../images/secondbgimg-m.png);
        padding: 20px 20px;
        flex-direction: column;
        /* height: 800px; */
        gap: 10px;
    }

    .blueprintsheading {
        font-size: 28px;
        line-height: 32px;
        text-align: center;
    }

    .blueprintstxt {
        font-size: 12px;
        line-height: 18px;
        text-align: center;
        margin: 10px 0px;
    }

    .our-philosophy {
        font-size: 14px;
        line-height: 25px;
        text-align: center;
        font-weight: 500;
    }

    .square-foot {
        font-size: 16px;
        line-height: 25px;
        text-align: center;
    }

    .blueprints-top-img {
        z-index: 9;
        left: 0;
        bottom: 40%;
    }

    .blueprintimg-m {
        position: relative;
        z-index: 9;
    }

    .blueprints-bottom-img {
        bottom: 18%;
    }

    .people-trust-why-ranke-infra {
        font-size: 26px;
        line-height: 36px;
        padding: 0 30PX;
        margin-bottom: 10PX;
    }

    .thirdsection {
        flex-direction: column;
        padding: 2rem 0px 0 0px;
    }

    .trust-txt {
        font-size: 12px;
        line-height: 18px;
        padding: 0 10px;
        margin-bottom: 20px;
        position: relative;
        z-index: 99;
    }

    .steps-card-wrapper {
        height: auto;
        margin-top: 20px;
        flex-direction: column;
    }

    .heading-of-details {
        font-size: 20px;
        line-height: 28px;
        padding: 0 0px;
    }

    .txt-of-details {
        font-size: 12px;
        line-height: 18px;
    }

    .step-card {
        width: 100%;
        z-index: 9;
        height: 320px;
    }

    .fivethsection {
        flex-direction: column;
        padding-top: 3rem;
    }

    .your-dream-home {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 10px;
        padding: 0 10px;
    }

    .your-dream-home-txt {
        font-size: 12px;
        line-height: 18px;
    }

    .complete-form {
        flex-direction: column;
        padding: 1rem 0;
    }

    .get-in-touch {
        width: 100%;
        padding: 23px 1rem;
    }

    .lets-get-in-touch {
        font-size: 26px;
        line-height: 24px;
    }

    .enquiryform input {
        font-size: 12px;
        padding: 8px 12px;
    }

    .submitbtn {
        border-radius: 3px;
        padding: 5px 0px;
        font-size: 24px;
        width: 100%;
    }

    .enquiryform {
        gap: 16px;
    }

    .custom-form {
        padding-top: 20px;
    }

    .loc-context {
        display: flex;
        flex-direction: column;
        gap: 24px;
        width: 100%;
    }

    .footer-info {
        flex-direction: column;
        padding-top: 1rem;
    }

    .footer-txt {
        font-size: 12px;
        line-height: 21px;
    }

    .all-links {
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 12px;
    }

    .links {
        padding: 3px 7px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .copyright-vsnap {
        font-size: 12px;
        text-align: center;
        line-height: 20px;
    }

    .quick-links {
        margin-bottom: 0px;
    }

    .logo-content {
        margin-top: 20px;
    }

    .copyright-hr {
        margin: 10px 0;
    }

    .copyright-links {
        padding-bottom: 10px;
    }

    .form {
        /* background-image: url(../images/form-bg-img-m.png); */
        padding-top: 1rem;
        background-size: cover;
        background-color: #4a2f16;
    }

    .social-media-links {
        margin-bottom: 10px;
    }

    .location-address {
        border-radius: 8px;
        height: fit-content;
        padding: 10px 8px;
        gap: 10px;
    }

    .navigation-container {
        padding: 0 20px;
    }

    .overallbody {
        padding-top: 4rem;
    }

    /* Mobile Menu */
    .mobile-menu {
        position: fixed;
        top: 0;
        right: -100%;
        width: 90%;
        max-width: 100%;
        height: 100%;
        background: #fff;
        box-shadow: -4px 0 20px rgba(0, 0, 0, 0.2);
        transition: 0.3s;
        z-index: 9999;
    }

    .mobile-menu.open {
        right: 0;
    }

    .nav-item.rounded a.active {
        background: #57381C;
        color: #FFFFFF;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        padding: 15px 16px;
    }

    .menu-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #505050E5;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
        z-index: 9998;
    }

    /* overlay active */
    .menu-overlay.active {
        opacity: 1;
        visibility: visible;
    }

    .close-btn {
        font-size: 40px;
        cursor: pointer;
        text-align: right;
        margin-bottom: 20px;
    }

    .mobile-menu ul {
        padding: 0;
        margin: 40px 0px 0;
        list-style: none;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }

    .mobile-menu ul li {
        margin-bottom: 15px;
        padding: 14px 0;
        width: 100%;
    }

    .mobile-menu ul li a {
        text-decoration: none;
        font-family: 'Jost';
        font-weight: 500;
        font-size: 22px;
        line-height: 100%;
        letter-spacing: -0.44px;
        text-transform: uppercase;
        color: #57381C;
        padding: 15px 16px;
    }

    .menu-btn {
        cursor: pointer;
        margin-left: auto;
    }

    .why-people-trust-rankeinfra-rightimg {
        top: 6%;
    }

    .build-in-harmony-right-img {
        position: absolute;
        left: 0;
        top: 30%;
    }

    .planned-meassured {
        position: absolute;
        right: 0;
        bottom: 4%;
    }

    .backed-by-experience {
        padding-top: 1rem;
        flex-direction: column;
    }

    .built-on-trust-txt {
        font-size: 12px;
        line-height: 17px;
        margin-bottom: 1rem;
    }

    .built-on-trust {
        background-image: url(../images/built-on-trust-m.png);
        background-repeat: no-repeat;
        background-position: top;
        background-size: auto;
        padding: 1rem 3rem 4rem 2rem;
        height: fit-content;
    }

    .built-on-trust-author {
        font-size: 14px;
        line-height: 20px;
    }

    .contact-us {
        height: fit-content;
    }

    .built-on-trust-img {
        width: 100%;
    }

    .our-work {
        padding-left: 0rem;
        padding-right: 0rem;
        padding-top: 3rem;
        flex-direction: column;
        width: 100%;
        gap: 0;
    }

    .our-work-speaks-heading {
        font-size: 26px;
        line-height: 32px;
        text-align: center;
        margin-bottom: 6px;
    }

    .our-work-speaks-txt {
        font-weight: 300;
        font-size: 12px;
        line-height: 18px;
        text-align: center;
    }

    .grswara {
        font-size: 34px;
        line-height: 1;
        margin-bottom: 5px;
    }

    .elegance-measured-in-melodies {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 10px;
        text-align: center;
    }

    .townhouses {
        font-size: 28px;
        text-align: center;
        line-height: 34px;
        margin-bottom: 10px;
    }

    .sprawling-homes {
        font-size: 14px;
    }

    .fromprice {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .amount {
        font-size: 28px;
    }

    .onwards {
        font-size: 16px;
    }

    .buttons {
        flex-direction: column;
        width: 80%;
        gap: 10px;
    }

    .view-button {
        padding: 10px 14px;
        font-size: 18px;
        border: 1px solid #FFE3A4;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    .elegance-measured {
        padding: 20px 0;
        z-index: 99;
    }

    .speak-for-itself {
        padding: 10px;
    }

    .our-work-speaks-for-itself {
        /* background-image: url(../images/our-work-speaks-for-itself-m.png); */
        background-color: #4a2f16;
        background-repeat: no-repeat;
        height: fit-content;
        background-size: cover;
    }

    .aboutus {
        padding: 10px;
    }

    .aboutusbanner h1 {
        font-size: 26px;
    }

    .aboutusbanner {
        height: 100px;
        border-radius: 4px;
        margin: 0rem;
    }

    .nextsection {
        padding-top: 2rem;
        flex-direction: column;
    }

    .we-dont-just-build {
        font-size: 26px;
        line-height: 32px;
    }

    .build-with-honesty {
        font-size: 12px;
        line-height: 18px;
    }

    .create-what-lasts {
        height: fit-content;
        flex-direction: column;
    }

    .brick-head {
        font-size: 22px;
    }

    .our-foundation {
        font-size: 12px;
        line-height: 18px;
    }

    .built-a-vision-head {
        font-size: 30px;
        line-height: 32px;
    }

    .built-a-vision-txt {
        font-size: 12px;
        line-height: 18px;
        padding: 0 10px;
    }

    .designing-the-future {
        padding: 10px;
        flex-direction: column;
    }

    .designing-the-future-heading {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    .buildbetter {
        font-size: 16px;
        margin-bottom: 0;
    }

    .switch-to-smart {
        font-size: 20px;
        line-height: 29px;
        margin-bottom: 0;
    }

    .buildbetter-with-ranke {
        padding: 1rem 10px;
        gap: 20px;
    }

    .slide-img {
        height: 400px;
    }

    .slide-content h2 {
        font-size: 20px;
    }

    .slide-content p {
        font-size: 10px;
        line-height: 16px;
    }

    .slide-content {
        width: 90%;
    }

    .built-from-a-vision-to-build-better {
        height: fit-content;
    }

    .explore-our-project {
        padding: 10px;
    }

    .signature-series-heading {
        font-size: 26px;
        line-height: 32px;
        padding: 10px;
        margin-top: 0rem;
    }

    .residential-com {
        padding: 0 !important;
    }

    .signature-series-text {
        font-size: 12px;
        line-height: 18px;
    }

    .eco-modren-homes-heading {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    .grrow {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .ongoing-btn {
        font-size: 16px;
        padding: 5px 37px;
    }

    .ongoing-upcoming-project-btns {
        margin-bottom: 0;
    }

    .starting-price p {
        font-size: 14px;
    }

    .project-amt {
        font-size: 18px;
    }

    .grcard-swara {
        font-size: 26px;
    }

    .grcard-bhk {
        font-size: 16px;
        margin-bottom: 6px;
    }

    .grcard-txt {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 6px;
    }

    .grglimpse {
        font-size: 16px;
    }

    .signature-series-by-ranke-infra {
        flex-direction: column-reverse;
        padding: 10px;
        gap: 10px;
    }

    .signature-series-img img {
        border-radius: 8px;
    }

    .signature-series-grswara {
        width: 100%;
        padding: 1rem 0;
    }

    .projects-grswara {
        font-size: 36px;
    }

    .projects-townhouses {
        font-size: 28px;
    }

    .projects-sprawling {
        font-size: 14px;
    }

    .projects-elegance {
        margin-bottom: 10px;
    }

    .projects-onwards {
        margin: 15px 0;
        font-size: 24px;
    }

    .projects-from {
        font-size: 16px;
    }

    .projects-cr {
        font-size: 28px;
    }

    .projects-buttons {
        gap: 14px;
        flex-direction: column;
        width: 100%;
    }

    .view-a-glimpse-projects {
        font-size: 16px;
        padding: 7px 36px;
        border: 1px solid #57381C;
        width: 100%;
    }

    .enquiry-now-projects {
        font-size: 16px;
        padding: 7px 47px;
        border: 1px solid #FFE3A4;
    }

    .ongoing-btn.active {
        background-image: url('../images/ongoing-btn-active-m.png') !important;
    }

    .insights {
        grid-template-columns: repeat(1, 1fr);
        margin: 0;
        gap: 0px;
    }

    .crafting-spaces {
        font-size: 26px;
        line-height: 38px;
        margin-bottom: 1rem;
    }

    .crafting-grid {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
        flex-direction: column;
    }

    .homes-designed-category {
        font-size: 28px;
        line-height: 30px;
    }

    .homes-designed-txt {
        font-size: 14px;
    }

    .res-craft-grid {
        display: inline-block;
        padding: 2px;
        border-radius: 6px;
        width: 100%;
    }

    .res-craft-grid img {
        border-radius: 0;
        width: 100%;
        height: 100%;
    }

    .res-craft-grid-1 img {
        border-radius: 0;
        width: 100%;
        height: 100%;
    }

    .res-craft-grid-1 {
        padding: 2px;
        border-radius: 6px;
        width: 100%;
    }

    .homes-designed {
        left: 10px;
    }

    .crafting-grid-1 {
        width: 100%;
        gap: 20px;
    }

    .fourthsection {
        padding-top: 2rem;
        flex-direction: column;
    }

    .right-box {
        width: 100%;
        margin: 0 0 2rem 0;
        background: #FFFFFF;
        padding: 8px 0;
    }

    /* .right-box .swiper-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
    } */

    .bannerFirstButton i {
        font-size: 14px;
    }

    .bannerSecondButton i {
        font-size: 14px;
    }

    .input_search i::before {
        font-size: 24px;
        padding: 0px;
        color: #57381C;
    }

    .search-box {
        font-weight: 400;
        font-size: 14px;
        padding: 0 !important;
    }

    .search-box::placeholder {
        font-weight: 300;
        font-size: 14px;
    }

    .input_search {
        padding: 8px 10px;
        width: 90%;
    }

    .inputsearch-div {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .logos img {
        width: 12px;
    }

    .back-to-top {
        padding: 9px 12px;
        bottom: 60px;
        right: 10px;
        font-size: 16px;
    }

    .ranke-infra-logo-footer {
        width: 150px;
    }

    .rankeinfra-logo-m {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 10px;
    }

    .thankyou-section h1 {
        font-size: 30px;
        line-height: 38px;
        margin-bottom: 10px;
    }

    .thankyou-section p {
        font-size: 16px;
        line-height: 22px;
    }

    .thankyou-section {
        background-position: right;
    }

    .VerifyNumber {
        font-size: 32px;
    }

    .digitotp {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 26px;
    }

    .forward-otp-field input {
        width: 60px;
        height: 60px;
        font-size: 40px;
        text-align: center;
    }

    .forwardotp_verifynow_popup {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .forward-otp-field {
        gap: 15px;
        margin-bottom: 2rem;
    }

    .popup-head {
        font-size: 28px;
    }

    .popup-txt {
        font-size: 12px;
        line-height: 18px;
        padding: 0 10px;
        margin-bottom: 1rem;
    }

    .popup-box-container {
        width: 90%;
        padding: 10px 0 20px;
        background-image: url(../images/popup-form-bgimg-m.png);
        background-position: left;
    }

    .popup-formss input {
        font-size: 14px;
        padding: 8px 10px;
        width: 90%;
    }

    .popup-formss {
        gap: 10px;
    }

    .verifybtn {
        font-size: 22px;
        padding: 10px 100px;
        margin-top: 10px;
    }

    .close-btn-otp-popup {
        width: 10%;
    }

    .forwardotpbooknow {
        font-size: 20px;
        padding: 6px 100px;
        margin-bottom: 1rem;
    }

    .canclelogo {
        width: 30px;
    }

    .modal-close-btn {
        right: -2%;
        top: -10%;
        padding: 0 !important;
    }

    .glimpse-enquiry-now {
        background: #57381C;
        border: 1px solid #FFE3A4;
        color: #FFE3A4;
        gap: 10px;
        width: 100%;
    }

    .vision-build-better {
        padding: 0;
        width: 90%;
    }

    .residential-tab {
        font-size: 14px;
        padding: 7px 11px;
    }

    .residential-commercial-hospitality {
        width: 887;
        height: 80;
        opacity: 1;
        border-radius: 50px;
        border-width: 2px;
        padding: 6px 10px;
        border: 2px solid #F9F9F9;
        box-shadow: 0px 8px 24px 0px #959DA533;
        margin: 40px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .residential-commercial-hospitality {
        width: 100%;
        margin: 0px 0 20px;
    }

    .slide-residential {
        width: fit-content !important;
    }

    .eco-modren-homes {
        padding-top: 0rem;
    }

    .bg-content::after {
        top: 8px;
        left: 8px;
        right: 8px;
        bottom: 8px;
    }

    .popup-box::after {
        top: 0px;
        left: 6px;
        right: 6px;
        bottom: -13px;
    }

    .built-on-trust-quote {
        position: absolute;
        top: 0%;
        right: 0%;
    }

    .built-on-trust-quote-bottom {
        position: relative;
        top: -30px;
        left: -140px;
    }

    .testimonialSwiper {
        width: 100%;
    }

    .hero-prev-next {
        bottom: 130px;
        padding: 0 10px;
    }

    .overallbody-details {
        padding-top: 3rem;
    }

    .blog_thumbnail {
        height: 300px;
        object-fit: cover;
    }

    .details-img {
        height: 150px;
    }

    .mySwiper {
        width: 100%;
        overflow: hidden;
    }

    .mySwiper .swiper-slide {
        width: 100%;
    }

    .mySwiper img {
        width: 100%;
        display: block;
    }
    .categories-calender img{
        width: 10px;
    }
    .new-development {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 10px;
    }
    .new-development-txt {
        font-size: 12px;
        line-height: 20px;
    }
    .coming-soon-div {
        height: 300px;
    }
    .elegance-img{
        height: 160px;
    }
    .selectdate{
        width: 90%;
    }
    .send-loc{
        padding: 7px 8px;
        font-family: 'Plus Jakarta Sans';
        font-weight: 500;
        font-size: 18px;
        letter-spacing: -0.32px;
        color: #4B2500;
        margin-bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border: none;
        background: transparent;
        gap: 6px;
        border-width: 1px;
        border-radius: 4px;
        background: #BC9773;
        border: 1px solid #F9E4CA;
        margin-top: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 80%;
    }
    .enquiry-section {
        z-index: 999;
    }
}

@media (min-width:901px) {
    .d-desktop {
        display: flex;
    }

    .d-mobile {
        display: none;
    }
    
    .mobile{
        display: none;
    }

    .desktop{
        display: block;
    }

    .blueprints-top-img {
        top: 23%;
    }

    .bannerFirstButton {}

    .built-on-trust-img {
        position: absolute;
        right: 0;
        top: 60%;
    }

    .fivethsection {
        position: relative;
    }

    .blogs-container {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .blogsinsights {
        gap: 20px;
    }

    .bannerFirstButton:hover {
        background: #57381C;
        border: 2px solid #FFF2E0;
        color: #FFF2E0;
    }

    .bannerSecondButton:hover {
        color: #57381C;
        background-color: #FFE3A4;
        border: 2px solid #57381C;
    }

    .view-button:hover {
        background: #57381C;
        color: #FFF2E0;
        border: 2px solid #FFF2E0;
    }

    .glimpse-enquiry-now:hover {
        color: #57381C;
        background: #FFE3A4;
        border: 2px solid #57381C;
    }

    .submitbtn:hover {
        color: #4A2F16;
        background: #FFFFFF;
        border: 2px solid #4A2F16;
    }

    .view-a-glimpse-projects:hover {
        background: #57381C;
        color: #FFE3A4;
        border: 1.5px solid #57381C;
    }

    .enquiry-now-projects:hover {
        color: #57381C;
        background-color: #FFE3A4;
        border: 1.5px solid #57381C;
    }

    .slide-img {
        width: 100%;
    }

    .hero-swiper {
        width: 100%;
        height: 450px;
    }

    .verifybtn:hover{
        color:#57381C;
        background: #FFE3A4;
    }

    .back-to-top:hover{
        background-color: #FFFFFF;
        color: #312010;
        border: 1px solid #312010;
    }

    .selectdate{
        width: 80%;
    }

     .popupFormWhatsapp i{
        font-size: 20px;
    }
}

@media (max-width: 768px) {

    /* blog page  */
    .blogsinsights {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        gap: 12px;
        padding: 10px 10px 10px 10px;
        border-radius: 20px;
    }

    /* Hide scrollbar */
    .blogsinsights::-webkit-scrollbar {
        display: none;
    }

    .blogsinsights {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .blogsinsights .nav-item {
        flex: 0 0 auto;
    }

    .blogsinsights .nav-link {
        white-space: nowrap;
        width: 130px;
        height: 110px;
    }

    .image-pill .pill-text {
        font-size: 14px;
    }

    .card_head {
        font-family: "Poppins";
        font-weight: 500;
        font-size: 18px;
        line-height: 22px;
    }

    .card_content {
        font-family: "Poppins";
        font-weight: 300;
        font-size: 10px;
        line-height: 15px;
    }

    .card_readmore {
        font-family: "Plus Jakarta Sans";
        font-weight: 500;
        font-size: 14px;
    }

    .blog_read_more_logo {
        width: 40px;
    }

    .blogsimg img {
        height: 200px;
    }

    /* blog page  */

    /* blog details page  */
    .blog_details_head {
        font-family: "Playfair Display";
        font-weight: 700;
        font-style: Bold;
        font-size: 24px;
        line-height: 28px;
    }

    .all_logo_bg {
        font-family: "Plus Jakarta Sans";
        font-weight: 400;
        font-size: 12px;
        padding: 2px 10px;
        margin-right: 6px;
    }
    .logos {
        gap: 2px;
    }

    .blog_content {
        font-family: "Plus Jakarta Sans";
        font-weight: 400;
        font-style: Regular;
        font-size: 12px;
        line-height: 20px;
    }

    .blog_head {
        font-family: "Plus Jakarta Sans";
        font-weight: 500;
        font-style: Medium;
        font-size: 12px;
        line-height: 20px;
    }

    /* blog details page  */

    /* contact us */
    .contact_text {
        font-family: "Plus Jakarta Sans";
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        margin-bottom: 0px;
    }

    .signature-series-heading {
        padding: 10px 10px 0px 10px;
    }

    .location-address_contact {
        height: auto;
    }

    /* contact us */
}

@media (width:1440px) {
    .image-scroll-wrapper {
        height: 90vh;
    }
}

@media (min-width:1000px) and (max-width:1164px) {
    .bannerSecondPart {
        height: 100%;
    }

    .bannerFirstPart h1 {
        font-size: 40px;
        line-height: 48px;
    }

    .bannerFirstPart h1 span {
        font-size: 28px;
    }

    .sprawling-homes {
        font-size: 22px;
    }

    .townhouses {
        font-size: 34px;
    }

    .bannerSecondButton {
        font-size: 16px;
    }

    .our-work-speaks-for-itself {
        height: 860px;
    }

    .image-scroll-wrapper {
        height: 100vh;
    }

    .speak-for-itself {
        bottom: 3%;
    }

    .bannerFirstButton {
        font-size: 16px;
    }

    .blueprints-top-img {
        top: 15%;
    }

    .blueprints-bottom-img {
        bottom: 10%;
    }

    .crafting-spaces {
        margin-bottom: 1rem;
    }

    .res-craft-grid img {
        width: 100%;
    }

    .res-craft-grid-1 img {
        width: 100%;
    }

    .homes-designed-category {
        font-size: 40px;
        line-height: 40px;
    }

    .homes-designed-txt {
        font-size: 26px;
    }

    .our-work-speaks-heading {
        font-size: 40px;
        line-height: 50px;
    }

    .our-work-speaks-txt {
        font-size: 18px;
    }

    .heading-of-details {
        font-size: 18px;
    }

    .txt-of-details {
        font-size: 14px;
        line-height: 20px;
        padding: 0px 10px 10PX;
    }

    .steps-card-wrapper {
        height: 480px;
    }

    .built-on-trust-txt {
        font-size: 20px;
        line-height: 30px;
    }

    .built-on-trust-author {
        font-size: 20px;
    }

    .lets-get-in-touch {
        font-size: 32px;
    }

    .overallbody {
        padding-top: 5rem;
    }

    .built-on-trust {
        height: 230px;
    }

    .built-on-trust-quote {
        right: -10%;
    }

    .blueprinting-img img {
        width: 100%;
    }

    .blueprinting-content {
        width: 60%;
    }

    .your-dream-home {
        font-size: 56px;
    }

    .view-button {
        padding: 13px 25px;
    }

    .glimpse-enquiry-now {
        padding: 10px 14px;
    }

    .your-dream-home-txt {
        font-size: 18px;
        line-height: 28px;
    }

    .projects-grswara {
        font-size: 48px;
    }
    .projects-townhouses {
        font-size: 32px;
    }
    .projects-buttons {
        padding: 0 0px;
        gap: 8px;
    }
    .view-a-glimpse-projects {
        padding: 9px 6px;
        font-size: 16px;
    }
    .enquiry-now-projects {
        padding: 9px 16px;
        font-size: 16px;
    }
    .projects-sprawling {
        font-size: 16px;
    }
    .blueprinting-img{
        width: 100%;
    }
    .build-with-honesty {
        margin-bottom: 50px;
    }
    .our-work-speaks-for-itself {
        height: 780px;
    }
}

@media (width:1280px) {
    .our-work-speaks-heading {
        font-size: 46px;
        margin-bottom: 0px;
    }

    .image-scroll-wrapper {
        height: 110vh;
    }

    .view-button {
        padding: 16px 40px;
    }

    .bannerFirstPart h1 span {
        font-size: 32px;
    }

    .bannerFirstPart h1 {
        font-size: 40px;
    }

    .res-craft-grid img {
        width: 100%;
    }

    .res-craft-grid-1 img {
        width: 100%;
    }

    .bannerFirstButton {
        font-size: 20px;
    }

    .bannerSecondButton {
        font-size: 20px;
    }
}

@media (min-width:1440px) and (max-width:1900px) {
    .blueprintsheading {
        font-size: 60px;
        line-height: 60px;
    }

    .blueprintstxt {
        font-size: 26px;
        line-height: 46px;
    }

    .our-philosophy {
        font-size: 28px;
        line-height: 46px;
    }

    .square-foot {
        font-size: 24px;
        line-height: 46px;
    }

    .blueprints-bottom-img {
        position: absolute;
        right: 0;
        bottom: 10%;
    }

    .our-work-speaks-for-itself {
        background-size: cover;
        height: 880px;
    }

    .our-work {
        justify-content: space-evenly;
        width: 100%;
    }

    .speak-for-itself {
        position: relative;
        bottom: 4%;
    }

    .built-on-trust {
        padding: 3rem 7rem 2rem 1rem;
        height: 310px;
    }
}

@media (min-width:1900px) {
    .ngbar {
        font-size: 36px;
    }

    .bannerFirstPart h1 {
        font-size: 64px;
        line-height: 68px;
    }

    .bannerFirstPart h1 span {
        font-size: 52px;
    }

    .bannerFirstPart p {
        font-size: 24px;
        line-height: 34px;
    }

    .bannerFirstButton {
        font-size: 24px;
    }

    .bannerSecondButton {
        padding: 7px 62px;
        font-size: 24px;
    }

    .our-work-speaks-for-itself {
        background-size: cover;
        justify-content: center;
    }

    .our-work {
        gap: 50px;
    }

    .our-work-speaks-for-itself {
        height: 980px;
    }

    .speak-for-itself {
        position: relative;
        bottom: 3%;
    }

    .built-on-trust {
        padding: 0rem 6rem 2rem 1rem;
        height: 310px;
    }

    .built-on-trust-quote {
        right: -3%;
    }

    .overallbody {
        padding-top: 8rem;
    }

    .input_search {
        width: 70%;
    }

    .right-box {
        width: 30%;
    }
    .image-scroll-wrapper {
        height: 90vh;
    }
    .txt-of-details {
        font-size: 16px;
        line-height: 26px;
    }
    .heading-of-details {
        font-size: 30px;
        letter-spacing: 0px;
        line-height: 34px;
    }
    .bottom1 {
        bottom: -50px;
    }
}

@media (min-width:2550px) {
    .firstsection {
        padding: 3rem 3rem;
    }

    .bannerFirstPart h1 {
        font-size: 74px;
        line-height: 78px;
    }

    .bannerFirstPart p {
        font-size: 34px;
        line-height: 44px;
    }

    .bannerFirstPart {
        padding: 2rem 4rem;
        gap: 10px;
    }

    .bannerFirstButton {
        font-size: 34px;
    }

    .bannerSecondButton {
        padding: 7px 72px;
        font-size: 34px;
        gap: 20px;
    }

    .our-work-speaks-for-itself {
        height: 1250px;
    }

    .our-work-speaks-heading {
        font-size: 66px;
    }

    .our-work-speaks-txt {
        font-size: 28px;
        line-height: 46px;
    }

    .grswara {
        font-size: 78px;
    }

    .elegance-measured-in-melodies {
        font-size: 30px;
        letter-spacing: 1.2px;
    }

    .townhouses {
        font-size: 54px;
    }

    .sprawling-homes {
        font-size: 30px;
        margin-bottom: 40px;
    }

    .crafting-spaces {
        font-size: 68px;
    }

    .people-trust-why-ranke-infra {
        font-size: 66px;
    }

    .trust-txt {
        font-size: 26px;
    }

    .form {
        padding-bottom: 1rem;
    }

    .built-on-trust-img {
        position: absolute;
        right: 0;
        top: 60%;
        width: 50%;
    }

    .form-footer-position {
        position: relative;
        top: 30rem;
    }

    .image-scroll-wrapper {
        height: 100vh;
    }

    .input_search {
        width: 50%;
    }

    .bannerFirstPart h1 span {
        font-size: 64px;
    }

    .txt-of-details {
        font-size: 22px;
        line-height: 32px;
    }

    .step-card {
        height: 440px;
    }
    .steps-card-wrapper {
        height: 550px;
    }
}

@media (width:320px) {
    .bannerSecondButton {
        font-size: 10px;
        padding: 4px 18px;
    }
    .copyright-vsnap {
        font-size: 11px;
    }

    .forward-otp-field input {
        width: 50px;
        height: 50px;
    }
    .bannerFirstButton {
        font-size: 10px;
    }

    .address {
        font-size: 14px;
    }

    .address1 {
        font-size: 14px;
    }

    .location-content {
        font-size: 20px;
    }

    .contact-img i {
        padding: 6px 10px;
    }

    .built-on-trust {
        padding: 1rem 2rem 4rem 1rem;
        position: relative;
        top: 10px;
    }

    .built-on-trust-quote-bottom {
        position: relative;
        top: -20px;
    }

    .built-on-trust-quote-bottom {
        position: relative;
        top: -30px;
    }

    .elegance-measured-in-melodies {
        font-size: 12px;
    }

    .sprawling-homes {
        font-size: 12px;
        margin-bottom: 20px;
    }

    .square-foot {
        font-size: 16px;
    }
    .popup-txt {
        padding: 0px 20px;
    }
    .verifybtn {
        width: 90%;
    }
    .address_contact {
        font-size: 14px;
    }
    .location-content_contact {
        font-size: 22px;
    }
    .residential-tab {
        font-size: 12px;
        padding: 5px 12px;
    }
    .bannerFirstPart h1 {
        font-size: 20px;
        line-height: 22px;
    }
    .bannerFirstPart h1 span {
        font-size: 14px;
    }
    .crafting-spaces {
        font-size: 22px;
        line-height: 32px;
    }
    .blueprintsheading {
        font-size: 24px;
        line-height: 30px;
    }
    .homes-designed-category {
        font-size: 22px;
    }
    .our-work-speaks-heading {
        font-size: 22px;
    }
    .townhouses {
        font-size: 18px;
    }
    .people-trust-why-ranke-infra {
        padding: 0 10PX;
    }
    .send-loc {
        font-size: 14px;
    }
    .enquiry-now-projects {
        font-size: 16px !important;
    }
}

@media (width:1440px) and (height:773px) {
    .image-scroll-wrapper {
        height: 105vh;
    }
}

@media (width:1366px) and (height:641px) {
    .image-scroll-wrapper {
        height: 125vh;
    }
}

@media (width:1512px) {
    .image-scroll-wrapper {
        height: 100vh;
    }
}

@media (min-width:384px) and (max-width:400px) {
    .built-on-trust-txt {
        padding: 0 20px;
    }
    .built-on-trust-author {
        padding: 0 20px;
    }
    .built-on-trust-quote {
        right: 4%;
    }
    .built-on-trust-quote-bottom {
        top: -40px;
    }
}
@media (min-width:410px) and (max-width:500px) {
    .built-on-trust {
        background-size: contain;
        padding: 2rem 3rem 4rem 2rem;
    }
    .built-on-trust-txt {
        padding: 0 20px;
    }
    .built-on-trust-quote-bottom {
        top: -20px;
        left: -160px;
    }
    .built-on-trust-quote {
        right: 5%;
        top: -1%;
    }
}
@media (width:434px) {
    .built-on-trust-txt {
        padding: 0px 30px;
    }
}
@media (width:480px) {
    .built-on-trust-txt {
        padding: 0 50px;
    }
    .built-on-trust-quote {
        right: 10%;
    }
}
@media (min-width:1000px) and (max-width:1366px) {
    .blueprintimg{
        width: 100%;
    }
    .blueprinting-content{
        width: 100%;
    }
    .blueprintsheading {
        font-size: 48px;
    }
    .res-craft-grid-1 img {
        height: 260px;
    }
    .homes-designed-category {
        font-size: 36px;
    }
    .homes-designed-txt {
        font-size: 20px;
    }
    .res-craft-grid img {
        height: 555px;
    }
    .our-work-speaks-heading {
        font-size: 42px;
    }
    .grswara {
        font-size: 50px;
    }
    .townhouses {
        font-size: 34px;
    }
    .sprawling-homes {
        font-size: 20px;
        margin-bottom: 20px;
    }
}