@media (max-width: 767px){
    /*---------------
        Main styles
    ---------------*/
    body{
        background: #fff;
    }

    .wrap{
        padding: 0 0 113px;

        background: url(../images/bg_mob_wrap_bottom.jpg) 50% 100% no-repeat;
        background-size: 100% auto;
    }


    .breadcrumbs{
        display: none;
    }



    /*---------------
        Header
    ---------------*/
    header{
        display: none;
    }

    .mob_header,
    .mob_header_img,
    .mob_cats{
        display: block;
    }



    /*---------------
        Sidebar
    ---------------*/



    /*---------------
        Main section
    ---------------*/
    .menu{
        display: none;
    }


    .content_row{
        border: none;
        box-shadow: none;
    }

    .content{
        padding: 0 15px;
    }


    .posts .post:before,
    .posts .post:after{
        display: none;
    }

    .posts .post{
        margin-top: 0;
    }

    .posts .post + .post{
        margin-top: 20px;
    }


    .posts .post .thumb a:after,
    .posts .post .thumb .watermark{
        background-size: 100% auto;
    }


    .posts .post .data{
        padding: 15px;
    }

    .posts .post .info .author{
        padding-left: 0;

        background: none;
    }

    .posts .post .info .cat{
        float: left;

        margin-top: 5px;
        margin-left: 0;
        padding-left: 0;

        background: none;
    }

    .posts .post .info .cat span{
        display: none;
    }

    .posts .post .name a,
    .posts .post .name{
        font-size: 18px;
        line-height: 22px;
    }

    .posts .post .desc{
        font-size: 14px;
        line-height: 18px;
    }


    .posts .post .bottom{
        padding: 15px 15px 20px;
    }

    .posts .post .views{
        float: right;

        margin-right: 0;
    }

    .posts .post .views span{
        display: none;
    }

    .posts .post .details{
        width: 100%;

        margin-top: 15px;
    }



    .post_info{
        margin-top: 0 !important;
    }


    .post_share .title{
        font-size: 16px;
        line-height: 20px;
    }



    .pagination{
        margin-top: 20px;
    }

    .pagination .box a + a{
        margin-left: 14px;
    }

    .pagination .sep{
        margin: 0 14px;
    }

    .pagination a.prev,
    .pagination a.next{
        display: none;
    }



    .text_block blockquote{
        padding: 15px;

        font-size: 15px;
        line-height: 20px;
    }



    .content_subscribe{
        display: none;
    }

    .mob_content_subscribe{
        display: block;
    }



    .posts_related .block_title{
        font-size: 18px;
    }

    .posts_related .post_wrap{
        width: 100%;
    }



    .post_comments .block_title{
        font-size: 18px;
        line-height: 22px;
    }

    .post_comments .comment .avatar{
        width: 53px;
    }

    .post_comments .comment .info{
        width: calc(100% - 63px);
    }

    .post_comments .comment .reply a,
    .post_comments .comment .author,
    .post_comments .comment .date{
        font-size: 14px;
    }

    .post_comments .comment .reply{
        clear: both;

        width: 100%;
    }

    .post_comments .comment .text{
        font-size: 14px;
        line-height: 18px;
    }


    .post_comments .children .comment-body{
        margin-left: 20px;
    }



    .comment-respond .comment-reply-title{
        font-size: 18px;
        line-height: 22px;
    }

    .comment-respond .form .lines .line{
        width: 100%;
    }

    .comment-respond .form .smiles{
        margin-bottom: 20px;
    }

    .comment-respond .form label{
        height: auto;

        margin-bottom: 20px;

        font-size: 14px;
        line-height: 18px;
    }

    .comment-respond .form label:before{
        top: 0;
    }

    .comment-respond .form .submit{
        width: 100%;
    }



    .form .lines .line{
        width: 100%;
    }

    .form .submit_btn{
        width: 100%;
    }



    /*---------------
        Footer
    ---------------*/
    footer{
        margin-top: 45px;
        padding: 15px;
    }

    footer:after{
        position: absolute;
        top: -45px;
        bottom: auto;
        left: 0;

        display: block;

        width: 100%;
        height: 45px;

        margin: 0;

        background: url(../images/bg_mob_footer.png) 50% 0 repeat-x;

        content: '';
    }

    footer .text{
        width: 100%;
        max-width: 100%;
        min-height: 45px;

        padding: 0;

        font-size: 13px;
        line-height: 22px;

        background: none;
    }

    footer .counter{
        position: absolute;
        top: 18px;
        right: 15px;

        margin-top: 0;
    }



    /*---------------
        PopUp
    ---------------*/
}