/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Site
# Header
# Menus
# Widgets
# Content
    ## Posts and pages
    ## Comments
# Error 404
# Elementor
	## Posts
# Footer
--------------------------------------------------------------*/
@media (max-width: 1200px) {
    /*--------------------------------------------------------------
    # Header
    --------------------------------------------------------------*/
    .list-post span,
    .social-media {
        display: none;
    }

    /*--------------------------------------------------------------
    # Widgets
    --------------------------------------------------------------*/
    .widget.recent-widget ul h5 {
        font-size: 18px;
    }
}
@media (max-width: 991px) {
    .header-sticky .search-wrap,
    .header-sticky .main-navigation,
    .header-three .header-search-one,
    .header-two .header-search-one,
    .header-three .header-search,
    .header-two .header-search,
    .header-detail .time-det {
        display: none;
    }
    .col-lg-4 > .widget-area {
        margin-top: 80px;
    }

    /*--------------------------------------------------------------
    # Site
    --------------------------------------------------------------*/
    .order-responsive-a {
        order: 1;
        -o-order: 1;
        -moz-order: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
    }

    /*--------------------------------------------------------------
    # Header
    --------------------------------------------------------------*/
    .nav-search {
        display: block;
    }
    /*Header Two*/
    .header-left {
        width: 50%;
    }
    .header-right {
        width: 50%;
    }
    .header-three .main-navigation,
    .header-two .main-navigation {
        margin-right: 15px;
    }
    .header-three .menu-button,
    .header-two .menu-button {
        position: relative;
        top: 0;
        background-color: inherit;
        color: #000;
        margin-right: 0;
        margin-left: auto;
        padding: 0 10px;
        z-index: 9;
    }

    .site-header .header-left .logo img,
    .header-sticky .header-left .logo img {
        width: 150px;
    }

    .header-three .main-navigation ul ul,
    .header-three .main-navigation ul,
    .header-two .main-navigation ul ul,
    .header-two .main-navigation ul {
        text-align: left;
    }

    /*Headre Three*/
    .header-three .header-detail .address-det,
    .header-three .header-detail .time-det {
        display: block;
    }

    /*--------------------------------------------------------------
    # Widgets
    --------------------------------------------------------------*/
    .order-1 > .widget-area {
        margin-left: 0;
    }
    .order-responsive-a > .widget-area {
        margin-right: 0;
    }
    .footer-widget section.widget:last-child {
        margin: 0 0 40px;
    }
    .footer-widget-area .row .col-md-12:nth-child(3) .footer-widget section.widget:last-child {
        margin: 0 0 10px;
    }
    .list-post > span {
        display: block;
    }

    /*--------------------------------------------------------------
    # Menus
    --------------------------------------------------------------*/
    .c-menu,
    .menu-button {
        display: block;
    }
    .main-navigation {
        background-color: #fff;
        height: 100%;
        width: 55%;
        left: -55%;
        position: fixed;
        z-index: 9992;
        top: 0;
        overflow-x: hidden;
        padding: 30px;
        transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        -moz-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
    }
    .menu-active .main-navigation {
        left: 0;
    }
    body.admin-bar .main-navigation {
        height: calc(100% + -32px);
        top: 32px;
    }
    .main-navigation ul {
        text-align: left;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
        background-color: #fff;
    }
    .main-navigation ul li {
        display: block;
        margin-right: 0;
        border-bottom: 1px solid #f0f0f0;
        padding: 5px 0;
    }
    .main-navigation ul li:last-child {
        border-bottom: none;
    }
    .main-navigation li li {
        padding: 0;
        border-bottom: 1px solid #fff;
    }
    .header-one .main-navigation a,
    .main-navigation a {
        text-align: left;
        display: inline-block;
        line-height: normal;
        padding-bottom: 10px;
        padding-top: 10px;
        height: auto;
    }
    .header-one .main-navigation ul ul ul,
    .header-one .main-navigation ul ul,
    .header-one .main-navigation ul li:hover > ul,
    .header-one .main-navigation ul li.focus > ul,
    .header-one .main-navigation ul ul li:hover > ul,
    .header-one .main-navigation ul ul li.focus > ul {
        top: 0;
    }
    .main-navigation ul ul {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 5px;
        margin: 0;
        padding-bottom: 5px;
        position: relative;
        top: 0;
        opacity: 1;
        visibility: visible;
        display: none;
        transition: all 0s ease-out 0s;
        -o-transition: all 0s ease-out 0s;
        -moz-transition: all 0s ease-out 0s;
        -webkit-transition: all 0s ease-out 0s;
    }
    .main-navigation ul ul {
        margin-top: 10px;
        margin-bottom: 10px;
        padding-right: 20px;
    }
    .main-navigation ul ul ul {
        margin: 0;
        padding-right: 0;
        border-top: 1px solid #fff;
    }
    .main-navigation ul ul ul ul {
        padding-top: 0;
        padding-bottom: 0;
    }
    .main-navigation ul ul a {
        padding: 10px 0;
        width: auto;
    }
    .main-navigation ul ul ul {
        display: none;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 12px;
        border-radius: 0;
    }
    .site-header .main-navigation ul ul .push-left > ul,
    .site-header .main-navigation ul ul,
    .site-header .main-navigation ul ul ul,
    .site-header .main-navigation ul > li:hover > ul,
    .site-header .main-navigation ul > li.focus > ul {
        left: 0;
        top: 0;
        transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
        box-shadow: none;
        -o-box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }
    .site-header .main-navigation ul ul > li.push-left:hover > ul,
    .site-header .main-navigation ul ul > li.push-left.focus > ul,
    .site-header .main-navigation ul ul > li:hover > ul,
    .site-header .main-navigation ul ul > li.focus > ul {
        left: 0;
        top: 0;
        transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
    }
    .main-navigation li li:last-child{
        border: none;
    }
    .main-navigation .plus-menu::before {
        right: 40% !important;
    }
    .main-navigation .plus-menu {
        float: right;
        position: absolute;
        right: 0;
        width: 20px;
        height: 37px;
        display: inline-block;
        cursor: pointer;
    }


    /*--------------------------------------------------------------
    # Content
    --------------------------------------------------------------*/
    /*--------------------------------------------------------------
    ## Posts and pages
    --------------------------------------------------------------*/
    .author-info {
        display: block !important;
        text-align: center;
    }
    .author-info-img {
        display: block;
        margin: 0 auto;
        width: 70%;
        padding: 0;
    }
    .author-info-img h4 {
        width: 100%;
    }
    .author-info-text {
        margin: 0 auto;
        display: block;
        width: 90%;
        padding: 20px 0 0 0;
        border: none;
    }

    /*--------------------------------------------------------------
    ## Posts and pages
    --------------------------------------------------------------*/
    .port-heading h6 {
        width: 100%;
        display: block;
    }

    /*--------------------------------------------------------------
    # Error 404
    --------------------------------------------------------------*/
    .error-404 {
        padding: 100px 30px;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        text-align: center;
    }
    .error-image {
        order: -1;
        -o-order: -1;
        -moz-order: -1;
        -ms-flex-order: -1;
        -webkit-order: -1;
        padding: 0 30%;
        margin-bottom: 30px;
    }
    .error-desc,
    .error-image {
        width: 100%;
    }

    /*--------------------------------------------------------------
    # Elementor
    --------------------------------------------------------------*/
    /*--------------------------------------------------------------
    ## Posts
    --------------------------------------------------------------*/
    .post_list_two .article-item {
        display: block;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .post_list .entry-header {
        width: 100% !important;
        margin: 0;
        display: block !important;
    }
    .post_list .post-thumbnail {
        margin-bottom: 20px;
    }
    .post_list .entry-content {
        width: 100% !important;
        padding: 0;
        display: block !important;
    }
    .post_list .post-inner {
        display: block;
    }

    /*--------------------------------------------------------------
    # Footer
    --------------------------------------------------------------*/
    .footer-widget-area .col-md-12:nth-child(1) {
        padding-right: 15px;
    }
    .footer-widget-area .col-md-12:nth-child(2) {
        padding-right: 15px;
        padding-left: 15px;
    }
    .footer-widget-area .col-md-12:nth-child(3) {
        padding-left: 15px;
    }
    .site-info {
        padding: 10px 0;
    }
    .copyright {
        text-align: center;
    }
}
@media (max-width: 768px) {
    .header-sticky .main-navigation,
    .not-found .searchform,
    .error-desc p,
    .header-detail .address-det,
    .edit-link-post {
        display: none;
    }
    body.admin-bar .main-navigation {
        height: calc(100% + -45px);
        top: 45px;
    }
    .site-main {
        padding-top: 80px;
    }

    /*--------------------------------------------------------------
    # Header
    --------------------------------------------------------------*/
    /*Header Dark*/
    .header-dark .main-navigation ul ul {
    }
    .header-dark .plus-menu,
    .header-dark .main-navigation a,
    .header-dark .main-navigation a:hover {
        color: #000;
    }

    /*Header Two*/
    .header-three .main-navigation,
    .header-two .main-navigation {
        margin: 0;
    }
    .site-header .header-left .logo img,
    .header-sticky .header-left .logo img {
        width: 130px;
    }

    /*Header Three*/
    .header-three .logo-text,
    .header-three .logo {
        margin: 0 auto 0 0;
    }
    .header-three .menu-button{
        margin: 0 0 0 auto;
    }
    .header-three .main-navigation > ul > li {
        margin-right: 0;
        margin-left: 10px;
    }

    /*Header Sticky*/
    body.admin-bar .search-wrap,
    body.admin-bar .site-header,
    body.admin-bar .header-sticky {
        top: 45px;
    }

    /*Header Alternative*/
    .alternative .site-header {
        z-index: 999;
    }

    /*--------------------------------------------------------------
    # Content
    --------------------------------------------------------------*/
    /*--------------------------------------------------------------
    ## Posts and pages
    --------------------------------------------------------------*/
    .page-header h2 {
        width: 100%;
    }
    /*Single Post*/
    .single-one .post-thumbnail {
        padding-top: 500px;
    }
    .single-four .post-heading {
        margin-top: -100px;
    }
    .meta-single-tags,
    .post-share {
        width: 100%;
    }
    .about-author .author-avatar {
        width: 25%;
    }
    .about-author .author-description {
        width: 75%;
    }
    .post-next,
    .post-previous {
        padding: 0;
    }
    .post-next:before,
    .post-previous:before {
        display:none;
    }

    /* Related Posts */
    .item-related {
        display: block;
        margin: 0;
    }
    .item-related-inner {
        width: 100%;
        display: block;
        margin: 0 0 30px 0;
    }
    .item-related-inner:last-child {
        margin: 0 0 0 0;
    }

    /*--------------------------------------------------------------
    ## Comments
    --------------------------------------------------------------*/
    .comment-list ol,
    .comment-list ul {
        padding: 0 0 0 20px;
    }
    .comment-form {
        display: block;
    }
    .comment-det-wrapper {
        display: block;
        width: 100%;
    }
    .comment-form .comment-det-wrapper p {
        display: inline-block;
        padding-right: 0;
        margin-bottom: 15px;
    }
    .home-404 {
        margin-top: 30px;
    }

}
@media (max-width: 576px) {
    .entry-date,
    .post-share,
    .header-three .header-detail .time-det {
        display: none;
    }
    /*--------------------------------------------------------------
    # Header
    --------------------------------------------------------------*/
    /*Header Two*/
    .header-search.active-search .search-header {
        width: 150px;
    }
    .header-left {
        width: 70%;
    }
    .header-right {
        width: 30%;
    }
    .header-three .main-navigation,
    .header-two .main-navigation {
        width: 90%;
        margin: 0;
    }
    .header-two .menu-button {
        margin-right: 0;
    }

    /*Header Sticky*/
    body.admin-bar .header-sticky {
        top: 0;
    }
    body.admin-bar .site-header {
        top: 45px;
    }

    /*--------------------------------------------------------------
    # Menus
    --------------------------------------------------------------*/
    .main-navigation {
        width: 90%;
        left: -90%;
    }

    /*--------------------------------------------------------------
    # Content
    --------------------------------------------------------------*/
    /*--------------------------------------------------------------
    ## Posts and pages
    --------------------------------------------------------------*/
    .quote-post {
        padding: 160px 30px 80px;
    }

    /*Single Post*/
    .single-four .post-heading {
        padding: 30px 30px 0;
        margin-left: 15px;
        margin-right: 15px;
    }
    .single-one .post-heading,
    .single-heading .no-thumb,
    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }

    /*About Author*/
    .single-post .about-author {
        display: block;
        text-align: center;
    }
    .about-author .author-avatar {
        width: 100%;
        display: block;
        margin-bottom: 15px;
    }
    .about-author .author-avatar img {
        width: 120px;
    }
    .about-author .author-description {
        display: block;
        width: 100%;
        padding: 0;
    }
    
    /*--------------------------------------------------------------
    ## Comments
    --------------------------------------------------------------*/
    .comment-list .children {
        margin-left: 20px;
    }
    .comment-list ol,
    .comment-list ul {
        padding: 0;
        margin-left: 20px;
    }
    .comment-list img {
        width: 40px;
    }
    .author-img {
        padding-right: 15px;
    }
    .comment-meta .date,
    .comment-meta a {
        margin-left: 0;
        margin-right: 10px;
    }
    .comment-meta span.reply {
        float: none;
    }
    .error-image {
        padding: 0 15%;
    }

    /*--------------------------------------------------------------
    # Elementor
    --------------------------------------------------------------*/
    /*--------------------------------------------------------------
    ## Posts
    --------------------------------------------------------------*/
    .post_list_two .post-inner {
        display: block;
    }
    .post_list_two .entry-header {
        display: block;
        width: 100%;
    }
    .post_list_two .entry-content {
        display: block;
        width: 100%;
        padding: 20px 0 0 0;
    }

}