/* Mobile Responsive Styles */
        .mobile-header {
            display: none;
        }
        
        .hamburger {
            display: none;
            flex-direction: column;
            cursor: pointer;
            padding: 10px;
        }
        
        .hamburger span {
            width: 25px;
            height: 3px;
            background-color: #333;
            margin: 3px 0;
            transition: 0.3s;
        }
        
        .hamburger.active span:nth-child(1) {
            transform: rotate(-45deg) translate(-5px, 6px);
        }
        
        .hamburger.active span:nth-child(2) {
            opacity: 0;
        }
        
        .hamburger.active span:nth-child(3) {
            transform: rotate(45deg) translate(-5px, -6px);
        }
        
        /* Static banner image */
        .banner-image {
            width: 100%;
            height: auto;
            display: block;
        }
        
        /* Hide mobile banner on desktop, show desktop slider */
        .mobile-banner {
            display: none;
        }
        
        .desktop-slider {
            display: block;
        }
        
        /* Plus/Minus indicator for mobile menu */
        .menu-indicator {
            display: none;
        }
        
        /* Mobile styles - applies to both portrait and landscape */
        @media only screen and (max-width: 768px), only screen and (max-width: 1024px) and (orientation: landscape) {
            /* Remove any body margins/padding */
            body {
                margin: 0 !important;
                padding: 0 !important;
                overflow-x: hidden !important;
            }
            
            /* Hide desktop header */
            .top-section {
                display: none !important;
            }
            
            /* Show mobile header */
            .mobile-header {
                display: flex !important;
                justify-content: space-between;
                align-items: center;
                padding: 10px 15px;
                background-color: #fff;
                border-bottom: 1px solid #ddd;
            }
            
            .mobile-header .logo {
                width: auto !important;
            }
            
            .mobile-header .logo img {
                height: 65px;
                margin-top: 0 !important;
            }
            
            .hamburger {
                display: flex !important;
            }
            
            /* Header background adjustments */
            .header-bg {
                padding: 0 !important;
                background: none !important;
            }
            
            /* Menu styling for mobile */
            .menu-bar {
                display: none;
                position: fixed;
                top: 71px;
                left: 0;
                width: 100%;
                background-color: #6EBB1D;
                background-image: none !important;
                box-shadow: 0 2px 5px rgba(0,0,0,0.1);
                z-index: 1000;
                max-height: calc(100vh - 71px);
                overflow-y: auto;
            }
            
            .menu-bar.active {
                display: block !important;
            }
            
            .menu-bar ul.sf-menu {
                display: block !important;
                width: 100% !important;
            }
            
            .menu-bar ul.sf-menu > li {
                display: block !important;
                width: 100% !important;
                float: none !important;
                border-bottom: 1px solid rgba(255,255,255,0.1);
            }
            
            .menu-bar ul.sf-menu > li > a {
                display: block !important;
                padding: 15px 20px !important;
                text-decoration: none;
                line-height: 1.4 !important;
                font-size: 16px !important;
                position: relative;
            }
            
            .menu-indicator {
                display: inline-block !important;
                float: right;
                font-size: 20px;
                line-height: 1;
                font-weight: bold;
            }
            
            .menu-bar ul.sf-menu ul {
                position: static !important;
                display: none !important;
                width: 100% !important;
                background-color: #88DE29 !important;
                top: auto !important;
                left: auto !important;
            }
            
            .menu-bar ul.sf-menu li.active > ul {
                display: block !important;
            }
            
            .menu-bar ul.sf-menu ul li {
                float: none !important;
                border-bottom: 1px solid rgba(255,255,255,0.2);
            }
            
            .menu-bar ul.sf-menu ul li:last-child {
                border-bottom: none;
            }
            
            .menu-bar ul.sf-menu ul li a {
                padding: 12px 20px 12px 40px !important;
                line-height: 1.4 !important;
                font-size: 15px !important;
            }
            
            /* Banner image responsive */
            .slider-container {
                width: 100% !important;
                padding: 0 !important;
                margin: 0 !important;
            }
            
            /* Hide desktop slider on mobile, show mobile banner */
            .desktop-slider {
                display: none !important;
            }
            
            .mobile-banner {
                display: block !important;
            }
            
            .banner-image {
                width: 100%;
                height: auto;
                display: block;
            }
            
            /* Main content - single column */
            .main-content {
                display: block !important;
                width: 100% !important;
                padding: 0 !important;
                background: #ffffff !important;
                max-width: 100% !important;
            }
            
            .sidebar {
                width: 100% !important;
                margin: 0 !important;
                padding: 10px !important;
                box-sizing: border-box;
                background-color: #ffffff !important;
            }
            
            .sidebar-box {
                width: 100% !important;
                max-width: 100% !important;
            }
            
            .sidebar-title {
                width: 100% !important;
                background-size: cover !important;
                background-position: center !important;
            }
            
            .content-area {
                width: 100% !important;
                margin: 0 !important;
                padding: 10px !important;
                box-sizing: border-box;
                flex: none !important;
            }
            
            .content-box {
                width: 100% !important;
                margin: 0 !important;
                box-sizing: border-box;
            }
            
            .home-feature {
                width: 100% !important;
                max-width: 100% !important;
                margin: 10px 0 !important;
                box-sizing: border-box;
            }
            
            .home-title {
                width: 100% !important;
                background-size: 100% 100% !important;
                height: auto !important;
                min-height: 67px !important;
                padding: 15px 10px !important;
            }
            
            .home-middle {
                width: 100% !important;
                background-size: 100% auto !important;
            }
            
            .home-bottom {
                width: 100% !important;
                background-size: 100% 100% !important;
            }
            
            /* Footer */
            .footer {
                width: 100% !important;
                padding: 15px 10px !important;
                box-sizing: border-box;
                text-align: center;
                height: auto !important;
                min-height: 127px !important;
                background-size: cover !important;
                background-position: center top !important;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            
            .footer-inner {
                padding: 10px !important;
                width: 100%;
            }
            
            /* Wrapper */
            .wrapper {
                width: 100% !important;
                margin: 0 !important;
                padding: 0 !important;
                overflow-x: hidden !important;
            }
        }