/* Basic styling for the ad */
.responsiveads {
    width: 100%;
    min-width: 200px;  /* Minimum width of 200px */
    max-width: 900px;  /* Maximum width of 900px */
    height: auto;      /* Height will adjust based on content */
}

/* For small screens */
@media (max-width: 480px) {
    .responsiveads {
        width: 100%;
        min-width: 200px;
        max-width: 320px;
    }
}

/* For medium screens */
@media (min-width: 481px) and (max-width: 768px) {
    .responsiveads {
        width: 100%;
        min-width: 200px;
        max-width: 468px;
    }
}

/* For large screens */
@media (min-width: 769px) and (max-width: 1024px) {
    .responsiveads {
        width: 100%;
        min-width: 200px;
        max-width: 728px;
    }
}

/* For extra large screens */
@media (min-width: 1025px) {
    .responsiveads {
        width: 100%;
        min-width: 200px;
        max-width: 900px;
    }
}