/*
====================================================================
RESPONSIVE STYLES - REBUILTO CHILD THEME
====================================================================
File: style_responsive.css
Purpose: All mobile and responsive styling
Author: Your Name
====================================================================

/* ====================================================================
   1. MOBILE BREAKPOINTS
   ==================================================================== */

/* Extra Large devices (1200px and up) */
@media (min-width: 1200px) {
    /* Desktop styles if needed */
}

/* Large devices (992px and up) */
@media (max-width: 1199.98px) {
    /* Large tablet / small desktop */
}

/* Medium devices (768px and up) */
@media (max-width: 991.98px) {
    /* Tablet styles */
}

/* Small devices (576px and up) */
@media (max-width: 767.98px) {
    /* Mobile landscape */
}

/* Extra small devices (less than 576px) */
@media (max-width: 575.98px) {
    /* Mobile portrait */
}

/* ====================================================================
   2. HEADER & NAVIGATION MOBILE
   ==================================================================== */

@media (max-width: 991.98px) {
    /* Header mobile styles */
}

@media (max-width: 767.98px) {
    /* Mobile specific header styles */

    img.hfe-site-logo-img.elementor-animation- {
        width: 90%;
    }

    .breadcrumb-wrap {
        background-size: cover;
    }

    .elementor-7902 .elementor-element.elementor-element-d37711c .rebuilto-title {
        font-size: 50px;
    }

}

/* ====================================================================
   3. MOBILE MENU STYLES
   ==================================================================== */

@media (max-width: 991.98px) {
    /* Mobile menu container */
    .mobile-nav-tabs {
        display: none;
    }
}


/* ====================================================================
   3. Home Page
   ==================================================================== */

@media (max-width: 991.98px) {

    .elementor-service-wrapper .grid-item {
        padding: 0 0 1px 0;
    }

    .elementor-20 .elementor-element.elementor-element-9ca1b0b .elementor-brand-item .elementor-brand-image img {
        width: 120px;
    }
}



/* ====================================================================
   3. Location
   ==================================================================== */

@media (max-width: 991.98px) {
    
    .about-location {
        margin: 30px 0 0px 0;
    }

    .single-location i.rebuilto-icon-check:before {
        font-size: 20px;
    }

    .location-custom-map .swiper-autowidth .swiper-slide {
        max-width: 100% !important;
    }

    .rebuilto-mobile-nav {
        background-color: #000;
    }

    .mobile-navigation ul > li.menu-item > a, .mobile-navigation-categories ul > li.menu-item > a, .mobile-navigation ul ul.sub-menu > li.menu-item > a, .mobile-navigation-categories ul ul.sub-menu > li.menu-item > a {
        color: #fff;
    }

    .mobile-navigation .dropdown-toggle, .mobile-navigation .dropdown-toggle:hover {
        color: #fff;
    }

    .elementor-7902 .elementor-element.elementor-element-d37711c > .elementor-widget-container {
        padding: 305px 0px 0px 0px;
    }
    
}



/* ====================================================================
   4. PROJECT ARCHIVE MOBILE
   ==================================================================== */

@media (max-width: 991.98px) {
    /* Project archive container */
}

@media (max-width: 767.98px) {
    /* Small mobile project archive */
}

/* ====================================================================
   5. PROJECT SINGLE PAGE MOBILE
   ==================================================================== */

@media (max-width: 991.98px) {
    /* Single project page */

    .banner_overlay_title {
        padding-top: 250px;
        padding-bottom: 30px;
    }

    .project_logo {
        left: 80px !important;
        top: 10px !important;
    }

    .project_properties_top {
        top: 380px !important;
    }

    .about_project, .project_gallery {
        margin-top: 480px;
    }

    .project_highlight_title .elementor-widget-container:has(h4) {
        padding: 0px 0px 0px 010px !important;
    }

    .project_highlight_text {
        top: 0px !important;
        text-shadow: none !important;
    }

    .project_highlight_text ul {
        margin: 0;
    }

    .project_highlights {
        background: none !important;
    }

}

/* ====================================================================
   6. SEARCH FORM MOBILE
   ==================================================================== */

@media (max-width: 767.98px) {
    /* Project search form mobile */
}

/* ====================================================================
   7. FOOTER MOBILE
   ==================================================================== */

@media (max-width: 991.98px) {
    /* Footer mobile styles */
    footer img.hfe-site-logo-img.elementor-animation- {
        width: 80% !important;
    }
}

/* ====================================================================
   8. TYPOGRAPHY MOBILE
   ==================================================================== */

@media (max-width: 767.98px) {
    /* Headings mobile */
    /*h1 { font-size: 2rem; }
    h2 { font-size: 1.75rem; }
    h3 { font-size: 1.5rem; }
    h4 { font-size: 1.25rem; }
    h5 { font-size: 1.125rem; }
    h6 { font-size: 1rem; }*/
    
    /* Body text mobile */
    body {
        
    }
    
    /* Paragraph mobile */
    p {
        
    }
}

/* ====================================================================
   9. BUTTONS MOBILE
   ==================================================================== */

@media (max-width: 767.98px) {
    
}

/* ====================================================================
   10. FORMS MOBILE
   ==================================================================== */

@media (max-width: 767.98px) {
    
}