@media screen and (max-width:1230px) and (min-width:991px){
    .post-list .post-cat{
        margin-bottom:0
    }
    .post-list .title{
        font-size:18px
    }
    .post-list .post-detail{
        display:none
    }
}
@media screen and (max-width:990px){
    .menu-list{
        text-align:left;
        padding:10px 30px;
        font-size:12px
    }
    .menu-list li{
        display:block
    }
    .menu-list > li:first-child{
        margin-left:0
    }
    .menu-list li a{
        display:block;
        margin:0;
        line-height:40px;
        border-bottom:1px solid rgba(0,0,0,0.05)
    }
    .menu-list > li:last-child a{
        border-bottom:none
    }
    .sub-menu{
        position:relative;
        background-color:transparent;
        border:none;width:auto;
        display:none;
        visibility:visible;
        opacity:1;
        font-size:10px;
        padding-left:20px
    }
    .menu-item-has-children > a{
        position:relative
    }
    .menu-expand{
        display:block;
        position:absolute;
        right:0;
        top:0;
        width:40px;
        text-align:center
    }
    .menu-expand:before{
        content:'\f105';
        font-family:FontAwesome
    }
    .active > a .menu-expand:before{
        content:'\f107'
    }
    .sub-menu li{
        border:none
    }
    .sub-menu .sub-menu{
        top:0;
        left:0
    }
    .sidebar{
        width:100%;
        max-width:767px;
        margin:0 auto;
        float:none
    }
    .sidebar-left .widget:first-of-type{
        padding-top:0
    }
    [data-sidebar="left"] .wrapper-posts,
    [data-sidebar="right"] .wrapper-posts{
        width:100%;
        max-width:767px;
        margin:0 auto;
        float:none
    }
    .post-grid{
        width:100%;
        float:none
    }
    .post-list{
        margin-bottom:40px
    }
    .post-list .post-media{
        padding-right:0;
        width:100%;
        height:auto;
        margin-bottom:0;
        float:none
    }
    .post-list .post-media a{
        background:none !important
    }
    .post-list .post-media a img{
        display:block
    }
    .post-list .post-cat{
        text-align:center
    }
    .post-list .post-content{
        padding-left:40px;
        padding-right:40px;
        text-align:center
    }
    .post-content{
        padding:35px 30px 20px 30px
    }
    #post-author{
        padding-left:30px;
        padding-right:30px
    }
    #comments{
        padding-left:30px;
        padding-right:30px
    }
    .navigation{
        display:none
    }
    .navigation-small{
        display:block;
        float:none;
        background-color:#fff;
        margin-bottom:30px
    }
}
@media screen and (max-width:767px){
    .pm-list{
        overflow-x:auto;
    }
    .pm-list>form{
        min-width:767px;
    }
    #comments{
        padding-left:20px;
        padding-right:20px
    }
    #comments .comment-body,
    #comments ul.comment-list > li:last-child .comment-body{
        position:relative;
        padding-bottom:50px
    }
    #comments .comment-reply{
        display:block;
        float:none;
        width:100%;
        margin-bottom:20px;
        text-align:center
    }
    .form-submit .fix{
        margin-bottom:25px
    }
    .related-table tbody tr td{
        white-space:nowrap
    }
    .contact-double-item{
        margin-left:0;
        margin-right:0
    }
    .contact-double-item .contact-item{
        float:none;
        width:100%;
        padding-left:0;
        padding-right:0
    }
    .contact-double-item .contact-item:last-child{
        margin-bottom:25px
    }
    .sidebar-left .widget{
        padding-left:10px;
        padding-right:10px
    }
}
@media screen and (max-width:600px){
    .wrap-logo .logo .logo-svg{
        width:68px;
        height:68px;
        margin-left:-23px;
        margin-right:-46px;
        background-size:68px 68px;
    }
    .wrap-logo a{
        font-size:60px
    }
    .wrap-logo .slogan{
        font-size:14px
    }
    .owl-carousel{
        padding:0 15px 0 15px
    }
    .sidebar-left{
        width:250px
    }
    .title{
        font-size:20px
    }
    #post-author{
        padding-left:20px;
        padding-right:20px;
        -webkit-box-shadow:none;
        -khtml-box-shadow:none;
        -moz-box-shadow:none;
        -ms-box-shadow:none;
        -o-box-shadow:none;
        box-shadow:none;
        border-left:none
    }
    .post-content{
        padding:25px 20px 20px 20px
    }
    .avatar-author{
        float:none;
        margin-bottom:10px
    }
    .post-author-content{
        margin-left:0;
        padding-left:0
    }
    .author-socials{
        margin-left:0;
        padding-left:2px
    }
    .page_title_404{
        font-size:100px
    }
    .copyright,
    .counters{
        float:none;
        width:100%;
        text-align:center
    }
}
@media screen and (max-width:460px){
    .post-content .title{
        text-align:center;
    }
     .user-main{
        padding:0;
    }
    .u-avatar{
        float:none;
        margin:0 auto;
        padding:0
    }
    .user-avatar{
        height:100px;
        border-radius:50px;
        overflow:hidden;
        box-shadow:0 0 0 10px rgba(255,255,255,0.3)
    }
    .user-avatar img{
        width:100%;
        height:100%
    }
    .u-name{
        padding:10px 0
    }
    .u-name div{
        text-align:center
    }
    .user-info{
        margin-bottom:20px
    }
    .user-info div{
        width:100%;
        height:auto;
        float:none;
        background:#fff;
        border:0 none;
        border-bottom:1px solid #dbdbdb;
    }
    .user-info span{
        display:block;
        padding:0
    }
    .user-info b{
        font-size:13px
    }
    .user-connect div{
        float:none;
        width:100%
    }
    .popup-user-content .ui-c1,
    .popup-user-content .ui-c2{
        display:block
    }
    #comments .comment-reply a{
        padding:3px 10px
    }
    #comments .comment-avartar{
        float:none;
        display:block;
        width:100px;
        margin:0 auto;
        padding-bottom:20px
    }
    #comments .comment-avartar img{
        border-radius:50%;
        width:100px
    }
    .comment-context{
        width:100%;
        margin-left:0;
        padding:0;
    }
    #comments .comment-author{
        text-align:center
    }
    #comments .comment-date{
        display:block;
        text-align:center
    }
    #comments .comment-date:before{
        content:'';
        margin-right:0
    }
    .counter{
        margin-left:4px
    }
}
@media screen and (min-width:600px){
    .kd-container{
        max-width:560px
    }
}
@media screen and (min-width:767px){
    .kd-container{
        max-width:700px
    }
}
@media screen and (min-width:990px){
    .kd-container{
        max-width:800px
    }
}
@media screen and (min-width:991px){
    .kd-container{
        max-width:960px
    }
}
@media screen and (min-width:1230px){
    .kd-container{
        max-width:1200px
    }
}