@media (max-width: 768px) {
    .content {
        width: 95%;
        margin: 20px auto;
        display: block;
    }

    .content .main-content.single {
        width: 100%;
        padding: 15px;
    }

    /* Completely hide the sidebar */
    .content .sidebar.single {
        display: none;
    }

    /* Images stay proportional */
    .content .main-content.single img {
        width: 100%;
        height: auto;
    }
}

/* Optional: adjust headings and paragraphs for smaller screens */
@media (max-width: 480px) {
    .content .main-content.single {
        padding: 10px;
        font-size: 1rem;
    }

    .content .main-content.single h1,
    .content .main-content.single h2,
    .content .main-content.single h3 {
        font-size: 1.2rem;
        margin: 15px 0;
    }

    .content .main-content.single p {
        font-size: 0.95rem;
        line-height: 1.5rem;
    }
}