@media print,
(max-width: 767px)
{
    .page_bg
    {
        left: -120px;

        min-width: 100%;
    }

    .page_bg.right
    {
        right: -120px;

        min-width: 100%;
    }


    /*----------------
        Pagination
    ----------------*/
    .pagination
    {
        padding-top: 50px;

        border-top: 1px solid rgba(255, 255, 255, .10);
    }


    .pagination .mob_hide
    {
        display: none;
    }


    .pagination > * + *
    {
        margin-left: 28px;
    }



    /*----------------
        Typography
    ----------------*/
    .text_block blockquote,
    .text_block q
    {
        font-size: 22px;
    }



    /*--------------
        Articles
    --------------*/
    .articles
    {
        margin-bottom: 80px;
    }


    .articles .block_title
    {
        text-align: center;
    }


    .articles .block_desc
    {
        text-align: center;
    }


    .articles .article.big .name
    {
        font-size: 16px;
        line-height: 21px;
    }


    .articles .row
    {
        margin-top: 25px;
        margin-left: 0;
    }

    .articles .row > *
    {
        width: 100%;
        margin-left: 0;
    }

    .articles .row > * + *:before
    {
        position: absolute;
        top: -25px;
        left: 0;

        display: block;

        width: 100%;
        height: 1px;

        content: '';

        background: rgba(255, 255, 255, .10);
    }


    .articles .grid .article:not(.big) .thumb
    {
        width: 100%;
        height: auto;
        margin-bottom: 15px;
        padding-bottom: 50%;
    }

    .articles .grid .article:not(.big) .thumb + *
    {
        width: 100%;
    }


    .articles .line_sep
    {
        margin-top: 25px;
    }



    /*------------------
        Article info
    ------------------*/
    .article_info .article_title
    {
        font-size: 22px;
    }



    /*----------
        Apps
    ----------*/
    .apps
    {
        padding: 32px 0;
    }


    .apps .logo
    {
        width: 100%;
    }


    .apps .logo img
    {
        width: 40px;
        margin: 0 auto;
    }


    .apps .sep
    {
        display: none;
    }


    .apps .info
    {
        width: 100%;
        margin-top: 15px;
        margin-left: 0;

        text-align: center;
    }


    .apps .info .title
    {
        font-size: 18px;
    }


    .apps .info .desc
    {
        font-size: 14px;
        line-height: 18px;
    }


    .apps .links
    {
        justify-content: center;

        width: 100%;
        margin-top: 25px;
        padding: 0;

        border: none;
    }


    .apps .bg
    {
        margin-left: -400px;
    }



    /*------------
        Footer
    ------------*/
    footer .cont + .cont
    {
        margin-top: 32px;
    }


    footer .logo
    {
        width: 100%;
        margin-bottom: 50px;
    }

    footer .logo img
    {
        margin: 0 auto;
    }


    footer .links
    {
        width: 100%;

        text-align: center;
    }

    footer .links + .links
    {
        margin-top: 32px;
    }


    footer .title
    {
        font-size: 22px;
        line-height: 32px;

        margin-bottom: 20px;
        padding: 10px;
    }


    footer .copyright
    {
        width: 100%;

        text-align: center;

        color: rgba(255, 255, 255, .35);
    }


    footer .socials
    {
        justify-content: center;

        width: 100%;
        margin-top: 20px;
    }
}