﻿.sponsor-above {
	margin: 10px;
	font-size: 1.1em;
	padding: 10px;
	border-radius: 7px;
	background-color: #ECD5D8; /* default color */
}
div.sponsor-above {
    margin: 0 auto; 
    text-align: center;
	overflow-x: auto;
	overflow: hidden;
	font-size: 1.1em;
	line-height: 1.5em;
}
img.sponsor-above {
    width: 100%;
    height: auto;
}

/* Responsive styles for sponsor-above images */
.sponsor-above img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Mobile responsive styles */
@media screen and (max-width: 768px) {
    .sponsor-above {
        margin: 5px;
        padding: 8px;
        font-size: 1em;
    }
    
    .sponsor-above img {
        max-width: 100%;
        height: auto;
        width: auto;
    }
}

@media screen and (max-width: 480px) {
    .sponsor-above {
        margin: 3px;
        padding: 5px;
        font-size: 0.9em;
    }
    
    .sponsor-above img {
        max-width: 100%;
        height: auto;
        width: auto;
    }
}

/* Responsive styles for forum sponsor images (main page) */
.forumsponsor {
    max-width: 100%;
    overflow: hidden;
}

.forumsponsor img {
    max-width: 100%;
    height: auto;
    display: block;
}

.sponsoright {
    max-width: 100%;
    overflow: hidden;
}

.sponsoright img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Mobile responsive styles for forum sponsor */
@media screen and (max-width: 768px) {
    .forumsponsor {
        float: none !important;
        margin: 5px 0 !important;
        text-align: center;
    }
    
    .forumsponsor img {
        max-width: 100%;
        height: auto;
        width: auto;
    }
    
    .sponsoright {
        text-align: center;
    }
    
    .sponsoright img {
        max-width: 100%;
        height: auto;
        width: auto;
    }
}

@media screen and (max-width: 480px) {
    .forumsponsor {
        margin: 3px 0 !important;
        font-size: 0.9em;
    }
    
    .forumsponsor img {
        max-width: 100%;
        height: auto;
        width: auto;
    }
    
    .sponsoright {
        font-size: 0.9em;
    }
    
    .sponsoright img {
        max-width: 100%;
        height: auto;
        width: auto;
    }
}