@media screen and (max-width: 950px){
    a.logo{
        margin-left: 0;
    }
    #header{
        padding-bottom: 30px;
    }
    #header .top{
        margin-top: 27px;
        padding: 0 20px;
    }
    #header .hid{
        display: block;
        float: right;
        padding-top: 10px;
    }
    #header .top_nav{
        padding: 0 20px 5px;
        border-bottom: 1px solid #DDD;
    }
    #header .menu{
        display: none;
        position: absolute;
        width: 100%;
        margin: 0;
        left: 0;
        background: #fff;
        top: 68px;
        z-index: 9;
        padding-bottom: 10px;
    }
    #header .menu > ul{
        padding: 0 20px;
    }
    #header .menu > ul > li{
        display: block;
        text-align: center;
        border-bottom: 1px solid #DDD;
        text-transform: uppercase;
    }
    #header .menu .login{
        margin-top: 10px;
        border-bottom: 0;
    }
    #header .menu .login a{
        background: #37A0E4;
        border-radius: 10px;
        color: #fff;
    }
    #header .menu ul ul:before{
        display: none;
    }
    #header .menu ul ul{
        position: relative;
        text-align: center;
        background: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        width: auto;
        border-top: 1px solid #DDD;
    }
    #header .menu ul ul li a{
        color: #959595
    }
    #header .search_btn{
        display: inline-block;
        width: 40px;
        height: 40px;
        background: url(../img/search_2.png) no-repeat center;
    }
    #header .menu_btn{
        display: inline-block;
        width: 40px;
        height: 40px;
        background: url(../img/menu.png) no-repeat center;
    }


    #header .search_form{
        position: absolute;
        display: none;
        width: 100%;
        left: 0;
        top: 80px;
        background: #fff;
        padding-bottom: 30px;
    }
     #header .search_form form{
        width: 85%;
        min-width: 280px;
     }
    
    .top h1{
        float: none;
    }
    
    #header .top .hid{
        float: none;
        padding-top: 35px;
    }
    #header .cat_list{
        font-size: 16px;
        text-transform: uppercase;
        position: relative;
    }
    #header .cat_list .title{
        color: #666666;
        height: 58px;
        line-height: 58px;
        border: 1px solid #DDD;
        padding: 0 20px;
        position: relative;
    }
    #header .cat_list .title:after{
        position: absolute;
        display: block;
        content: '';
        border-top: 10px solid #37A0E5;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        top: 26px;
        right: 20px;
    }
    #header .cat_list ul{
        display: none;
        position: absolute;
        width: 100%;
        border: 1px solid #DDD;
        border-top: 3px solid #818181;
        background: #fff;
        top: 60px;
        left: 0;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    #header .cat_list li{
        padding: 0 20px;
        line-height: 40px;
    }
    #header .cat_list li a{
        color: #666666;
    }

    .sidebar .widget{
        display: none;
    }
    .home .sidebar .widget.popular{
        display: block;
    }



    .top .social{
        display: none;
    }
    .post_list{
        width: auto;
        float: none;
        padding: 0 20px;
    }
    .hero{
        padding: 20px;
    }

    .sidebar{
        width: auto;
        float: none;
        padding: 0 20px;
        margin-top: 30px;
    }

    #footer{
        padding: 100px 20px 0;
    }
    #footer .item{
        width: auto;
        padding: 0 30px 0 0;
    }
}

@media screen and (max-width: 767px){
    .hero,#footer .item,#footer .copyright{
        display: none;
    }
    .top h1{
        font-size: 30px;
    }
    .entry-content .alignleft, .entry-content .alignleft{
        float: none;
        margin: 0 auto 15px;
        display: block;
    }
    .post_list .social,.post_list .bottom .info{
        float: none;
    }
    .recent li{
        width: 100%;
        float: none;
        margin: 0 0 10px;
    }
    #footer{
        padding: 55px 0 45px;
        border-top: 1px solid #DDD;
        height: auto;
    }
    #footer .hid{
        display: block;
    }
     #footer .hid .footer_menu {
        padding-bottom: 32px;
     }
    #footer .hid ul{
        text-align: center;
    }
    #footer .hid li{
        display: inline-block;
        position: relative;
        padding: 0 5px;
    }
    #footer .hid .footer_menu li:before{
        position: absolute;
        background: #323232;
        top: 9px;
        left: 0;
        height: 15px;
        width: 1px;
        content: '';
        display: block;
    }
     #footer .hid li:first-child:before{
        display: none;
     }
    #footer .hid a{
        color: #323232;
        font-size: 15px;
        line-height: 30px;
    }
}