/* Media query for smaller screens */
@media (max-width: 768px) {


    /* HERO STYLE */

    .hero {
        padding: 1px 0 45px 0;
    }

    .hero__heading {
        font-size: 38px;
        padding: 26px 5px;
    }

    .hero__heading:after {
        width: 12.375rem;
        bottom: -.5rem;
    }

    .hero__description {
        padding: 20px 10px;
    }

    .category-strip {
        margin-top: -12rem;
    }

    .category-strip__container {
        width: 90%;
        margin: 1rem auto;
        gap: 8px;
    }

    .category-strip__item {
        flex: 1 1 calc(50% - 8px);
        max-width: calc(50% - 8px);
        min-height: 11rem;
    }

    .category-strip__icon {
        max-height: 4rem;
        max-width: 4.3125rem;
    }

    .category-strip__subheading {
        font-size: 2rem;
    }


    /* FEATURED STYLE */


    .featured_section {
        margin-bottom: 0px;
    }

    .featured_container {
        width: 90%;
        margin: -5px auto 0;
    }



    .post-module {
        flex-direction: column;
        gap: 20px;
    }

    .post-module__item {
        width: 100%;
        min-height: 31.9375rem;
        padding: 1.1875rem;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .post-module__heading {
        font-size: 3rem !important;
    }

    .post-module__content {
        height: 90%;
    }






    /* TRENDING STYLE */


    .trending_section {
        padding-top: 0;
    }

    .carousel-container {
        width: 90%;
    }

    .carousel-item {
        min-width: 47%;
        padding: 1rem 0.25rem;
        margin: 0.25rem 3px;
        height: 8rem;
        margin-right: 8px !important;
    }

    .trending__item {
        font-size: 17px;
    }

    .trending_arrow {
        width: 30px;
        height: 30px;
        font-size: 18px;
    }

    .trending_arrow.left {
        left: 2px;
    }

    .trending_arrow.right {
        right: 2px;
    }




    /* RECENTLY STYLE */

    .recently-container {
        width: 90%;
    }

    .recently-post-container {
        flex-direction: column;
    }

    .first-item {
        width: 100%;
    }

    .smaller-articles {
        grid-template-columns: 1fr;
    }



    .first-item img {
        height: auto !important;
    }

    .recently-post-description {
        display: none;
    }


    /* EXPLORE STYLE */

    .explore-container {
        width: 90%;
    }

    .explore-post-module-item {
        width: calc(100% - 20px);
        /* Full width for small screens */
    }

    /* CATEGORY PAGE ********************************************************************************************/

    .category-container {
        width: 90%
    }

    .page-category-title {
        width: 90%
    }

    .category-page-heading {
        font-size: 29px
    }

    .category-post-item {
        flex-direction: column;
    }


    .category-page-heading:after {
        background-color: #7671BB;
        content: "";
        height: .4125rem;
        left: 0;
        margin-top: .438rem;
        margin-block-start: .438rem;
        position: absolute;
        top: 7.5rem;
        width: 10.688rem;
    }

    .category-post-container {
        flex-direction: column;
    }

    .category-post-meta {
        width: 90%;
    }

    .category-post-content {
        width: 90%;
    }

    .category-post-image {
        width: 90%;
    }

}