/*gallery page csss start*/
@media (max-width: 1024px) {
    #ph-gallery-grid {
        grid-template-columns: repeat(3, 1fr); /* 3 Columns */
        gap: 15px;
    }
    .ph-gallery-item {
        height: 280px; /* Slightly shorter items */
    }
}

@media (max-width: 920px) {
    .modern-house{
        min-width: 33%;
    }
}

/* Small Tablets / Large Phones */
@media (max-width: 768px) {
    .ph-gallery-section {
        padding: 60px 0;
    }

    /* Hero adjustments */
    .ph-gallery-hero-wrapper {
        height: 35vh;
    }
    .ph-gallery-hero-content-container {
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }

    #ph-gallery-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 Columns */
    }
    .services-container{
        flex-direction: column;
    }
    .counter-container{
        flex-wrap: wrap;
        width: 55%;
    }
    .stacking-section{
        flex-direction:column;
        padding: 100px 20px 50px;
    }
    .header-left{
        position: unset;
    }
    .project-card{
        position:unset;
    }
    /* header menu */
    .main-nav .nav-toggle {
        display: block;
        font-size: 1.5em;
        background: none;
        border: none;
    }
    .main-nav .nav-list {
        position: fixed;
        top: 0;
        right: -250px;           /* hidden off‑screen */
        width: 250px;
        height: 100%;
        background: #333;
        flex-direction: column;
        transition: left .3s ease;
        z-index: 1000;
        padding-top: 60px;
    }
    .main-nav .nav-list li a {
        padding: 15px;
        color: #fff;
        display: block;
    }
    .nav-list li a.active{
        border-bottom:unset;
        color: #f08627;
    }
    /* close button inside menu */
    .main-nav .nav-close {
        position: absolute;
        top: 15px;
        right: 15px;
        font-size: 2em;
        background: none;
        border: none;
        color: #fff;
        display: block;
        z-index: 10000;
    }
    .main-nav.open .nav-close { display: block; }
    .main-nav.open .nav-list { right: 0; }
    .desktop-nav { display: none; }
    .mobile-nav { display: block; }
    .service-box{
        text-align: center;
    }
    .about-contact-row{
        flex-direction: column;
        align-items: center;
        gap: 13px;
        margin-top:25px;
    }
    .ar-choose-tag, .ar-choose-heading, .header-left, .main-heading{
        text-align: center;
    }
    .renvia-pro-header{
        flex-direction: column;
    }
    .gallery-hero-content-container, .contact-all-sec, .property-wrapper-mob, .contact-hero-wrapper{
        flex-direction: column;
    }
    .gallery-hero-content-container{
        margin-top: 40px;
    }
    .contact-sec-map{
        width: 90%;
        margin: auto;
        margin-top: 40px;
    }
    .contact-sec-map iframe{
        height: 60vh;
    }
    .property-wrapper-mob .main-column{
        margin: 0 30px;
    }
    .property-grid-mob{
        grid-template-columns: repeat(2, 1fr);
    }
    .property-sidebar-mob{
        position: relative;
        margin: 0 30px;
        width: 91%;
        top: 0;
    }
    .property-wrapper-mob{
        gap: 0;
    }
    .property-info-card-mob{
        border-top:1px solid #c7c6c6;
    }
    .contact-hero-wrapper{
        padding-top: 50px;
    }
    .row.footer-theme.partition-f{
        margin-bottom: 20px;
        align-items: flex-start;
    }
    .footer-about-sec{
        width: 100%;
    }
    .footer-quick-link{
        width: 50%;
        padding-left: 0;
    }
    .footer-sub-title {
        width: 50%;
    }
    footer p{
        font-size: 12px;
    }
}

/* Mobile Phones */
@media (max-width: 480px) {
    .ph-gallery-container {
        padding: 0 15px;
    }
    
    #ph-gallery-grid {
        grid-template-columns: 1fr; /* 1 Column (Full Width) */
        gap: 20px;
    }

    .ph-gallery-item {
        height: 250px;
        border-radius: 25px; /* Softer rounding for small screens */
    }

    .ph-gallery-hero-content-container h1 {
        font-size: 32px;
    }

    .ph-close-lightbox {
        top: 15px;
        right: 20px;
        font-size: 35px;
    }
    .counter-container{
        flex-direction: column;
    }
        .main-heading{
        font-size: 32px;
    }
    .property-grid-mob{
        grid-template-columns: repeat(1, 1fr);
    }
    .property-sidebar-mob{
        width: 89%;
    }
    .gallery-hero-content-container{
        margin-top: 0px;    
    }
    .form-container{
        padding: 60px 30px;
    }
    .mob-ceo-info{
        display: block;
        margin-bottom: 20px;
    }
    .desk-ceo-info{
        display: none;
    }
    .contact-item{
        gap: 0px;
    }
    .arrow-btn{
        display: none;
    }
    .card-info{
        padding: 20px 20px;
    }
    .card-inner{
        flex-direction: column-reverse;
        height: unset;
    }
    footer p{
        line-height: 22px;
    }
}

/*galler page end*/