@media screen and (max-width: 1200px) {
    .app_header.post_header {
        max-width: 940px;
    }

    .app_header.post_header .postimg {
        margin-right: 15px;
    }

    .post_header .posthumb2_title .posthumb2_h2 {
        font-size: 33px;
        line-height: 1.5em;
    }

}


@media screen and (max-width: 992px) {

    .author_sec_inner>span {
        max-width: 100%;
    }

    .app_header.post_header {
        margin: 0;
        padding: 15px 0;
    }

    .app_header.post_header .postimg {
        margin: 0 auto 20px;
        width: 100%;
    }

    .blured {
        filter: blur(30px);
        top: 70px;
        opacity: 0.7;
    }

    .post_header .posthumb2_title {
        order: 1;
        padding: 10px;
    }

    .app_header.post_header .postimg {
        order: 2;
    }

    .post_col_line {
        order: 3;
    }

    .post_col_line {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }


    .post_line {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
    }

    .post_line li {
        margin: 0 auto;
    }


    .inpc {
        display: none;
    }

    .inmob {
        display: block;
    }


    .mainpost>h2 {
        margin: 20px auto;
        font-size: 27px;
    }


    .sec.container.sec_postheader {
        margin: 10px auto;
    }

    .mainpost img {
        max-width: 100%;
    }


    blockquote {
        padding: 30px;
    }

    .single_pills.fixlinebox {
        flex-wrap: wrap;
    }

    #article_navbar {
        max-width: 100%;
        min-width: 100%;
    }

    .single_pills.fixlinebox {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .article_navbar_inner>b {
        display: none;
    }

    .article_navbar_inner .nav-item {
        display: none;
    }

    .article_navbar_inner .nav-item.current, .article_navbar_inner .nav-item.after, .article_navbar_inner .nav-item.before {
        display: block;
    }

    .article_navbar_inner {
        position: fixed;
        z-index: 999;
        bottom: 63px;
        margin: 0 auto;
        right: 0;
        left: 0;
        display: flex;
        justify-content: center;
        background: var(--color-white);
        border-top: 1px solid var(--color-light);
        overflow: hidden;
    }

    .article_navbar_inner ul li a {
        display: block;
        width: 100%;
        text-align: center;
        padding: 2px;
    }

    .nav.article_navbar_inner_list li.nav-item.current {
        padding: 2px;
    }


    .article_navbar_inner li, .article_navbar_inner ul {
        margin: 0 auto;
        padding: 0;
    }


    .nav.article_navbar_inner_list li.nav-item.before {
        -webkit-transform: scale3d(1, 1, 1) rotate3d(1, 0, 0, 45deg);
        transform: scale3d(1, 1, 1) rotate3d(1, 0, 0, 45deg);
        margin: -5px 0;
    }

    .nav.article_navbar_inner_list li.nav-item.before a::before {
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        top: 0;
        background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, var(--color-white) 100%);
    }

    .nav.article_navbar_inner_list li.nav-item.after {
        -webkit-transform: scale3d(1, 1, 1) rotate3d(1, 0, 0, -45deg);
        transform: scale3d(1, 1, 1) rotate3d(1, 0, 0, -45deg);
        margin: -5px 0;
    }

    .nav.article_navbar_inner_list li.nav-item.after a::after {
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        top: 0;
        background: linear-gradient(0deg, var(--color-white) 0%, rgba(255, 255, 255, 0) 100%);
    }


    .app_thumb.app_thumb_innerblog .icon_row {
        padding: 15px 15px 15px 110px!important;
    }


    .app_thumb.app_thumb_innerblog .btn.downloadlink {
        left: 15px;
    }

}



@media screen and (max-width: 768px) {


    .app_header.post_header {
        max-width: 100%;
    }

    .app_header.post_header .postimg {
        min-width: 100px;
    }

    .post_header .posthumb2_title .posthumb2_h2 {
        font-size: 20px;
    }

    .post_line svg {
        width: 20px;
        min-width: 20px;
        height: 20px;
        margin-bottom: 7px;
    }

    .mainpost > p {
        font-size: 16px;
        padding: 0;
        margin: 0;
      }

    blockquote {
        padding: 20px;
        font-size: 15px;
    }

    .app_header.post_header {
        margin: 0;
    }

    #single_inner {
        padding: 5px;
        margin: 0 auto;
    }

    .author_sec {
        margin-bottom: 25px;
    }

    .author_face_box {
        margin-bottom: 15px;
    }

    .author_face {
        width: 90px;
        height: 90px;
    }

    .author_sec_inner>span {
        max-width: 90%;
        font-size: 15px;
        line-height: 1.6em;
    }

    .author_name b {
        font-size: 19px;
    }


    .social.shareit.author_social_links li a {
        width: 42px;
        height: 42px;
    }


}