﻿@media only screen and (max-width: 1280px) and (min-width: 1020px){
    .sites{width: 967px;}
    .all,.header,.wrapper{width: 1000px;}
    .slider{width: 830px;}
        .index_slider{
            padding: 0px;
            width: 670px;
        }
            .index_slider .slidesjs-navigation{display: block;}
    .footer_content{width: 950px;}
    .single .content .search{display: block;}
    .slider_single{width: 956px;}
        .slider_single .search,.popular_block.even{display: none;}
    .popular_single{width: 830px;}
        .popular_block.first{display: block!important;}
/*
    .btn_right{
        display: block;
        right: 100px;
    }
    .btn_right.active{
        background-position: center 0;
        display: block;
        right: 0px;
        width: 400px;
    }

    .sidebar_right.active{
        background-color: #777570;
        display: block;
        padding: 0 10px 0;
        position: absolute;
        right: 0px;
        top: 93px;
        z-index: 99;
    }
*/
.sidebar_right{display: none;}
.content.tag_content{width: 670px;}
    .content.tag_content .tag_desc_bg{padding: 24px 70px 0 10px;}
}

@media only screen and (max-width: 1020px) and (min-width: 300px){
.login_form.b-loginform{margin: 0 auto;}
/*	body{background: url(../images/body_index_m.jpg) -1059px top repeat-x;}*/
.add_post,.help,.btn_left,.btn_right,.header,.slider_single,.slider{display: none;}
body{background: none;}
body.single{background: none;}
    .sites,.all,.header,.wrapper,.slider,.index_slider,.user_panel{width: 670px;}
    .sites{padding-left: 0px;}
        .sites p{display: none;}
    .slider{height: 60px;}
        .index_slider,.slidesjs-navigation{
            position: absolute;
            visibility: hidden;
        }
    a.add_post{margin-left: 0px;}
    .footer{
        background: #414141;
        height: 50px;
        margin-top: -40px;
    }
        .footer_content{
            height: 45px;
            padding-top: 5px;
        }
        .footer_content,.footer_bottom{width: 600px;}
    /*.btn_left{
        display: block;
        left: 0px;
    }
    .btn_left.active{
        background-position: center -60px;
        display: block;
        left: 0px;
        width: 190px;
    }*/
    .hide_this,.hide{display: none!important;}
    .sidebar,.logo_block{display: none;position: absolute;}
        .logo_block.active{
            display: block;
            padding: 20px 10px 0;
            position: absolute;
            top: 93px;
            z-index: 999;
        }
            .logo_block::after{left: 79px;}
        .sidebar.active{
            background-color: #777570;
            display: block;
            padding: 20px 10px 0;
            position: absolute;
            left: 0px;
            top: 347px;
            z-index: 99;
        }
    /*.btn_right{
        display: block;
        right: 0px;
    }
    .btn_right.active{
        background-position: center 0;
        display: block;
        right: 0px;
        width: 400px;
    }*/
    .sidebar_right{display: none;}
    .sidebar_right.active{
        background-color: #777570;
        display: block;
        padding: 0 10px 0;
        position: absolute;
        right: 0px;
        top: 93px;
        z-index: 99;
    }
.mob_menu{
    background-color: #333;
    display: block;
    min-height: 100px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 999;
}
    .mob_logo{
        background: url(../images/logo.png) no-repeat;
        background-size: 100% 100%;
        float: left;
        height: 80px;
        margin: 10px 0 10px 15px;
        width: 43px;
    }
    .menu_btn{
        background: url(../images/menu_btn.png) no-repeat;
        cursor: pointer;
        float: right;
        height: 24px;
        margin: 35px 15px 0 0;
        width: 24px;
    }
    .mob_menu ul{
        clear: both;
        display: none;
        padding-top: 10px;
        width: 100%;
    }
        .mob_menu ul li{border-top: 1px #fff dotted;}
            .mob_menu ul a{
                color: #fff;
                display: block;
                font-size: 16px;
                line-height: 16px;
                height: 27px;
                padding: 9px 0 0 15px;
            }
                .mob_menu ul .login_btn a{
                    background: url(../images/online.png) 15px 11px no-repeat;
                    padding-left: 35px;
                }
                .mob_menu ul .reg_btn a{
                    background: url(../images/lock.png) 15px 9px no-repeat;
                    background-size: 14px 16px;
                    padding-left: 35px;
                }
.popular_single{
    margin-left: 0px;
    width: 830px;
}
    .popular_block.even{display: none;}
        .popular_block.first{display: block!important;}
.content.tag_content{
    float: none;
    width: 670px;
}
    .content.tag_content .tag_desc_bg{padding: 24px 70px 0 10px;}
}
/* Responsive */
@media screen and (max-width: 1150px){
    .all{padding: 0 70px;}
}
@media screen and (max-width: 530px){
    .all{padding: 0;}
    .post_prev,.post_next{display: none;}
}
@media only screen and (max-width: 830px) and (min-width: 300px){
.search,.tabs_index,.add_post,.help,.btn_left,.btn_right,.header,.slider_single,.comment_form_top,.complain,.comm_counter,.popular_single,.now,.social-links,.share_more_selection,.more_posts_container{display: none;}
body{background-position: center -48px;}
body.single{background: none;}
.all,.footer{
    max-width: 670px;
}

.wrapper,.slider,.index_slider,.user_panel,.content,.news,.post,.post_info,.popular,.poll_block,.footer_content,.footer_bottom,.sites,.all,.comm_form_block,.add_comment_link,.more_posts,.direct,.comment_form,.comment_form fieldset,.comment_form textarea,.comment_text,.comments,.comm_form_block,.comment_form_bottom,.level-1 .comment_text,.level-2 .comment_text,.similar,.tag_desc,.content.tag_content{
    width: auto;
}
    .wrapper{padding-bottom: 50px;}
    .content{padding-top: 0px;}
        .content.tag_content{float: none;}
    .banner_post{text-align: left;}
        .banner_post img{
            height: auto;
            width: 100%;
        }
    .post{padding: 20px 0 18px;}
        .post p,.post h1,.post h2,.post h3,.post h4,.post h5,.post h6,.post_info,.tags,.read_post{padding: 0 20px;}
        .comments .post_info{padding: 0px;}
        .single .post p.lock{margin-left: 20px;}
        .post h3{
            font-size: 20px;
            line-height: 22px;
        }
        .post p{
            font-size: 18px;
            line-height: 24px;
        }
        .post .vote p,.tag_page.single .post .vote p{padding: 0;}
        .post img,.direct img{
            height: auto;
            margin: 0 0 20px;
            width: 100%;
        }
            .post.banner img{margin: 0;}
        .popular_post img,.poll img,.avatar img{
            height: auto;
            margin: 0;
            width: auto;
        }
            .avatar img{margin-right: 20px;}
        .alignleft{margin-left: 0;}
        .alignright{margin-right: 0;}
    .quote{padding: 22px 0 9px;}
    .popular{display: table;}
    .popular a,.popular a.popular_title{
        display: table-cell;
        float: none;
        padding-right: 10px;
        vertical-align: middle;
    }
    .popular img{
        float: none;
    }
.comment_form{
    background-color: #f4f1eb;
    border: 1px #c7c1b2 solid;
    border-radius: 5px;
    box-shadow: #fff 0px 1px 0px;
    padding: 13px 0 0 0;
    width: 100%;
}
    .comments_title{margin-left: 0;}
    .comment_form fieldset{
        background: #fff;
        border-radius: 5px;
        margin: 0 11px;
    }
    .comm_rating{float: none;}
        .comment_text p{
            font-size: 16px;
            line-height: 20px;
        }
.comment{position: relative;}
    .level-1.comment.level-1.comment,.level-2.comment.level-2.comment{
        margin-left: 0px;
        padding-left: 15px;
    }
    .comm_rating{
        bottom: 9px;
        position: absolute;
        right: 0;
    }
    .comm_nav{
        clear: both;
        padding-top: 10px;
    }
        .comm_nav ul{overflow: hidden;}
        .comm_nav li{
            font-size: 13px;
            line-height: 13px;
            padding-right: 15px;
        }
    .comment_form textarea{width: 100%;}
    .comment_form_bottom{
        background: none;
        border: none;
        border-top: none;
        box-shadow: none;
    }
.tag_desc_bg{
    background-position: left;
    padding-right: 20px;
    width: 100%;
}
    .content.tag_content .tag_desc_bg{
        height: 136px;
        padding: 10px 10px 0 10px;
    }
.footer_content{
    padding-left: 10px;
    padding-right: 15px;
}
.popup{
    left: 0;
    margin: 0 20px;
    width: 100%;
}
.masonry{width: auto!important;}
.news iframe{
    height: auto;
    margin: 0 -20px !important;
    width: 100% !important;
}
.tag_masonry .tag_post{
    float: none;
    left: auto !important;
    margin: 0px 10px 20px !important;
    position: relative !important;
    top: auto !important;
}
    .tag_masonry .tag_post img{
        height: auto;
        width: 100%;
    }
menu.tag_menu{padding: 5px 20px;}
    menu.tag_menu a{
        border-radius: 0!important;
        float: none;
        display: block;
    }
    .post_info.tag_post_info{width: auto;}

}
@media only screen and (max-width: 450px) and (min-width: 300px){
    .popular_post,.mob_hidden{display: none;}
    .comment_form_bottom{
        height: auto;
        overflow: hidden;
    }
    .comment_form_bottom #id_captcha_1{
        float: left;
        margin-left: 10px;
    }
    .send_comment{
        clear: both;
        float: left;
        margin: 10px 0;
    }
    .comment_form_bottom .captcha{float: left;}
    .tag_masonry .tag_post{
        width: auto;
    }
        .tag_masonry .tag_post img{
            height: auto;
            width: 100%;
        }
}