/* Responsive Styles for Giga Markets */

/* Mobile Navigation Fixes */
@media (max-width: 991px) {
    /* Hide desktop navigation on mobile */
    #sticky-header .row.header-bg {
        display: none !important;
    }
    
    /* Ensure mobile menu is properly displayed */
    .mobile-menu-area {
        position: relative;
        z-index: 999;
        display: block !important;
    }
    
    /* Adjust logo for mobile */
    .logo img {
        max-width: 150px;
    }
    
    /* Force the desktop menu to be hidden */
    .consen_nav_manu .container .row {
        display: none !important;
    }
    
    /* Ensure the mobile menu is displayed */
    .mobile-menu-area.d-sm-block.d-md-block.d-lg-none {
        display: block !important;
    }
    
    /* Adjust slider content for mobile */
    .slider-content {
        margin-top: 80px !important;
    }
    
    /* Fix mobile menu background */
    .mean-container .mean-bar {
        background-color: rgba(0, 0, 0, 0.8) !important;
    }
}

/* Additional mobile fixes */
@media (max-width: 767px) {
    .slider-content h1 {
        font-size: 2.5rem !important;
    }
    
    .slider-content p {
        font-size: 1rem !important;
    }
    
    /* Adjust buttons on mobile */
    .slider-content div[style*="display: flex"] {
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .slider-content a[style*="display: inline-block"] {
        margin-bottom: 15px !important;
        width: 80% !important;
        text-align: center !important;
    }
    
    /* Fix featured logos section on mobile */
    .featured-logo {
        text-align: center !important;
    }
}

/* Small phone fixes */
@media (max-width: 480px) {
    .slider-content h1 {
        font-size: 2rem !important;
    }
    
    /* Fix minimum height for slider area */
    .slider-area {
        min-height: auto !important;
        padding-bottom: 50px !important;
    }
    
    /* Make CTA buttons full width on small phones */
    .slider-content a[style*="display: inline-block"] {
        width: 100% !important;
    }
}