/* Responsive adjustments - preserving desktop look */
        select { display: none; }
        /* Mobile styles (up to 768px) */
        @media screen and (max-width: 768px) {
            body {
                min-width: 320px;
            }
            .head-pic { min-width: unset; }
            .header_shape {
                padding: 10px 0px;
                width: unset!important; 
            }
            
            /* Logo adjustments */
            .logo-01, .logo-02, .logo-03 {
                float: none !important;
                width: 100% !important;
                text-align: center;
                margin: 30px 0 10px 0!important;
            }
            
            .logo-01 img, .logo-02 img, .logo-03 img {
                max-width: 90%;
                height: auto;
            }

		.logo-02 { position: absolute; left: unset!important; z-index: 1; margin: 0 auto!important; }
            header { min-width: 100%; }
			nav { display: none; }
            /* Slider blocks - stack vertically */
            .slider-block-01, .slider-block-02 {
                float: none !important;
                width: 100% !important;
                margin: 20px 0 !important;
				padding: unset!important;
				display: flex;
				justify-content: center;
            }
            
            .slider-block-01 img, .slider-block-02 img {
                width: 100%;
                height: auto;
            }
            
            /* Order Online button */
            .slider-block-01 > div:first-child {
                position: static !important;
                transform: none !important;
                margin: 10px 0 !important;
                font-size: 24px !important;
                text-align: center;
            }
			.menu { display: none; }
		.marg15, .box-8 { display: grid; }
		.marg15 img { margin: 10px auto; }
		.map, .map iframe, .container_16 .grid_10, .content-page3 { width: unset!important; }
		.grid_16 { width: 380px!important; }
		.grid_5.prefix_1>*, .grid_8 li, .grid_8 p, .box-8 { padding: 0 10px; }
            .slider-block-01.j { margin-bottom: -70px!important; top: -10px; }
            .slider-block-02.j { margin-bottom: -90px!important; top: -10px; }
			.slider-block-01.j, .slider-block-02 { background: unset!important; }
			select { display: flex!important; justify-content: center; margin: 0 auto; font-size: 24px; }
            /* Hide poles on mobile */
            .pole {
                display: none;
            }
            
            /* Navigation menu */
            .menu {
                width: 100% !important;
                margin: 20px 0 !important;
            }
            
            .flower_01, .flower_02 {
                display: none;
            }
            
            nav ul.sf-menu {
                width: 100%;
            }
            
            nav ul.sf-menu li {
                float: none !important;
                display: block;
                width: 100% !important;
                text-align: center;
                border-bottom: 1px solid #ccc;
            }
            
            nav ul.sf-menu li a {
                display: block;
                padding: 15px !important;
            }
            .pic { max-height: 280px; }
            /* Green banner */
            .green-ban {
                width: 100% !important;
                text-align: center;
            }
            
            .green-ban img {
                max-width: 100%;
                height: auto;
            }
            
            .labelban {
                display: none;
            }
            .button-1, .button-2 { background: unset!important; }
			.marg3 { text-align: center; }
            /* Social media icons */
            .smedia {
                display: flex;
                justify-content: center;
                flex-wrap: wrap;
                margin: 10px 0;
				top: 14px;
				left: 150px;
            }
            #content { padding-bottom: 0px!important; }
	    p, .box-1, box-8 { font-size: 18px; }
	    #content-page3>p { margin-top: 35px;!important; text-align: left; }
	    .box-1 { width: unset!important; }
            .smedia a {
                margin: 5px;
            }
            
            .smedia img {
                width: 48px;
                height: 48px;
            }
            
            /* Content area */
            .container_16 {
                width: 100% !important;
                padding: 0 15px;
            }
            
            .grid_7, .grid_8, .prefix_1 {
                float: none !important;
                width: 100% !important;
                margin: 0 0 20px 0 !important;
            }
	    .grid_7 { margin-top: 20px; }
            .grid_7 h2, .grid_7 p { padding: 0px 10px; }
            .box-1 {
                padding: 15px;
            }
            
            h2 {
                font-size: 24px !important;
            }
            
            h3 {
                font-size: 20px !important;
            }
            
            h4 {
                font-size: 18px !important;
                text-align: center;
                margin: 20px 0;
            }
            
            /* Buttons */
            .button-1, .button-2 {
                display: inline-block;
                margin: 10px auto;
                text-align: center;
            }
            
            .fright {
                float: none !important;
                text-align: center;
            }
            
            /* Footer */
            footer {
                text-align: center;
            }
            
            .foot-text {
                font-size: 14px;
                line-height: 1.6;
            }
            
            .grid_16, .container_16 {
                width: 100% !important;
                padding: 0 0px;
				margin: 0 0 0 0!important;
            }
        }
        
        /* Tablet styles (769px to 1024px) */
        @media screen and (min-width: 769px) and (max-width: 1024px) {
			select { display: flex!important; justify-content: center; margin: 0 auto; font-size: 24px; }
            .header_shape {
                padding: 15px;
            }
            
            .container_16 {
                width: 95% !important;
                margin: 0 auto;
            }
            
            .slider-block-01, .slider-block-02 {
                width: 45% !important;
            }
            
            .slider-block-01 img, .slider-block-02 img {
                width: 100%;
                height: auto;
            }
            
            .grid_7, .grid_8 {
                width: 48% !important;
            }
            
            nav ul.sf-menu li {
                font-size: 14px;
            }
        }
        
        /* Ensure images are responsive */
        img {
            max-width: 100%;
            height: auto;
        }
        
        /* Clear floats */
        .clear {
            clear: both;
        }