body.ybc_blog_free_page #wrapper {
    background: #f7f9f7;
    padding: 28px 0 64px
}

body.ybc_blog_free_page #wrapper>.container {
    width: min(1080px, 92%);
    max-width: 1080px;
    padding: 0;
    margin: 0 auto
}

body.ybc_blog_free_page #wrapper #content-wrapper {
    float: none;
    width: 100%;
    max-width: none;
    padding: 0;
    margin: 0
}

.ggm-post-page {
    color: #17221b;
    overflow-wrap: anywhere
}

.ggm-post-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
    color: #087a3d;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none
}

.ggm-post-back:hover {
    color: #064d28
}

.ggm-post-back-bottom {
    margin: 32px 0 0
}

.ggm-post-page .ybc-blog-wrapper-detail,
.ggm-post-page .ybc-blog-wrapper-content,
.ggm-post-page .post-details {
    float: none;
    display: block;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent
}

.ggm-post-page .ybc_blog_free_img_wrapper {
    float: none;
    width: 100%;
    margin: 0 0 32px
}

.ggm-post-page .ybc_blog_free_img_wrapper a {
    display: block
}

.ggm-post-page .ybc_blog_free_img_wrapper img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 560px;
    object-fit: contain;
    margin: 0 auto
}

.ggm-post-page .ybc-blog-wrapper-content {
    max-width: 800px;
    margin: 0 auto
}

.ggm-post-page h1.page-heading {
    height: auto !important;
    min-height: 0;
    max-height: none;
    overflow: visible;
    margin: 0 0 20px;
    padding: 0;
    border: 0;
    color: #17221b;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: none
}

.ggm-post-page h1.page-heading .title_cat {
    display: inline;
    float: none;
    position: static;
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit
}

.ggm-post-page .blog-extra,
.ggm-post-page .ybc-blog-tags-social {
    float: none;
    width: 100%;
    margin: 0
}

.ggm-post-page .blog-extra {
    padding: 0 0 24px;
    margin-bottom: 28px;
    border-bottom: 1px solid #dce5de
}

.ggm-post-page .post-details .ybc-blog-latest-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 20px;
    float: none;
    width: 100%;
    margin: 0;
    color: #66716a;
    font-size: 12px
}

.ggm-post-page .post-details .ybc-blog-latest-toolbar>* {
    float: none;
    max-width: 100%;
    margin: 0
}

.ggm-post-page .blog-extra-facebook-share {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 16px
}

.ggm-post-page .post-details>.blog_description {
    float: none;
    width: 100%;
    margin: 0;
    color: #38453c;
    font-size: 16px;
    line-height: 1.8
}

.ggm-post-page .blog_description p {
    margin: 0 0 20px;
    line-height: 1.8
}

.ggm-post-page .blog_description h2,
.ggm-post-page .blog_description h3 {
    margin: 32px 0 16px;
    color: #17221b;
    font-family: Georgia, 'Times New Roman', serif;
    line-height: 1.3
}

.ggm-post-page .blog_description h2 {
    font-size: 26px
}

.ggm-post-page .blog_description h3 {
    font-size: 22px
}

.ggm-post-page .blog_description img,
.ggm-post-page .blog_description video {
    max-width: 100%;
    height: auto
}

.ggm-post-page .blog_description iframe {
    max-width: 100%
}

.ggm-post-page .blog_description table {
    display: block;
    max-width: 100%;
    overflow-x: auto
}

.ggm-post-page .blog_description pre {
    max-width: 100%;
    overflow-x: auto
}

.ggm-post-page .blog_description ul,
.ggm-post-page .blog_description ol {
    padding-left: 24px;
    margin-bottom: 24px
}

.ggm-post-page .blog_description li {
    margin-bottom: 8px
}

.ggm-post-page .blog_description blockquote {
    margin: 24px 0;
    padding: 8px 0 8px 20px;
    border-left: 3px solid #087a3d
}

.ggm-post-page .blog_description a,
.ggm-post-page .extra_tag_cat a,
.ggm-post-page .author-block a {
    color: #087a3d
}

.ggm-post-page .extra_tag_cat {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 24px;
    float: none;
    width: 100%;
    padding: 20px 0;
    margin: 28px 0 0;
    border-top: 1px solid #dce5de;
    color: #66716a;
    font-size: 13px
}

.ggm-post-page .ybc-blog-wrapper-comment,
.ggm-post-page .ybc_comment_form_blog,
.ggm-post-page .ybc_blog_free-comments-list,
.ggm-post-page .ybc-blog-related-posts,
.ggm-post-page #ybc-blog-related-products {
    float: none;
    clear: both;
    width: 100%;
    margin: 36px 0 0;
    padding: 28px 0 0;
    border-top: 1px solid #dce5de
}

.ggm-post-page .ybc_comment_form_blog {
    margin-top: 0;
    padding-top: 0;
    border: 0
}

.ggm-post-page .title_blog {
    margin: 0 0 20px;
    padding: 0;
    border: 0;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 24px;
    line-height: 1.3;
    text-transform: none
}

.ggm-post-page .ybc-blog-form-comment form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px
}

.ggm-post-page .ybc-blog-form-comment form>* {
    grid-column: 1 / -1;
    min-width: 0
}

.ggm-post-page .ybc-blog-form-comment .blog-name,
.ggm-post-page .ybc-blog-form-comment .blog-email {
    grid-column: auto
}

.ggm-post-page .blog-comment-row {
    float: none;
    width: 100%;
    margin: 0
}

.ggm-post-page .blog-comment-row label {
    display: block;
    width: 100%;
    margin: 0 0 8px;
    color: #38453c;
    font-size: 13px
}

.ggm-post-page .blog-comment-row .form-control {
    width: 100%;
    max-width: none;
    min-height: 44px;
    border: 1px solid #cdd8cf;
    border-radius: 4px;
    background: #fff;
    color: #17221b
}

.ggm-post-page textarea.form-control {
    min-height: 150px;
    resize: vertical
}

.ggm-post-page .flex_space_between {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 20px
}

.ggm-post-page .blog-submit {
    float: none;
    margin: 0
}

.ggm-post-page .blog-submit .button {
    padding: 12px 20px;
    border: 0;
    border-radius: 4px;
    background: #087a3d;
    color: #fff
}

.ggm-post-page .blog-comments-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.ggm-post-page .blog-comment-line {
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #dce5de
}

.ggm-post-page .comment-content {
    line-height: 1.7
}

.ggm-post-page .ybc-blog-related-posts-list:not(.owl-carousel),
.ggm-post-page .blog-product-list:not(.owl-carousel) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    padding: 0;
    margin: 0;
    list-style: none
}

.ggm-post-page .ybc-blog-related-posts-list:not(.owl-carousel)>li,
.ggm-post-page .blog-product-list:not(.owl-carousel)>li {
    float: none;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0
}

.ggm-post-page .ybc-blog-related-posts img,
.ggm-post-page #ybc-blog-related-products img {
    display: block;
    width: 100%;
    height: auto
}

.ggm-post-page .ybc-blog-related-posts .ybc_title_block {
    display: block;
    margin: 12px 0;
    font-family: Georgia, serif;
    font-size: 20px;
    line-height: 1.35;
    color: #17221b
}

@media (max-width: 600px) {
    body.ybc_blog_free_page #wrapper {
        padding: 20px 0 40px
    }

    .ggm-post-page h1.page-heading {
        font-size: 28px
    }

    .ggm-post-page .ybc_blog_free_img_wrapper {
        margin-bottom: 24px
    }

    .ggm-post-page .post-details>.blog_description {
        font-size: 15px
    }

    .ggm-post-page .ybc-blog-form-comment form,
    .ggm-post-page .ybc-blog-related-posts-list:not(.owl-carousel),
    .ggm-post-page .blog-product-list:not(.owl-carousel) {
        grid-template-columns: minmax(0, 1fr)
    }

    .ggm-post-page .ybc-blog-form-comment .blog-name,
    .ggm-post-page .ybc-blog-form-comment .blog-email {
        grid-column: 1 / -1
    }
}