@media only screen and (max-width: 1400px) and (min-width: 1200px) {
    .statistic-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1024px) {
    .container {
        width: 970px;
    }

    header#header .header-wrapper .navigation {
        justify-content: flex-end;
    }

    .mondok-header #main-menu-state {
		display: none;
	}

    .header-btn {
        display: none !important;
    }

    #header.header-expand {
        background: #FFFFFF;
    }

    #main-menu-state:checked ~ #main-menu {
        position: absolute;
        width: 100%;
        left: 0;
        top: 90px;
        padding: 30px 20px;
        background: #FFFFFF;
    }

    header#header .header-wrapper .navigation nav > ul {
        display: block;
    }

    header#header .header-wrapper .navigation nav > ul li {
        margin-right: 0;
    }

    header#header .header-wrapper .navigation nav ul li a {
        padding: 13px 0;
    }

    .sm-clean .sub-menu,
    .sm-clean .children {
        background: transparent;
        box-shadow: none;
        -webkit-box-shadow: none;
        padding: 0;
    }

    footer.site-footer .footer-top {
        flex-wrap: wrap;
    }

    footer.site-footer .footer-top .footer-form,
    footer.site-footer .footer-top .footer-widget-wrap {
        flex: 100%;
    }

    footer.site-footer .footer-bottom {
        flex-wrap: wrap;
        gap: 20px;
        text-align: center;
    }

    footer.site-footer .copyright-text,
    footer.site-footer .footer-bottom .footer-bottom-right {
        flex: 100%;
    }

    footer.site-footer .footer-bottom .footer-bottom-right {
        flex-wrap: wrap;
        gap: 10px;
    }

    footer.site-footer .menu-footer-bottom {
        flex: 100%;
        order: 10;
    }

    footer.site-footer .footer-bottom .menu-footer-bottom ul,
    footer.site-footer .footer-bottom .footer-social ul {
        justify-content: center;
    }

    footer.site-footer .footer-bottom .footer-social {
        flex: 100%;
        margin-left: 0;
    }

    .blog.wrapper {
        margin: 80px 0;
    }

    .blog-loop {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .single-post .blog-section .blog-item .col-md-9 {
        width: 70%;
    }

    .single-post .blog-section .blog-item .col-md-3 {
        width: 30%;
    }

    .statistic-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .woocommerce-account .myaccount-body {
        flex-wrap: wrap;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100%;
        max-width: 100%;
    }

    .ttswp-tts-wrap .audio-opts {
        flex-wrap: wrap;
    }

    .ttswp-tts-wrap .audio-opts > div {
        flex: 25%;
    }
}

@media (max-width: 768px) {
    .container {
        max-width: 100%;
        padding: 0 20px;
    }

    .single-post .blog-section .blog-item .col-md-9,
    .single-post .blog-section .blog-item .col-md-3 {
        width: 100%;
    }

    .blog-section.blog-loop .blog-item {
        width: 100%;
        padding: 0;
    }
}

@media (max-width: 767px) {
    .blog-loop {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .pagination-post-wrap {
        column-gap: 0;
    }

    .item-pagination {
        grid-column: span 12 / span 12;
    }

    .statistic-wrapper {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .ttswp-tts-wrap .audio-opts > div {
        flex: 100%;
    }
}

@media (max-width: 575px) {
    .single-post-author-wrap {
        display: block;
    }

    .single-post-author-wrap .image-author img {
        margin: 0 auto 25px;
    }

    .single-post-author-wrap .desc-author .desc-author-top {
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 10px;
    }

    .single-post-author-wrap .desc-author .desc-author-top > div {
        width: 100%;
    }

    .single-post-author-wrap .desc-author .desc-author-top ul {
        justify-content: center;
    }

    .desc-author a {
        text-align: center;
    }
}

@media (max-width: 480px) {
    .comment .children {
        padding-left: 30px;
    }

    .comment-author {
        flex-wrap: wrap;
        line-height: 20px;
    }

    .comment-author cite.fn,
    .commentmetadata {
        flex: 100%;
    } 
}

@media (max-width: 425px) {
    footer.site-footer .footer-top .footer-form .form-footer-wrap {
        flex-wrap: wrap;
    }

    footer.site-footer .footer-top .footer-form .form-footer-wrap input[type="submit"] {
        width: auto;
    }

    .detail-pagination-post {
        width: 75%;
    }
}