@media only screen and (max-width: 1600px) {

}





@media only screen and (max-width: 1440px) {

}



@media only screen and (max-width: 1200px) {

}

@media only screen and (max-width: 991px) {
    .blog-detail-page .container .wraper {
        flex-direction: column;
    }

    .blog-detail-page .container .wraper .left-block {
        max-width: 100%;
    }

    .blog-detail-page .container .wraper .left-block::after {
        display: none;
    }

    .blog-detail-page .container .wraper .right-block {
        max-width: 100%;
    }

    .header .container {
        max-width: calc(100% - 60px) !important;
    }

    div#navbarNavDropdown {
        position: absolute;
        top: 82px;
        width: 100%;
        left: 20px;
        
       
    max-width: 276px;
   
   
    }
    .header .container .left_header .navbar-collapse .navbar-nav .nav-item a {
        padding: 5px 10px 10px 10px;
        border-bottom: 1px solid rgba(0,0,0,.03);
    }

    div#navbarNavDropdown .navbar-nav {
        display: flex;
        flex-direction: column;
        row-gap: 12px;
        background: #fafafc;
        box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
        -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
        transition: width 2s;
        height: 80vh;
        padding: 10px 0;
    }

    .last-menus {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .last-menu-item a {
        padding: 0;
    }

    .footer-menu {
        width: auto;
    }

    
}


@media only screen and (max-width: 767px) {
    .blog-detail-page h1 {
        font-size: 26px;
        padding-bottom: 0;
        margin-bottom: 15px;
    }
    .post_content ul {
        margin: -9px 0 10px 0;
    }

    .category-discipleship-home a {
        flex-direction: column;
        align-items: start;
    }

    .blog-detail-page h3 {
        font-size: 17px;
        line-height: 20px;
        margin-right: 20px;
        font-weight: 700;
        min-height: auto;

    }

    .category-discipleship-home a img {
        max-width: 100%;
        flex: auto;
    }

    .header .container .middle-nav .right_header {
        gap: 15px;
    }

    .footer-mobile-bar {
        padding: 15px;
    }
    
    .main-blog-category .row {
        row-gap: 30px;
    }

    .blog-listing .container .wraper {
        display: flex;
        flex-direction: column;
        row-gap: 30px;
    }

    .blog-listing .left-block h1 a {
        font-size: 16px !important;
    }

    .main-blog-category .block .bottom {
        flex-direction: column;
        align-items: self-start;
    }

    .main-blog-category .block .bottom a {
        max-width: 100%;
        flex: auto;
        margin-bottom: 10px;
    }

    .main-blog-category .block .bottom h3.entry-title a {
        font-size: 17px;
    }

    .main-blog-category .block .middle h2 a {
        min-height: auto;
    }
    
}

@media only screen and (max-width: 575px) {
    .post_comment .title h2 {
        font-size: 18px;
        /* padding-left: 40px; */
        /* padding-bottom: 16px; */
        text-transform: none;
    }

    .post_comment .title img {
        width: 25px;
        height: 25px;
    }

    .post_content {
        padding: 30px 0;
    }

    .help_section .row {
        flex-direction: column;
    }

    .help_section .column.text {
        padding-left: 0;
        max-width: 100%;
        text-align: center;
        margin-top: 30px;
    }

    .help_section .column {
        max-width: 100%;
    }

    .post_content p {
        font-size: 16px;
        line-height: 27px;
        margin-bottom: 15px;
    }

    .post_content h2 {
        font-size: 18px;
    }
    
    .post_content h3 {
        font-size: 16px;
    }
    
    .post_content h4 {
        font-size: 14px;
    }
    
    .post_content h5 {
        font-size: 13px;
    }
    
    .post_content h6 {
        font-size: 12px;
    }

    a {
        font-size: 16px;
        line-height: 27px;
        margin-bottom: 15px;
    }

    .header .container {
        max-width: calc(100% - 30px) !important;
    }

    .catalog li a {
        margin-bottom: 0;
    }

    header .header_icon .et_pb_column .et_pb_blurb_container h4 a {
        font-size: 11px;
        display: inline-block;
    white-space: nowrap;
    }
    header .header_icon .header_icon_box_two {
        gap: 10px;
        justify-content: space-between;
    }

    .header .container .middle-nav .right_header .catalog .dropdown-menu {
        padding: 17px;
        min-width: 250px;
        left: calc(100% - 250px);
    }

    header .header_icon .header_icon_box_two .et_pb_module {
        width: calc(33.33% - 7px) !important;
    }

    .user-btn .options li a {
        margin-bottom: 0;
    }

    .last-menu-item a {
        font-size: 15px;
    }

    .search {
        margin-bottom: 20px ;
    }
}



@media only screen and (max-width: 414px) {
    .blog-listing .left-block h1 a {
        margin-bottom: 0 !important;
        line-height: 20px !important;
        padding: 8px 10px;
    }
}


@media only screen and (max-width: 360px) {
    .header .container .middle-nav .right_header .catalog .dropdown-menu {
        left: calc(100% - 190px);
    }
}

@media (min-width: 981px) {
    .et_pb_gutters1 .et_pb_column, .et_pb_gutters1.et_pb_row .et_pb_column {
        margin-right: 0;
    }

    .et_pb_gutters1 .et_pb_column, .et_pb_gutters1.et_pb_row .et_pb_column {
        margin-right: 0;
    }
}