html, body {
        margin: 0;
        padding: 0;
        height: 100%; /* Full height */
        overflow: hidden; /* Prevent scrolling */
     
    }

    #parent-container {
        position: fixed; 
        top: 0; /* Adjust distance from bottom */
        left: 40%;
        transform: translate(-50%, 0); /* Center horizontally */
        width: 90%; /* Responsive width */
        max-width: 320px; /* Max width */
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .adsbygoogle {
        width: 100%; /* Fill the parent container */
        height: auto; /* Maintain aspect ratio */
        box-sizing: border-box; /* Include padding/border */
        display: inline-block; /* Ensure proper display */
    }

    /* Media query for portrait mode */
    @media (max-width: 480px) and (orientation: portrait) {
        #parent-container {
            top: 0; /* Maintain spacing */
            width: 90%; /* Responsive width */
			
        }

        .adsbygoogle {
            width: 100%; /* Ensure full width in smaller viewports */
            max-height: 10vh; /* Adjust height for smaller screens */
        }
    }