@media (max-width: 768px) {

    /* COMMON STYLES */

    .articles-title {
        font-size: 1.5rem;
    }
    /* END COMMON STYLES */

    /* HEADER */
    #wrapper, #bottomspot, .mx-base {
        width: 100%;
    }

    .maxiroundedcenter ul {
        margin: 0;
    }

    #mx-top-menu {
        float: none;
    }

    #mx-top-menu li {
        margin: 2px 0;
    }

    #mx-top-menu li a {
        display: block;
        padding: 10px;
    }
    /* END HEADER */

    /* NEWS BLOG */
    .blog .items-row {
        display: flex;
        flex-flow: row wrap;
    }

    .blog .items-row .item {
        float: none;
        width: auto;
    }
    /* END NEWS */

}