/* Ad Elements Styling */
div[id*="div-gpt-ad"] {
    width: 100% !important;
    border: 2px solid red !important; /* Example styling */
    color: #fff !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    background: #584d4d !important;
    display: block !important;
    height: inherit !important;
}

/* Background Class Styling */
.bg-class {
    font-family: emoji !important;
    color: #fff !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    background: #584d4d !important;
}

/* Box Element Styling */
.box {
    width: 100% !important;
    min-height: 250px !important;
    display: block !important;
    text-align: center !important;
    justify-content: center !important;
    align-self: center !important;
    align-items: center !important;
    margin-bottom: 5px !important;
    content: 'aaaaaaaaaaaaaaaaa' !important; /* Note: content property is typically used with pseudo-elements */
}

/* Special Header Styling */
.specialHeader {
    width: 100% !important;
    max-width: 728px !important;
    margin: auto !important;
}

/* Ad Strip Display */
#topAdStrip, #bottomAdStrip {
    display: block !important;
}

/* Takeover Ads Styling */
.takeOverAds .left-x, .takeOverAds .right-x {
    min-height: 600px !important;
    text-align: center !important;
}

/* Responsive Styling for Small Screens */
@media (max-width: 603px) {
    .bg-class {
        background: #ff6a00 !important;
    }

    #bto-root {
        position: fixed !important;
        top: 25% !important;
        left: 0 !important;
        width: 40px !important;
        height: 40px !important;
        display: flex !important;
        background: red !important;
        z-index: 99999 !important;
        content: 'Mobile Version' !important; /* Note: content property is typically used with pseudo-elements */
        color: #fff !important;
    }
}