@media (min-width:1536px) {
    .ngbarafter {
        font-size: 22px;
        font-weight: 400;
    }

}

@media (min-width:1200px) {
    .projects-info:hover {
        height: 380px;
        width: 50%;
    }

}

@media (min-width:1164px) {
    .blogs-details-heading {
        font-size: 34px;
    }

    .blogs-details-txt {
        font-size: 20px;
    }

    /* sammy */
    .contact-btn .desktopViewHover {
        display: block;
        width: 17px;
    }

    .contact-btn .desktopViewHoverActive {
        display: none;
    }






    /* sammy End */
}

@media (min-width:1164px) and (max-width:1279px) {
    .blogs-details-heading {
        font-size: 34px;
    }

    .blogs-details-txt {
        font-size: 20px;
    }

    .propertiesImgDesktop {
        width: 380px;
    }

    .property-name {
        font-size: 46px;
    }

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

    .property-content {
        font-size: 16px;
        margin-bottom: 1rem;
    }

    .ravilla-property-type {
        font-size: 16px;
    }

    .property-enquiry-now {
        padding: 13px 22px;
        font-size: 18px;
    }

}

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

    .desktopViewHover {
        display: none;
    }

    .mobileview {
        display: block;
    }

    .background-banner {
        background-image: url('../images/banner-img-home-m.png');
        background-position: inherit;
        justify-content: flex-start;
        height: fit-content;
        border-bottom-right-radius: 25px;
        border-bottom-left-radius: 25px;
    }

    .ravilla-content {
        padding: 10px 30px 20px 30px;
        width: 100%;
    }

    .ravilla-heading {
        font-size: 22px;
        line-height: 30px;
        text-align: center;
    }

    .ravilla-txt {
        font-size: 12px;
        line-height: 22px;
        text-align: center;
    }

    .view-ou-projects {
        font-size: 14px;
        padding: 5px 8px;
    }

    .book-a-visit {
        padding: 5px 33px;
    }

    .ravilla-btns {
        display: flex;
        gap: 17px;
        align-items: center;
        justify-content: center;
    }

    .building-more-than-spaces-we-build-trust {
        flex-direction: column;
        gap: 0;
    }

    .building-more-than-spaces-heading {
        font-size: 24px;
        line-height: 30px;
        text-align: center;
        margin-bottom: 0;
    }

    .building-more-than-spaces-txt {
        font-size: 14px;
        line-height: 24px;
        text-align: center;
    }

    .why-homebuyers {
        flex-direction: column;
        align-items: flex-start;
        padding-top: 20px;
        gap: 10px;
        text-align: center;
    }

    .why-homebuyers-trust-ravilla-heading {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 0;
        font-weight: 700;
        text-align: left;
    }

    .why-homebuyers-trust-ravilla {
        padding: 9px 10px;
        width: 80%;
    }

    .experience-quality {
        font-size: 14px;
        line-height: 21px;
        padding: 0 10px;
    }

    .why-homebuyers-need-quality {
        border-left: none;
        height: 110px;
    }

    .craftedCommunitiesHeadingMobile {
        font-size: 20px !important;
    }

    .all-projects {
        flex-direction: column;
        padding-top: 0rem;
        gap: 20px;
    }

    .projects-count {
        font-size: 50px;
        line-height: 40px;
        margin-bottom: 10px;
    }

    .projects-status {
        font-size: 22px;
        line-height: 26px;
    }

    .projects-info {
        width: 200px;
        height: 200px;
    }

    .crafted-communities-heading {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .crafted-communities {
        padding-top: 2rem;
    }

    .crafted-communities-txt {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 20px;
        padding: 0 10px;
    }

    .arrowLogoMobile {
        margin-left: 5px;
    }

    .ravillaContainerForm {
        flex-direction: column;
        gap: 40px;
    }

    .form-ravilla {
        width: 100%;
    }

    .contact-ravilla {
        position: relative;
        width: 100%;
        border-radius: 10px;
        padding: 20px 20px;
    }

    .contact-us-heading {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .contact-us-txt {
        font-size: 12px;
    }

    .contact-ravilla::before {
        inset: -6px;
        border-radius: 10px;
    }

    .ravilla-address {
        font-size: 14px;
    }

    .ravilla-circle {
        font-size: 12px;
        line-height: 20px;
    }

    .ravilla-contact-info {
        gap: 12px;
    }

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

    .contact-btn {
        margin-top: 14px;
        font-size: 14px;
        padding: 11px 0;
    }

    .ravilla-form {
        height: fit-content;
        padding: 40px 0;
    }

    .footer-info {
        flex-direction: column;
        padding: 20px 0;
    }

    .footer-section {
        background-position: right;
        background-image: url('../images/footer-section-bgimg-m.png');
    }

    .copyright-vsnap {
        font-size: 10px;
        line-height: 14px;
    }

    .footer-txt {
        margin-top: 20px;
        margin-bottom: 26px;
    }

    .customer-content {
        font-size: 12px;
        line-height: 22px;
        padding: 0;
        margin-top: 10px;
    }

    .customer-name {
        font-size: 18px;
        text-align: left;
    }

    .customer-landmark {
        font-size: 12px;
        margin-bottom: 0;
    }

    .quote-content {
        padding-top: 0rem;
        padding-bottom: 2rem;
        flex-direction: column;
    }

    .crafted-communities-img {
        padding-top: 0rem;
        flex-direction: column;
    }

    .crafted-communities-swiper {
        padding: 10px;
    }

    .landmark-name {
        font-size: 24px;
        line-height: 30px;
    }

    .property-hr {
        margin: 5px 0;
    }

    .landmark-info {
        font-size: 12px;
        line-height: 20px;
    }

    .landmark-content {
        width: 100%;
        position: relative;
        right: 0;
        bottom: 30px;
    }

    .type-bhk-sqft {
        font-size: 12px;
    }

    .landmark-info {
        margin-bottom: 5px;
    }

    .view-landmark-btn {
        margin-top: 20px;
    }

    .view-landmark-btn {
        height: auto;
        padding: 8px 40px;
        font-size: 14px;
    }

    .project-info {
        gap: 10px;
    }

    .view-landmark-btn::before {
        padding: 2px;
    }

    .our-customer {
        padding-top: 0rem;
    }

    .about-us-bgimg {
        height: 150px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .about-us-bgimg-h1 {
        font-size: 30px;
        background: linear-gradient(180deg, #FFD589 0%, #FFD670 145.28%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        line-height: 34px;
        padding: 0;
    }

    .ravilla-luxury-homes {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 21px;
        gap: 24px;
        flex-direction: column;
    }

    .luxury-home-img {
        width: 100%;
    }

    .luxury-homes-heading {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: 0px;
        text-align: center;
        margin-bottom: 8px;
    }

    .luxury-homes-txt {
        font-size: 14px;
        line-height: 24px;
        text-align: center;
    }

    .total-exp {
        padding-top: 2rem;
    }

    .aboutus-count {
        font-size: 28px;
    }

    .aboutus-count span {
        font-size: 28px;
    }

    .aboutus-content {
        font-size: 10px;
    }

    .award-exp {
        padding: 15px 0;
        height: fit-content;
        background-position: center;
        width: 95%;
    }

    .we-build-trust {
        bottom: 0;
        flex-direction: column-reverse !important;
        padding-bottom: 0rem;
    }

    .your-home-is-waiting {
        padding: 1rem 10px;
        background-image: url(../images/your-home-is-waiting-m.png);
        padding-bottom: 0;
        height: fit-content;
    }

    .your-home-is-waiting-for-you {
        flex-direction: column;
        padding: 0;
        border: none;
        background: none;
        gap: 20px;
    }

    .your-home-is-waiting-for-you-img img {
        width: 100%;
    }

    .your-home-is-waiting-heading {
        font-size: 24px;
        line-height: 30px;
        text-align: center;
        margin-bottom: 10px;
    }

    .your-home-is-waiting-txt {
        font-size: 14px;
        line-height: 24px;
        text-align: center;
        font-weight: 400;
    }

    .view-our-btn-aboutus {
        padding: 5px 14px;
        font-size: 12px;
        margin-top: 10px;
        line-height: 1;
    }

    .extrodinary-something {
        background-position: center;
        padding: 1rem 0;
    }

    .lets-build {
        font-size: 16px;
        line-height: 26px;
        -webkit-text-stroke: 0.1px #FFD08F;
    }

    .aboust-lets-building-something {
        height: 230px;
    }

    .testimonial-swiper {
        width: 100%;
    }

    .our-properties-bgimg {
        height: 150px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .find-your-space-heading {
        font-size: 24px;
        letter-spacing: 0;
        line-height: 30px;
    }

    .find-your-space-txt {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 24px;
    }

    .ravilla-properties {
        flex-direction: column;
        padding: 27px 0;
        border-top-left-radius: 10px;
        border-top-right-radius: 40px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        gap: 10px;
    }

    .properties-img {
        width: 100%;
    }

    .property-name {
        font-size: 24px;
        line-height: 1;
        text-align: center;
        margin-bottom: 3px;
        letter-spacing: 0;
    }

    .properties-location {
        font-size: 12px;
        text-align: center;
        margin-bottom: 6px;
        justify-content: center;
        gap: 4px;
    }

    .property-content {
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        padding: 0 10px;
        margin-bottom: 1rem;
    }

    .property-cotent-estate {
        width: 100%;
    }

    .ravilla-property-btn {
        margin-top: 15px;
        gap: 20px;
        justify-content: center;
        padding-left: 0px;
        position: relative;
        z-index: 9;
    }

    .property-enquiry-now {
        padding: 0px 19px;
        font-size: 14px;
    }

    .property-view-property {
        padding: 0px 17px;
    }

    .ravilla-row {
        grid-template-columns: repeat(1, 1fr);
    }

    .pillsadj {
        margin: 2rem 0;
    }

    .properties-status-name {
        font-size: 20px;
    }

    .properties-status-location {
        font-size: 12px;
        margin-bottom: 0px;
    }

    .ravilla-properties-imgs {
        width: 90%;
    }

    .ravilla-properties-imgs img {
        width: 100%;
    }

    .ongoing-btn {
        font-size: 14px;
        padding: 4px 18px;
    }

    .ongoing-upcoming-project-btns {
        width: 100%;
        padding: 8px 0;
    }

    .ravilla-properties-card hr {
        margin: 12px 0;
    }

    .ravilla-estate-first {
        padding-bottom: 0rem;
        padding-top: 0rem !important;

    }

    .ravilla-property-type {
        font-size: 10px;
    }

    .property-detials {
        gap: 15px;
    }

    .properties-info-info {
        padding: 4px 0px 15px;
        gap: 20px;
    }

    .properties-status-type {
        font-size: 12px;
    }

    .each-property-btn {
        padding: 7px 17px;
        font-size: 14px;
        line-height: 1;
        gap: 6px;
    }

    .enq-each-btn {
        padding: 8px 20px;
        font-size: 14px;
        line-height: 1;
        gap: 6px;
    }

    .enq-each-btn::before {
        padding: 1px;
    }

    .each-btn {
        gap: 10px;
    }

    .our-blogs-bgimg {
        height: 150px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .ravilla-blogs-row {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }

    .ravilla-blogs-card::before {
        /* content: ""; */
        position: absolute;
        inset: 0;
        border-radius: 14px;
        padding: 1px;
    }

    .blogs-title {
        font-size: 16px;
        letter-spacing: 1px;
        line-height: 22px;
        text-align: left;
        margin-bottom: 3px;
        background: linear-gradient(180deg, #5E3906 0%, #976115 100%);
        font-weight: 400;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-top: 0px;

    }

    .blogs-date {
        font-size: 12px;
    }

    .date-category {
        justify-content: center;
        margin-bottom: 12px;
    }

    .ravilla-blogs-card.is-active {
        background: linear-gradient(180deg, #5E3906 0%, #976115 100%);
        box-shadow: 0px 0px 4px #5E3906;
    }

    .ravilla-blogs-card.is-active .blogs-title {
        -webkit-text-fill-color: #FFFFFF;
    }

    .ravilla-blogs-card.is-active .blogs-bottom-img.before {
        display: none;
    }

    .ravilla-blogs-card.is-active .blogs-bottom-img.after {
        display: block;
    }

    .ravilla-blogs-card.is-active .blogs-date {
        background: linear-gradient(180deg, #5E3906 0%, #976115 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .ravilla-blogs-card.is-active .blogs-readmore-btn span {
        -webkit-text-fill-color: #8E5600;
    }

    .ravilla-blogs-card.is-active .blogs-readmore-btn {
        border: 2px solid #A38A67;
    }

    .blogs-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 14px 10px;
    }

    .blogs-readmore-btn {
        font-size: 12px;
        width: 50%;
        gap: 6px;
        background: #FFFFFF;
        border: 2px solid #A38A67;
    }

    .blogs-readmore-btn span {
        color: #8E5600;

    }

    .ravilla-blogs-card.is-active .blogs-date-category img:nth-child(1) {
        display: none;
        width: 10px;
    }

    .ravilla-blogs-card.is-active .blogs-date-category img:nth-child(2) {
        display: block;
        width: 10px;
    }

    .blogs-date-category {
        border-radius: 600px;
        padding: 0px 9px;
        border: 1px solid #5E3906;
    }

    .blogs-bottom-img {
        width: 90px;
    }

    .blogsinsights {
        flex-wrap: nowrap;
    }

    .rankeinsights.active img {
        border: 4px solid #F2CB7A;
    }

    .rankeinsights img {
        border: 4px solid transparent;
    }

    .rankeinsights span {
        font-size: 16px;
    }

    .blogs-details-heading {
        font-size: 16px;
        margin-bottom: 0;
    }

    .blogs-details-txt {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .blogdetails-img {
        margin: 1rem 0;
    }

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

    .details-heading {
        font-size: 30px;
        line-height: 40px;
        padding: 0px 0px 0;
    }

    .details-hr {
        margin: 0px 0 10px;
        width: 80%;
        top: -2px;
        position: relative;
    }

    .details-date-category p {
        font-size: 10px;
    }

    .details-date-category {
        padding: 4px 4px;
        gap: 4px;
    }

    .recent-blogs {
        font-size: 15px;
        line-height: 1.3;
        letter-spacing: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        margin-bottom: 20px;
    }

    .our-contact-bgimg {
        height: 150px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .get-in-touch-heading {
        font-size: 24px;
        margin-top: 0rem;
    }

    .get-in-touch-txt {
        font-size: 13px;
        line-height: 24px;
    }

    .ready-to-start {
        font-size: 16px;
    }

    .ravilla-estate-contactus {
        flex-direction: column;
    }

    .drop-us-a-line {
        width: 100%;
    }

    .contact-information {
        width: 100%;
        height: fit-content;
        border-radius: unset;
        padding: 1rem 1rem;
    }

    .contact-form-conatct {
        margin: 0px 10px 15px;
    }

    .contactus-btn {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .labelwithfield label {
        font-size: 12px;
    }

    .labelwithfield {
        gap: 5px;
    }

    .labelwithfield::placeholder {
        font-size: 10px;
    }

    .enquiryforms-conatct input {
        border-radius: 2px;
        border-width: 1px;
        padding: 4px 10px;
        font-size: 10px;
    }

    .enquiryforms-conatct input ::placeholder {
        font-size: 50px;
    }

    .enquiryforms-conatct {
        gap: 15px;
    }

    .submit-btn-contact {
        padding: 7px 22px;
        font-size: 14px;
        line-height: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .contact-information-txt {
        font-size: 22px;
        margin-bottom: 10px;
        text-align: left;
    }

    .location-info {
        font-size: 12px;
        line-height: 24px;
    }

    .contact-address-info img {
        width: 15px;
    }

    .address {
        gap: 10px;
    }

    .follow-us {
        font-size: 12px;
        margin-bottom: 0;
    }

    .contact-social-links img {
        width: 20px;
        border-radius: 2px;
    }

    .mobileadj {
        padding: 0 10px 20px;
        width: 100%;
    }

    .contact-right-img {
        right: 10px;
        bottom: 20px;
    }

    .contact-social-links {
        gap: 20px;
        margin-top: 10px;
    }

    .ravilla-map {
        margin: 1rem 0 2rem;
    }

    .contact-map {
        width: 100%;
        height: 150px;
    }

    .fixed-top {
        padding: 0 24px;
        background: #f8f8f5;
    }

    .ravilla-estate {
        padding: 25px 0;
    }

    .sliding-navbar {
        position: fixed;
        /*top: -100%;*/
        top: -10000px;
        left: 0;
        width: 100%;
        height: 100vh;
        background: url('../images/sliding-navbar.png');
        transition: top 0.4s ease;
        z-index: 1000;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    /* when menu is open */
    .sliding-navbar.active {
        top: 0;
    }

    .nav-overlay {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.4);
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
        z-index: 999;
    }

    .nav-overlay.active {
        opacity: 1;
        visibility: visible;
    }

    .mobile-nav-list {
        list-style: none;
        padding: 30px 20px;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .mobile-nav-list li a {
        font-size: 18px;
        color: #001640;
        text-decoration: none;
        font-weight: 500;
    }

    .nav-header-container {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding: 10px;
    }

    .nav-gap {
        gap: 20px;
        border-radius: 6px;
        padding: 30px 0;
        width: 100%;
    }

    .offcanvas-body {
        background: #FFFFFF;
        margin: 0 30px;
        border-radius: 6px;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
    }

    .ngbar {
        padding: 0;
        background: linear-gradient(180deg, #001640 0%, #002A7B 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        font-family: 'Plus Jakarta Sans';
    }

    .mobile-nav-links {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 15px;
        padding-bottom: 15px;
    }

    .nav-social-links {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 16px;
    }

    .projects-info {
        transition: all 0.4s ease;
        transform: translateY(0);
    }

    .projects-info:hover,
    .projects-info.active {
        transform: translateY(-10px);
        background-image: url(../images/projects-info-bgimg-hover.png);
    }

    .projects-info.active p {
        background: linear-gradient(180deg, #EEAA4B 0%, #E2B87E 145.28%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .enquiryforms input {
        padding-top: 26px;
        font-size: 14px;
    }

    .view-ou-projects:hover {
        color: #FFD57D;
    }

    .rightquote-name {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .submit-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 6px;
        padding: 6px;
        font-size: 14px !important;
        line-height: 6px;
        font-family: Jost;
        font-weight: 400;
        letter-spacing: 0%;
    }

    .find-blogs {
        padding-left: 0;
        padding-right: 0;
    }

    .all-blogs-find {
        padding: 0 1rem;
    }

    .house-icon {
        width: 20%;
    }

    .property-gap-width {
        padding: 0px;
    }

    .contact-info {
        gap: 30px;
    }

    .property-enquiry-now img {
        width: 12px;
    }

    .ravilla-card {
        border: 1px solid transparent;
    }

    .properties-status-amount {
        font-size: 30px;
    }

    .each-property-btn img {
        width: 15px;
    }

    .enq-each-btn img {
        width: 15px;
    }

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

    .blogs-txt {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* number of lines */
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .ravilla-blogs-card {
        background: #FFFFFF;
    }

    .rankeinsights {
        padding: 10px 2px;
    }

    .blogs-readmore-btn img {
        width: 8px;
    }

    .enquiryforms-conatct textarea {
        border-radius: 2px;
        border-width: 1px;
        padding: 4px 10px;
        font-size: 10px;
    }

    .menu-links-estate {
        display: flex;
        height: 80%;
    }

    .thanklyou-txt {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .thankyou-context {
        font-size: 12px;
        line-height: 22px;
    }

    .popup-box {
        width: 90%;
        border-radius: 6px;
    }

    .enquiry-now-popupform {
        font-size: 30px;
    }

    #popupForm {
        padding: 14px;
    }

    .popup-submit-btn {
        font-size: 14px;
        margin-top: 15px;
        padding: 3px 10px;
    }

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

    .enq-popup {
        justify-content: flex-start;
        padding-left: 14px;
    }

    .properties-details-heading {
        padding-top: 3rem !important;
    }

    .properties-both-col {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 30px;
        padding-bottom: 20px;
    }

    .h_border {
        min-height: 100%;
        background-size: cover;
    }

    .banner-title-property {
        font-size: 40px;
        font-family: 'Butler';
        font-weight: 500;
        letter-spacing: 0px;
        text-align: center;
        background: linear-gradient(180deg, #001640 0%, #002A7B 100%);
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-align: center;
    }

    .banner-logo {
        margin-bottom: 0px;
    }

    .banner-location {
        font-size: 14px;
        margin-top: 10px;
    }

    .welcome-section {
        padding: 20px 0px;
    }

    .details-txt {
        font-size: 14px;
        line-height: 26px;
    }

    .details-enquiry-now p {
        font-size: 14px;
    }

    .details-enquiry-now {
        padding: 0px 19px;
        border-width: 1px;
    }

    .property-avana-img-m img {
        margin-top: 22px;
        width: 100%;
    }

    .ameneties {
        padding: 23px 0;
    }

    .floorplan-sqft {
        font-size: 44px;
    }

    .floorplan-direction {
        font-size: 22px;
    }

    .details-enqyiry-btn button {
        font-size: 20px;
    }

    .details-enqyiry-btn {
        padding: 7px 11px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .whats-nearby {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        padding-top: 2rem;
        gap: 10px;
        flex-direction: column;
    }

    .forlocationbutton span {
        font-size: 22px;
    }

    .location-academy p {
        font-size: 14px;
        line-height: 42px;
    }

    .location-academy-txt {
        gap: 0px;
    }

    .propertiesloc {
        border-radius: 20px;
        width: 350px;
        height: 200px;
    }

    .properties-contact-us {
        flex-direction: column-reverse;
    }

    .contact-form-details-info {
        width: 100%;
        position: relative;
    }

    .labelwithfield-details label {
        font-size: 12px;
        margin-bottom: 4px;
    }

    .labelwithfield-details input {
        font-size: 10px;
    }

    .labelwithfield-details textarea {
        font-size: 10px;
    }

    .contactus-btn-details button {
        padding: 8px 30px;
    }

    .properties-details-banner-img {
        width: 100%;
    }

    .properties-details-banner-img img {
        width: 100%;
        border-bottom-left-radius: 40px;
        border-bottom-right-radius: 40px;
    }

    .details-banner-secondcontnet {
        margin-top: 20px;
        margin-bottom: 3px;
    }

    .each-floorplan {
        padding-top: 1rem;
        padding-bottom: 20px;
        margin: 0px 6px;
    }

    .enquiryforms-conatct-details {
        padding: 0 14px;
    }

    .properties-contact-us {
        background-image: url('../images/properties-imgs/contact-bg-mobile.svg');
        background-repeat: no-repeat;
        background-position: left;
        background-size: cover;
        border-radius: 6px;
        box-shadow: 0px 1px 4px 0px rgba(94, 57, 6, 1);
    }

    .follow-us {
        text-align: center;
    }

    .contact-social-links {
        justify-content: center;
    }

    .contact_side_image {
        display: flex;
        position: absolute;
        top: 0px;
    }

    .contact-form-properties {
        margin-top: 36px;
    }

    .lifeGallerySwiper {
        padding: 20px 0 20px;
    }

    .floorplan-card {
        width: 100%;
    }

    .floorplan_image {
        width: 100%;
    }

    .contact_padd {
        padding-left: 0px;
    }

    .mobile_collage_logo {
        width: 20px;
        height: 20px;
    }

    .gallerysecbg {
        padding: 20px 0px;
    }

    .welcome-section-bg-mobile {
        padding: 20px 0px;
    }

    .contact-form-details-info {
        padding: 20px 0px;
    }

    /* .mobile_equiry_arrow{
        width: 10px;
        height: 10px;
    } */

    .projects-info:hover,
    .projects-info.active {
        transform: none;
    }

    /* sam */
    .enquiryforms-conatct input::placeholder {
        font-size: 10px;
    }

    .swiper-button-prev {
        display: none !important;
    }

    .swiper-button-next {
        display: none !important;
    }

    .swiper-button-next.swiper-button-disabled,
    .swiper-button-prev.swiper-button-disable {
        opacity: 0 !important;
        display: none !important;
    }

    .propertyDetailsPlan {
        padding: 6px 22px;
        gap: 27px;
    }

    .propertyDimensionPlan.active p {
        font-family: Butler;
        font-weight: 500;
        font-style: Medium;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: 0px;
        text-align: center;
        vertical-align: middle;
        background: linear-gradient(180deg, #FFD589 0%, #FFD670 145.28%);
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent;
        padding: 0;
    }

    .propertyDimensionPlan p {
        font-family: Butler;
        font-weight: 500;
        font-style: Medium;
        font-size: 18px;
        leading-trim: CAP_HEIGHT;
        line-height: 18px;
        letter-spacing: 0px;
        text-align: center;
        vertical-align: middle;
        background: linear-gradient(180deg, #001640 0%, #002A7B 100%);
        padding: 0;
    }

    .floorAndMasterPlansImg {
        width: 100%;
        height: 300px;
    }

    .ravilla-luxury-homes-img {
        width: 100%;
    }

    .aboutUsIdentity {
        font-size: 24px;
        padding: 0px 3px 0px;
        line-height: 31px;
    }

    .aboutUsIdentityImgContainer {
        display: block;
    }

    .bodName {
        font-size: 32px;
        margin: 0;
    }

    .bodTitel {
        font-size: 18px;
        margin: 0;
    }

    .bodDiscription {
        font-size: 12px;
        line-height: 20px;
    }

    .bodContent {
        width: 100%;
        height: auto;
        padding: 5px 18px 1px;
        margin-bottom: 25px;
    }

    .your-home-is-waiting .swiper-pagination-bullet-active,
    .your-home-is-waiting .swiper-pagination-bullet {
        width: 16px;
        height: 16px;
    }

    .ravilla-properties-ongoing {
        display: block;
    }

    .propertyCommingSoon {
        font-size: 36px;
    }

    .propertyCommingSoon {
        padding: 0;
        width: auto;
        line-height: normal;
        justify-self: center;
    }

    .ravilla-properties-ongoing {
        flex-direction: column;
        padding: 27px 0 16px;
        border-top-left-radius: 10px;
        border-top-right-radius: 40px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        gap: 10px;
    }

    .ravilaUpcommingProjectImg img {
        width: 87vw !important;
        ;
        padding: 0 10px;
        height: 277px !important;
        opacity: 1;
    }

    .ravillaPropertiesOngoingBottomFlr {
        width: 65px;
    }

    .propertiesCommingImgMobile {
        border-top-left-radius: 10px;
        border-top-right-radius: 40px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        box-shadow: 0px 0px 4px 0px #00000040;
        margin-bottom: 50px;
        height: 450px;
    }

    .details-date-category img {
        width: 10px;
    }

    .details-date {
        font-size: 10px;
    }

    .aboutusbgSmall {
        margin: 0px !important;
        font-size: 22px;
    }

    .amenitiesHeading {
        font-size: 29px;
        padding: 45px 0 0px;
        line-height: normal;
    }

    .amenitiesHeading::after {
        height: 1px;
        bottom: -10px;
    }

    .rightFlower,
    .leftFlower {
        width: 75px;
    }

    .amenitiesImg {
        width: 40px;
        height: 40px;
    }

    .amenitiesName {
        font-size: 14px;
        line-height: 20px;
    }

    .floorplan-card img {
        width: inherit;
        border-radius: 20px;
        padding-top: 0px;
    }

    .propertyDimensionPlan p,
    .propertyDimensionPlan.active p {
        font-size: 12px;
    }

    .propertyNearbyPlan {
        margin-bottom: 19px;
        padding: 9px 7px;
        gap: 0;
    }

    .whatsNearby {
        padding: 0 1rem;
    }

    .PradeepRMPicFounder {
        width: 100%;
    }

    .ravillaContainerMain {
        margin-top: -6px;
    }

    .iframeRavilla {
        width: 100%;
        height: 200px;
    }

    .floorPlanImages {
        height: 186px;
    }

    .floorplanSqft {
        font-size: 30px;
    }

    .floorplanDirection {
        font-size: 22px;
    }

    .masterPlanImgDiv {
        width: 86%;
        opacity: 1;
        border-radius: 6px;
        border-width: 1px;
        border: 1px solid #5E3906;
    }

    .masterPlanImg {
        padding: 15px 11px 10px;
    }

    .all-ravilla-properties {
        display: block;
        place-items: center;
    }

    .all-ravilla-properties {
        margin-bottom: 30px;
    }

    .amenitiesImgDiv {
        padding-left: 5px;
    }

    .amenitiesImgDiv div {
        margin-bottom: 35px;
    }


}








@media (min-width:901px) {
    .mobileview {
        display: none;
    }

    .desktopview {
        display: block;
    }

    .enquiry-btn:hover {
        background: #EFCA7B;
        color: #001640;
    }

    .ravilla-blogs-card:hover {
        background: linear-gradient(180deg, #B08D57 0%, #C6A667 100%);
    }

    .ravilla-blogs-card:hover .blogs-title {
        -webkit-text-fill-color: #FFFFFF;
    }

    .ravilla-blogs-card:hover .blogs-txt {
        color: #FEFEFE;
    }

    .ravilla-blogs-card:hover .blogs-date {
        background: linear-gradient(180deg, #5E3906 0%, #976115 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .ravilla-blogs-card:hover .blogs-readmore-btn span {
        -webkit-text-fill-color: #8E5600;
    }

    .ravilla-blogs-card:hover .blogs-readmore-btn {
        border: 1px solid #E2B87E;
        background: #FEFEFE;
    }

    .ravilla-blogs-card:hover .blogs-date-category img:nth-child(1) {
        display: none;
    }

    .ravilla-blogs-card:hover .blogs-date-category img:nth-child(2) {
        display: block;
    }

    .ravilla-blogs-card:hover .blogs-bottom-img.before {
        display: none;
    }

    .ravilla-blogs-card:hover .blogs-bottom-img.after {
        display: block;
    }

    .view-landmark-btn:hover {
        background: linear-gradient(180deg, #001640 0%, #002A7B 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .view-ou-projects:hover {
        background: linear-gradient(180deg, #B08D57 0%, #C6A667 100%);
        border: 1px solid;
        color: #FFFFFF;
    }

    /* //////////////////////////////////// */
    /* sammy */

    /* .submit-btn:hover {
        color: #042158 !important;
    } */



    .contact-btn:hover {
        background: linear-gradient(180deg, #5E3906 0%, #976115 100%);
        border: 1px solid #E2B87E;
    }

    .contact-btn:hover .submit-btn {
        /* color: #042158 !important; */
        background: linear-gradient(180deg, #FFD589 0%, #FFD670 145.28%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }


    .contact-btn:hover .desktopViewHover {
        display: none;
    }

    .contact-btn:hover .desktopViewHoverActive {
        display: block;
    }



    /* sammy end*/

    /* //////////////////////////////// */

    .view-our-btn-aboutus:hover {
        background: #FDFDFD;
        color: #001640 !important;
        border: 1px solid #001640;
    }

    /* default state */
    .ravilla-blogs-card .icon-normal {
        display: inline-block;
    }

    .ravilla-blogs-card .icon-hover {
        display: none;
    }

    /* hover state */
    .ravilla-blogs-card:hover .icon-normal {
        display: none;
    }

    .ravilla-blogs-card:hover .icon-hover {
        display: inline-block;
    }

    .submit-btn-contact:hover {
        color: #001640;
        background: #EFCA7B;
    }

    .submit-btn-contact .submit-arrow-normal {
        display: inline-block;
    }

    .submit-btn-contact .submit-arrow-hover {
        display: none;
    }

    /* hover state */
    .submit-btn-contact:hover .submit-arrow-normal {
        display: none;
    }

    .submit-btn-contact:hover .submit-arrow-hover {
        display: inline-block;
    }

    .popup-submit-btn .submit-arrow-normal {
        display: inline-block;
    }

    .popup-submit-btn .submit-arrow-hover {
        display: none;
    }

    /* hover state */
    .popup-submit-btn:hover .submit-arrow-normal {
        display: none;
    }

    .popup-submit-btn:hover .submit-arrow-hover {
        display: inline-block;
    }

    .popup-submit-btn:hover {
        color: #001640;
        background: #EFCA7B;
    }

    .each-property-btn:hover {
        background: linear-gradient(180deg, #FFD589 0%, #FFD670 145.28%);
    }

    /* Text glow on hover */
    .each-property-btn:hover span {
        -webkit-text-fill-color: #001640;
    }

    .enq-each-btn:hover {
        background: #5E3906;
    }

    .enq-each-btn:hover span {
        -webkit-text-fill-color: #FFD589;
    }

    .each-property-btn,
    .enq-each-btn {
        display: inline-flex;
        gap: 8px;
    }

    /* Default state */
    .icon-hover {
        display: none;
    }

    .icon-default {
        display: inline-block;
    }

    /* Hover state */
    .each-property-btn:hover .icon-default,
    .enq-each-btn:hover .icon-default {
        display: none;
    }

    .each-property-btn:hover .icon-hover,
    .enq-each-btn:hover .icon-hover {
        display: inline-block;
    }

    .property-enquiry-now:hover .icon-default,
    .property-view-property:hover .icon-default {
        display: none;
    }

    .property-enquiry-now:hover .icon-hover,
    .property-view-property:hover .icon-hover {
        display: inline-block;
    }

    .property-enquiry-now:hover {
        background: linear-gradient(180deg, #001640 0%, #002A7B 100%);
        color: #FFD589;
    }

    .property-view-property:hover {
        color: #001640 !important;
        background: #FFD589;
    }

    .ravilla-txt {
        margin-bottom: 40px;
    }

    .properties-details-banner-img img {
        width: 100%;
    }
}

@media (max-width:320px) {

    .ravilla-content {
        padding: 10px 20px 20px 20px;
    }

    .view-ou-projects {
        padding: 5px 8px;
    }

    .book-a-visit {
        padding: 5px 26px;
    }

    .why-homebuyers-trust-ravilla {
        width: 90%;
    }

    .property-enquiry-now {
        font-size: 12px;
    }

    .ongoing-btn {
        padding: 4px 8px;
    }

    .each-property-btn {
        font-size: 10px;
    }

    .enq-each-btn {
        font-size: 10px;
    }

    .your-home-is-waiting-heading {
        font-size: 18px;

    }

    .your-home-is-waiting-txt {
        font-size: 12px;
    }
}

@media (min-width:1000px) and (max-width:1200px) {
    .nav-gap {
        gap: 20px;
    }

    .ngbarafter {
        font-size: 14px;
    }

    .ravilla-heading {
        font-size: 46px;
        line-height: 53px;
    }

    .enquiryforms input {
        font-size: 22px;
    }

    .why-homebuyers-trust-ravilla-heading {
        font-size: 50px;
        line-height: 60px;
        text-align: left;
    }

    .projects-status {
        font-size: 30px;
    }

    .projects-info {
        height: 360px;
    }

    .projects-info:hover {
        height: 360px;
    }

    .crafted-communities {
        padding-top: 4rem;
    }

    .landmark-name {
        font-size: 36px;
    }

    .landmark-info {
        font-size: 16px;
        line-height: 26px;
    }

    .ravillaContainerForm {
        gap: 60px;
    }

    .footer-info {
        justify-content: space-evenly;
    }

    .after-scroll-nav {
        gap: 10px;
    }

    .luxury-homes-heading {
        font-size: 50px;
        line-height: 62px;
    }

    .luxury-homes-txt {
        margin-top: 12px;
    }

    .your-home-is-waiting-heading {
        font-size: 46px;
        line-height: 56px;
    }

    .your-home-is-waiting-txt {
        font-weight: 200;
    }

    .lets-build {
        font-size: 55px;
        line-height: 58px;
    }

    .ravilla-blogs-row {
        gap: 30px;
    }

    .contact-ravillazz {
        padding: 0 5rem;
    }

    .ravilla-estate-properties-container {
        max-width: 1110px;
    }

    .ongoing-btn {
        padding: 14px 70px;
    }

    .ongoing-upcoming-project-btns {
        padding: 10px 0;
        width: 100%;
    }

    .each-property-btn {
        padding: 9px 20px;
    }

    .enq-each-btn {
        padding: 9px 24px;
    }

    .blogs-readmore-btn {
        width: 45%;
    }

    .rankeinsights img {
        width: 200px;
    }
}

@media (width:1280px) {
    .why-homebuyers-trust-ravilla-heading {
        font-size: 50px;
        line-height: 70px;
        text-align: left;
    }

    .ravillaContainerForm {
        gap: 60px;
    }

    .ravilla-blogs-row {
        gap: 40px;
        padding: 0 60px;
    }

    .blogsinsights {
        justify-content: space-evenly;
    }

    .contact-ravillazz {
        padding: 0 5rem;
    }

    .ongoing-upcoming-project-btns {
        justify-content: center;
    }

    .blogs-readmore-btn {
        width: 45%;
    }
}

@media (min-width:1900px) {
    .building-more-than-spaces-heading {
        font-size: 70px;
        line-height: 90px;
    }

    .building-more-than-spaces-txt {
        font-size: 26px;
        line-height: 44px;
    }

    .why-homebuyers-trust-ravilla-heading {
        font-size: 70px;
        line-height: 90px;
        text-align: left;
    }

    .experience-quality {
        font-size: 32px;
        line-height: 44px;
    }

    .projects-status {
        font-size: 38px;
        line-height: 44px;
    }

    .crafted-communities-heading {
        font-size: 70px;
    }

    .crafted-communities-txt {
        font-size: 30px;
    }

    .landmark-content {
        width: 530px;
    }

    .landmark-name {
        font-size: 56px;
        line-height: 60px;
    }

    .landmark-loc {
        font-size: 28px;
    }

    .landmark-info {
        font-size: 20px !important;
    }

    .type-bhk-sqft span {
        font-size: 16px;
    }

    .type-bhk-sqft {
        font-size: 22px;
    }

    .view-landmark-btn {
        height: 60px;
        font-size: 26px;
    }

    .after-scroll-nav {
        padding: 18px 30px;
    }

    .ngbarafter {
        font-size: 22px;
    }

    .enquiry-btn {
        font-size: 26px;
    }

    .background-banner {
        height: 930px;
    }

    .ravilla-heading {
        font-size: 76px;
        line-height: 96px;
    }

    .ravilla-txt {
        font-size: 34px;
        line-height: 50px;
    }

    .view-ou-projects {
        font-size: 32px;
    }

    .book-a-visit {
        padding: 11px 78px;
    }

    .ngbar {
        font-size: 26px;
    }

    .crafted-communities {
        padding-top: 4rem;
    }

    .find-your-space-heading {
        font-size: 70px;
    }

    .blogs-date {
        font-size: 14px;
    }

    .blogs-title {
        font-size: 30px;
        line-height: 40px;
    }

    .blogs-txt {
        font-size: 16px;
        line-height: 26.64px;
    }

    .h_border {
        min-height: 760px;
    }

    .banner-title {
        font-size: 96px;
    }

    .price-badge {
        font-size: 72px;
    }

    .banner-location {
        font-size: 42px;
    }
}

@media (width:1440px) {
    .swiper-aboutus-right {
        left: 56px;
    }

    .swiper-aboutus-left {
        right: 56px;
    }
}






@media (min-width: 712px) and (max-width: 1200px) and (orientation: landscape) {

    /* .projects-info:hover{
        height: 300px;
    } */
    .we-build-trust {
        flex-direction: column-reverse !important;
    }

    .your-home-is-waiting-heading {
        font-size: 40px;
    }

    .ravilla-luxury-homes {
        flex-direction: column;
    }

    .recent-blogs {
        font-size: 44px;
        line-height: 54px;
    }

    .luxury-homes-heading {
        text-align: center;
    }

    .your-home-is-waiting-heading {
        font-size: 40px !important;
    }

}


@media (min-width: 712px) and (max-width: 1200px) and (orientation: portrait) {

    /* .projects-info:hover{
        height: 300px;
    } */
    .we-build-trust {
        flex-direction: column-reverse !important;
    }

    .your-home-is-waiting-heading {
        font-size: 40px;
    }

    .ravilla-luxury-homes {
        flex-direction: column;
    }

    .recent-blogs {
        font-size: 44px;
        line-height: 54px;
    }

    .luxury-homes-heading {
        text-align: center;
    }

    .your-home-is-waiting-heading {
        font-size: 40px !important;
    }

    .h_border {
        min-height: 450px !important;
    }

    .banner-title-property {
        font-size: 85px;
    }

    .banner-logo {
        width: 146px;
    }

    .price-badge {
        font-size: 52px;
    }

    .banner-location {
        font-size: 32px;
    }

    .details-heading {
        font-size: 42px !important;
        line-height: 50px;
    }

    .details-txt {
        font-size: 24px;
    }

    .details-enquiry-now p {
        font-size: 24px;
    }

    .property-avana-img-m {
        width: 600px;
    }

    .floorplan-sqft {
        font-size: 56px;
        margin-bottom: -6px;
    }

    .floorplan-direction {
        font-size: 28px;
    }

    .details-enqyiry-btn button {
        font-size: 38px;
    }

    .floorplan-card-img {
        width: 36px;
    }

    .whats-nearby {
        padding-top: 15px;
    }

    .propertiesloc {
        width: 610px;
        height: 350px;

    }

    .forlocationbutton span {
        font-size: 28px;
    }

    .location-academy p {
        font-size: 20px;
        line-height: 43px;
    }

    .lifeGallerySwiper .swiper-slide {
        height: 312px;
    }

    .labelwithfield-details label {
        font-size: 20px;
    }

    .labelwithfield-details input {
        font-size: 14px;
    }

    .labelwithfield-details textarea {
        font-size: 14px;
    }

    .submit-btn-contact {

        font-size: 32px;
    }

    .contactus-btn-details button {
        padding: 10px 40px;
    }

    .submit-arrow-normal {
        width: 26px;
    }

    .contact-information-txt {
        font-size: 36px;
    }

    .location-info {
        font-size: 18px;
        line-height: 29px;
    }

    .properties-top-amenities p {
        font-size: 24px;
    }

    .aboutUsIdentity {
        font-size: 54px;
        padding: 0px 19px 0px;
        line-height: 68px;
    }

    .bodContent {
        padding: 23px 18px 24px;
    }

    .bodName {
        font-size: 43px;
    }

    .bodTitel {
        font-size: 24px;
        line-height: 42px;
    }

    .bodDiscription {
        font-size: 20px;
        line-height: 34px;
    }

    .your-home-is-waiting .swiper-pagination-bullet-active,
    .your-home-is-waiting .swiper-pagination-bullet {
        width: 20px;
        height: 20px;
    }

    .aboutUsIdentityImgContainer {
        display: block;
    }

    .weBuildTrust {
        width: 550px;
    }

    .about-us-bgimg-h1 {
        font-size: 50px;
        line-height: 55px;

    }

    .details-date {
        width: 16px;
    }

    .details-date-category img {
        width: 16px;
    }

    .blogs-details-txt {
        font-size: 16px;
    }

    .blogs-details-heading {
        font-size: 22px;
    }

    .propertyDimensionPlan p,
    .propertyDimensionPlan.active p {
        font-size: 34px;
        line-height: normal;
    }

    .propertyDetailsPlan {
        padding: 11px 64px;
        gap: 51px;
    }

    .propertiesCommingImgMobile {
        height: 450px;
    }

    .ravilaUpcommingProjectImg {
        width: 87vw !important;
        height: 277px;

    }






}


@media (min-width:711px) and (max-width:834px) {
    .ravilla-properties {
        height: 700px;
    }
}

@media (min-width:711px) and (max-width:713px) {
    .ravilla-properties {
        height: 640px;
    }
}








@media (min-width:700px) and (max-width:900px) {
    .ravilla-heading {
        font-size: 38px;
        line-height: 50px;
    }

    .ravilla-txt {
        font-size: 16px;
        line-height: 22px;
    }

    .view-ou-projects {
        font-size: 24px;
    }

    .building-more-than-spaces-heading {
        font-size: 36px;
        margin-bottom: 10px;
        line-height: 50px;
    }

    .building-more-than-spaces-txt {
        font-size: 24px;
        line-height: 40px;
    }

    .why-homebuyers-trust-ravilla {
        padding: 20px 10px;
    }

    .why-homebuyers-trust-ravilla-heading {
        font-size: 30px;
        line-height: 40px;
        text-align: left;
    }

    .experience-quality {
        font-size: 22px;
        line-height: 31px;
    }

    .crafted-communities-heading {
        font-size: 34px;
        line-height: 40px;
    }

    .crafted-communities-txt {
        font-size: 22px;
        line-height: 30px;
    }

    .landmark-name {
        font-size: 34px;
        line-height: 40px;
    }

    .landmark-loc {
        font-size: 22px;
    }

    .landmark-info {
        font-size: 20px;
        line-height: 30px;
    }

    .type-bhk-sqft {
        font-size: 22px;
    }

    .view-landmark-btn {
        font-size: 28px;
    }

    .customer-content {
        font-size: 22px;
        line-height: 32px;
    }

    .customer-name {
        font-size: 26px;
    }

    .customer-landmark {
        font-size: 22px;
    }

    .projects-info {
        width: 400px;
        height: 400px;
    }

    .projects-count {
        font-size: 100px;
        line-height: 100px;
    }

    .projects-status {
        font-size: 34px;
        line-height: 46px;
    }

    .enquiryforms input {
        padding-top: 46px;
        font-size: 30px;
    }

    .contact-btn {
        font-size: 34px;
    }

    .submit-btn img {
        width: 20px;
    }

    .contact-us-heading {
        font-size: 50px;
    }

    .contact-us-txt {
        font-size: 22px;
    }

    .ravilla-circle {
        font-size: 22px;
        line-height: 30px;
    }

    .ravilla-address {
        font-size: 24px;
    }

    .footer-txt {
        font-size: 24px;
        line-height: 32px;
    }

    .quick-links {
        font-size: 34px;
    }

    .all-links {
        font-size: 24px;
        line-height: 34px;
    }

    .copyright-vsnap {
        font-size: 20px;
        line-height: 24px;
    }

    .fixed-top {
        padding: 10px 24px;
    }

    .ngbar {
        font-size: 40px;
    }

    .mobile-nav-links img {
        width: 400px;
    }

    .nav-social-links img {
        width: 60px;
    }

    .nav-social-links {
        gap: 26px;
    }

    .ravilla-estate {
        padding: 35px 0;
    }

    .about-us-bgimg {
        height: 200px;
    }

    .about-us-bgimg-h1 {
        font-size: 70px;
        line-height: 80px;
    }

    .luxury-homes-heading {
        font-size: 40px;
        line-height: 50px;
    }

    .luxury-homes-txt {
        font-size: 24px;
        line-height: 34px;
    }

    .aboutus-count {
        font-size: 48px;
    }

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

    .your-home-is-waiting-heading {
        font-size: 34px;
        line-height: 40px;
    }

    .your-home-is-waiting-txt {
        font-size: 16px;
        line-height: 28px;
    }

    .lets-build {
        font-size: 30px;
        line-height: 36px;
    }

    .view-our-btn-aboutus {
        font-size: 22px;
        padding: 10px 14px;
    }

    .footer-info {
        gap: 30px;
    }

    .ravilla-form {
        padding: 40px 30px;
    }

    .footer-info {
        padding: 40px 20px;
    }

    .find-your-space-heading {
        font-size: 33px;
        line-height: 46px;
    }

    .find-your-space-txt {
        font-size: 18px;
        line-height: 28px;
    }

    .property-name {
        font-size: 34px;
    }

    .properties-location {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .property-content {
        font-size: 18px;
        line-height: 26px;
    }

    .ravilla-property-type {
        font-size: 16px;
    }

    .property-enquiry-now {
        padding: 6px 19px;
        font-size: 20px;
    }

    .property-view-property {
        padding: 7px 17px;
    }

    .ongoing-btn {
        font-size: 24px;
        padding: 8px 12px;
    }

    .our-properties-bgimg {
        height: 200px;
    }

    .properties-status-name {
        font-size: 30px;
    }

    .properties-status-location {
        font-size: 20px;
    }

    .properties-status-amount {
        font-size: 40px;
    }

    .properties-status-type {
        font-size: 22px;
    }

    .enq-each-btn {
        font-size: 24px;
    }

    .each-property-btn {
        font-size: 24px;
    }

    .rankeinsights span {
        font-size: 20px;
    }

    .blogs-date {
        font-size: 16px;
    }

    .blogs-date-category {
        padding: 4px 9px;
    }

    .blogs-title {
        font-size: 26px;
        line-height: 32px;
    }

    .blogs-txt {
        font-size: 22px;
        line-height: 30.64px;
    }

    .blogs-readmore-btn {
        font-size: 18px;
    }

    .our-blogs-bgimg {
        height: 220px;
    }

    .blogs-readmore-btn img {
        width: 12px;
    }

    .details-heading {
        font-size: 50px;
        line-height: 60px;
    }

    .blogs-details-container {
        max-width: 800px !important;
    }

    .recent-blogs {
        font-size: 45px;
    }

    .our-contact-bgimg {
        height: 210px;
    }

    .ravilla-building {
        padding-top: 1rem;
    }

    .get-in-touch-heading {
        font-size: 34px;
    }

    .get-in-touch-txt {
        font-size: 24px;
        line-height: 34px;
    }

    .labelwithfield label {
        font-size: 20px;
    }

    .enquiryforms-conatct input {
        padding: 14px 10px;
        font-size: 20px;
    }

    .enquiryforms-conatct textarea {
        padding: 14px 10px;
        font-size: 20px;
    }

    .submit-btn-contact {
        padding: 17px 26px;
        font-size: 24px;
    }

    .contact-information-txt {
        font-size: 32px;
    }

    .location-info {
        font-size: 20px;
        line-height: 34px;
    }

    .contact-information {
        padding: 2rem 1rem;
    }

    .follow-us {
        font-size: 22px;
    }

    .contact-social-links img {
        width: 30px;
    }

    .contact-map {
        height: 450px;
    }

    .back-to-top {
        font-size: 20px;
        padding: 16px 16px;
    }
}

@media (min-width:1000px) and (max-width:1050px) {
    .ngbarafter {
        font-size: 10px;
    }

    .ngbar {
        font-size: 14px;
    }

    .building-more-than-spaces-heading {
        font-size: 40px;
        line-height: 50px;
    }

    .projects-status {
        font-size: 20px;
    }

    .crafted-communities {
        padding-top: 1rem;
    }

    .crafted-communities-heading {
        font-size: 50px;
    }



    .swiper-aboutus-left {
        right: 57px;
    }

    .swiper-aboutus-right {
        left: 57px;
    }

    .your-home-is-waiting-heading {
        font-size: 42px;
        line-height: 56px;
    }

    .we-build-trust {
        bottom: 60px;
    }

    .property-enquiry-now {
        padding: 13px 22px;
    }
}

@media (min-width:900px) and (max-width:1000px) {
    .ravilla-heading {
        font-size: 36px;
        line-height: 46px;
    }

    .view-ou-projects {
        font-size: 20px;
        padding: 11px 26px;
    }

    .building-more-than-spaces-heading {
        font-size: 40px;
        line-height: 60px;
    }

    .building-more-than-spaces-we-build-trust {
        gap: 10px;
    }

    .building-more-than-spaces-txt {
        font-size: 20px;
        line-height: 38px;
    }

    .why-homebuyers-trust-ravilla-heading {
        font-size: 30px;
        line-height: 50px;
        text-align: left;
    }

    .experience-quality {
        font-size: 18px;
        line-height: 32px;
    }

    .projects-count {
        font-size: 70px;
    }

    .projects-status {
        font-size: 20px;
        line-height: 30px;
    }

    .projects-info {
        height: 300px;
        line-height: 70px;
    }

    .crafted-communities {
        padding-top: 1rem;
    }

    .crafted-communities-heading {
        font-size: 40px;
    }

    .landmark-name {
        font-size: 36px;
    }

    .landmark-loc {
        font-size: 16px;
    }

    .landmark-info {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 5px;
    }

    .iconic-landmarkes {
        height: 450px;
    }

    .footer-info {
        flex-direction: column;
        gap: 20px;
    }

    .ravillaContainerForm {
        gap: 40px;
    }

    .contact-btn {
        width: 70%;
    }

    .footer-txt {
        font-size: 24px;
        line-height: 32px;
    }

    .quick-links {
        font-size: 34px;
        margin-top: 10px;
    }

    .all-links {
        font-size: 24px;
        line-height: 34px;
    }

    .navbar-content-after {
        gap: 20px;
    }

    .navigation-container-after {
        padding: 12px 20px;
    }

    .logo img {
        width: 100%;
    }

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

    .nav-gap {
        gap: 10px;
    }

    .ngbarafter {
        font-size: 10px;
    }

    .ngbar {
        font-size: 12px;
    }

    .luxury-homes-heading {
        font-size: 38px;
        line-height: 52px;
        letter-spacing: 0;
    }

    .ravilla-luxury-homes {
        gap: 10px;
    }

    .we-build-trust {
        bottom: 10px;
    }

    .your-home-is-waiting-for-you {
        flex-direction: column;
        background: none;
        border: none;
    }

    .swiper-btn-aboutus {
        display: none !important;
    }

    .your-home-is-waiting-heading {
        font-size: 46px;
        line-height: 48px;
        text-align: center;
    }

    .your-home-is-waiting-txt {
        text-align: center;
    }

    .footer-info {
        padding: 40px 20px;
    }

    .extrodinary-something {
        background-position: center;
    }

    .find-your-space-heading {
        font-size: 50px;
    }

    .ravilla-estate-properties-container {
        max-width: 880px;
    }

    .ravilla-properties-imgs img {
        width: 100%;
    }

    .property-name {
        font-size: 50px;
        line-height: 62px;
        letter-spacing: 0;
    }

    .property-content {
        margin-bottom: 1rem;
    }

    .ravilla-property-btn {
        margin-top: 20px;
    }

    .property-enquiry-now {
        padding: 13px 28px;
    }

    .ravilla-estate-first {
        max-width: 920px;
    }

    .ongoing-btn {
        padding: 14px 50px;
    }

    .ravilla-row {
        grid-template-columns: repeat(1, 1fr);
        padding: 0 50px;
    }

    .properties-status-name {
        font-size: 40px;
    }

    .properties-status-location {
        font-size: 28px;
    }

    .properties-status-amount {
        font-size: 52px;
    }

    .properties-status-type {
        font-size: 30px;
    }

    .enq-each-btn {
        font-size: 30px;
    }

    .each-property-btn {
        font-size: 30px;
    }

    .our-latest-blogs {
        max-width: 860px !important;
    }

    .blog-img-category img {
        width: 100%;
    }

    .blogsinsights li {
        width: 200px;
    }

    .ravilla-blogs-row {
        gap: 40px;
    }

    .blogs-readmore-btn {
        width: 55%;
    }

    .about-us-bgimg-h1 {
        font-size: 58px;
        line-height: 66px;
    }

    .details-date-category p {
        font-size: 18px;
    }

    .blogs-details-container {
        max-width: 840px !important;
    }

    .recent-blogs {
        font-size: 40px;
    }

    .get-in-touch-container {
        max-width: 860px;
    }

    .copyright-vsnap {
        font-size: 18px;
    }

    .back-to-top {
        font-size: 20px;
        padding: 20px 20px;
    }

    .quote-content img {
        width: 120px;
    }
}

@media (width: 768px) {
    .contact-right-img {
        display: none !important;
    }
}

@media (width: 344px) {
    .view-ou-projects {
        font-size: 12px;
    }
}

@media (width: 320px) {
    .view-ou-projects {
        font-size: 12px;
    }

    .details-heading {
        font-size: 26px;
        line-height: 36px;
    }

    .propertiesloc {
        width: 300px;
    }

    .location-academy p {
        font-size: 12px;
        line-height: 36px;
    }


}