@media (max-width: 1024px) {
    .contact-main .contact-box .contact-right .follow-list a {
        min-width: 50%;
        margin-right: 0;
    }

    /* Footer */

    #footer .container.list-flex {
        flex-wrap: wrap !important;
    }

    #footer .ft-top .ft-info {
        text-align: left;
    }

    #footer .ft-bottom .container.list-flex {
        row-gap: 20px;
    }

    .flex-two .item-flex {
        width: 100%;
    }

    #footer .ft-menu ul.menu {
        padding: 0 5px;
    }

    #footer .ft-bottom {
        margin-top: 20px;
    }

    #footer .ft-bottom .menu {
        justify-content: space-between;
    }

    /* Brand */

    .single-main .sg-right .sg-custom ul.pros-list:before,
    .single-main .sg-right .sg-custom ul.cons-list:before {
        font-size: var(--font-18);
        line-height: 24px;
    }

    /*  */
    .author-box .tag span {
        font-style: normal;
    }

    /*  */

    .popup .popup-bg .popup-box .info .box p.has-small-font-size {
        font-style: normal;
    }

    /*  */

    .home-feature .feature-social {
        align-items: center;
    }


    /* Author */

    .author-main .author-custom .author-it ul li h3 {
        font-size: var(--font-18) !important;
        line-height: 24px;
    }

    .author-main .author-custom .author-it ul li h4 {
        font-size: var(--font-15) !important;
        line-height: 23px;
    }

    .author-main .author-custom .author-it ul li p {
        font-size: var(--font-12) !important;
        font-weight: 300;
        line-height: 18px;
    }

    /* Search */

    button.gsc-search-button {
        right: 0;
    }

    .single-top .breacrump,
    .single-top #breadcrumbs {
        font-size: 12px;
        line-height: 18px;
    }


    .single-main .sg-resources ul li,
    .single-main .sg-resources ol li {
        font-size: 12px;
        line-height: 18px;
    }

    .single-main .sg-resources ol li::before {
        content: "";
    }

    .single-main .sg-resources ol li::marker {
        font-size: 12px;
        line-height: 18px;
    }
}

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

    .home-top .top-big {
        padding-right: 24px;
        width: calc(100% - 276px);
        max-height: 448px;
    }

    .home-top .news-right {
        width: 276px;
    }

    /* End Hero Section */

    .contact-main .contact-box.flex .item-flex {
        width: 50%;
    }

    .contact-main .contact-box {
        gap: 20px;
    }

    /* End Contact */

    .sg-other .news-list {
        row-gap: 20px;
    }

    .sg-other .news-list .news-it {
        width: calc(50% - 10px);
        padding: 0;
    }

    .sg-other .news-list .news-it:nth-child(odd) {
        margin-right: 20px;
    }

    /*  */

    .single-sidebar {
        display: none;
    }

    .single-main .sg-right {
        width: 100%;
        padding: 0;
    }


    .single-main .sg-right .sg-custom .sg-product-it,
    .single-main .sg-right .sg-custom .brand {
        flex-wrap: nowrap !important;
    }
}

@media (max-width: 834px) {

    /* Img name */
    .img-name {
        min-height: 46px;
    }
    /* Header */

    #header {
        padding-bottom: 0;
    }

    #header .logo a {
        width: 161px;
    }

    #header #menu-menu-main {
        display: none;
    }

    .toogle-menu {
        display: block;
    }

    #header .ed-btn {
        display: none;
    }

    #header .header-mb .ed-btn {
        display: block;
        text-align: center;
    }

    .header-mb {
        width: 100vw;
        position: relative;
        transform: translate(-50%, 0);
        left: 50%;
        background-color: var(--primary-color-3);
    }

    .header-mb .menu-main {
        padding: 20px 0;
    }

    .header-mb #menu-menu-main-1 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .header-mb .container #menu-menu-main-1>li>a {
        font-size: 16px;
        font-weight: 600;
        color: var(--text-color);
        display: block;
        margin-bottom: 15px;
        line-height: 24px;
    }

    /* Klaviyo */

    .popup .popup-bg .popup-box .info .box .feature img {
        width: 123px;
        height: 24px;
    }

    /* Table */

    .wp-block-table td,
    .wp-block-table th {
        padding: 12px 16px;
    }

    table thead th:first-child,
    table tbody td:first-child {
        position: sticky;
        left: 0;
        background-color: var(--primary-color-3);
        z-index: 1;
    }

    .no-scroll table thead th:first-child,
    .no-scroll table tbody td:first-child {
        position: unset;
    }

    table thead th:first-child::after,
    table tbody td:first-child::after {
        content: "";
        position: absolute;
        width: 1px;
        height: 100%;
        right: 0;
        top: 0;
        background-color: var(--secondary-color-1);
    }

    table thead th:first-child::before,
    table tbody td:first-child::before {
        content: "";
        position: absolute;
        width: 1px;
        height: 100%;
        left: -1px;
        top: 0;
        background-color: var(--secondary-color-1);
    }

    table tbody tr:nth-child(odd) td:first-child {
        background-color: #f8f8f8;
    }

    .no-scroll table thead th:first-child::before,
    .no-scroll table thead th:first-child::after,
    .no-scroll table tbody td:first-child::before,
    .no-scroll table tbody td:first-child::after {
        width: 0px;
    }

    /* Latest */

    .home-lastest .lastest-it .featured {
        width: 171px;
    }

    .home-lastest .lastest-it:nth-child(n+2) .info {
        width: calc(100% - 171px);
    }

    .cate-section .lastest-it:nth-child(n+2) .info {
        width: 100%;
    }


    /* Errorr */

    .error-main .error-box {
        margin: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        row-gap: 20px;
    }

    .error-main .error-box .info {
        width: 100%;
    }

    .error-main .error-box .featured {
        width: 100%;
    }

    .box-e p {
        font-size: 12px;
        line-height: 18px;
    }

    figcaption {
        font-size: 11px;
        line-height: 17px;
    }

    #couponModal .show-code-top .coupon-copy .coupon-code {
        font-size: 15px;
    }


    .gs-webResult.gs-result a.gs-title:link,
    .gs-webResult.gs-result a.gs-title:link b,
    .gs-imageResult a.gs-title:link,
    .gs-imageResult a.gs-title:link b {
        font-size: var(--font-20) !important;
        line-height: 26px !important;
    }

    .gs-webResult div.gs-visibleUrl {
        font-size: 12px !important;
        line-height: 18px !important;
        font-weight: 300 !important;
    }

    .gs-webResult:not(.gs-no-results-result):not(.gs-error-result) .gs-snippet,
    .gs-fileFormatType {
        font-size: 15px !important;
        line-height: 23px !important;
    }


    .muscle-item p:nth-of-type(2) {
        font-size: var(--font-12) !important;
        font-weight: 400 !important;
        line-height: 18px !important;
    }

    /* Treding Section */
    .home-trending .flex {
        flex-direction: column-reverse;
    }

    .home-trending .trending-social {
        flex-direction: row;
        margin-top: 0;
        position: relative;
        top: -40px;
        left: 25px;
        z-index: 1;
    }

    .home-trending .trending__content {
        flex-direction: column;
    }

    .trending__content .left {
        top: 17px;
        right: 0;
        z-index: 1;
        max-width: 75.4%;
        margin: 0 auto;
        width: 100%;
    }

    .trending__content .left .trending__content-img::before,
    .trending__content .left .trending__content-img::after {
        height: 100%;
    }

    .trending__content .left .trending__content-img::after {
        left: 0;
    }

    .trending__content .right {
        max-width: 100%;
        height: auto;
        padding: 60px 20px 40px;
    }

    .trending__content .right .trending__content-des {
        padding-left: 0;
        top: unset;
        transform: unset;
    }

    .home-trending .slick-prev,
    .home-trending .slick-next {
        top: 30%;
        transform: translate(0, -25%);
    }

    .home-trending .slick-prev {
        left: 10px;
    }

    .home-trending .slick-next {
        right: 10px;
    }

    /* Newsletter Section */
    section.newsletter-section>.container {
        margin: 0 6.8%;
        padding: 30px 0;
    }
    .newsletter-item {
        width: 48%;
        position: relative;
    }

    .newsletter-item:first-child {
        width: 52%;
    }

    .newsletter-item .newsletter-img {
        position: absolute;
        bottom: 0;
    }

    .newsletter-item .klaviyo-form form input {
        height: 47px !important;
    }

    .newsletter-item .klaviyo-form form>div:first-of-type>div:first-of-type>div>div>p {
        line-height: 250% !important;
        position: relative;
        width: 530px;
    }

    .newsletter-item .klaviyo-form form>div:first-of-type>div:first-of-type>div>div>p>span {
        font-size: 32px !important;
    }

    .coloring-template-default section.newsletter-section>.container {
        margin: 0;
        position: unset;
        width: auto;
    }
    
    .card__bottom a.coloring-btn {
        font-size: 15px;
        padding: 15px 40px 15px 32px;
    }

    .card__bottom a.card__zoom-btn:after, 
    .card__bottom a.card__download-btn:after, 
    .card__bottom a.card__print-btn:after {
        right: 18px;
    }

    .card__bottom a.card__download-btn:after {
        height: 16px;
    }

    /* About Author */

    /* Contact */
    .contact-right-box {
        top: 70%;
    }

    .slick-arrow {
        background-color: var(--primary-color-2);
    }
    
    .home-trending .slick-prev::before, .home-trending .slick-next::before {
        color: var(--primary-color-1);
    }

    .slick-arrow:hover::before, .slick-arrow:focus::before {
        color: var(--primary-color-3)
    }

    .about-feature {
        max-height: 650px;
    }

}

@media (min-width: 481px) and (max-width: 834px) {

    .container,
    .search-container {
        padding: 0 6.8%;
    }

    .home-top .top-big {
        padding-right: 24px;
    }

    .home-top .top-big .info {
        width: 65%;
    }

    .home-top .top-big .featured {
        width: 66.6%;
        right: 24px;
    }

    /* End Home top */

    #header .menu-main .menu-box .menu-menu-main-container>ul>li {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
    }

    #header .ed-btn {
        font-size: var(--font-14);
        padding: 6px 16px;
    }

    /* Product */

    .single-main .sg-right .sg-custom .sg-product-it .wp-block-column figure {
        margin-bottom: 20px;
    }

    /* End Product */

    /* End Table */

    #content .author-about .author-link p span {
        font-size: 15px;
    }

    /* Home Latest */

    .home-lastest .lastest-it:first-child {
        width: 52.4%;
        padding-right: 24px;
        margin-right: 0;
    }

    .home-lastest .lastest-it {
        margin-bottom: 16px;
        float: left;
        width: calc(100% - 52.4%);
    }

    .home-lastest.cate-section .lastest-it:first-child {
        margin-right: 16px;
        padding-right: 0;
        width: 50%;
    }

    .home-lastest.cate-section .lastest-it {
        margin-bottom: 16px;
        float: left;
        width: calc(50% - 16px);
    }

    .cate-section .lastest-it:nth-last-child(2) {
        display: none;
    }

    .home-lastest .lastest-it .featured {
        padding-top: 34.3%;
    }

    .home-lastest .lastest-it:first-child .featured {
        padding-top: 107%;
    }

    .home-lastest.cate-section .lastest-it:first-child .featured {
        padding-top: 71.2%;
    }

    .coupon-item-detail .coupon-top .flex .hightlight .action .action-item {
        width: 83%;
    }

    /* Newsletter Section */
}

@media (max-width: 768px) {
    table {
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
        position: relative;
        z-index: 3;
        scrollbar-color: var(--secondary-color-3);
        scrollbar-width: thin;
    }

    table::-webkit-scrollbar {
        position: relative;
        z-index: 2;
    }

    .wp-block-table table thead th,
    .wp-block-table table tbody td,
    .no-title .wp-block-table table tbody td {
        display: inline-block;
        width: 188px;
    }

    .wp-block-table table thead th,
    .wp-block-table table tbody td {
        display: inline-block;
        width: 188px;
    }

    table thead th:first-child,
    table tbody td:first-child {
        width: 188px;
    }
}

@media (max-width: 480px) {

    .card {
        margin-top: 0 !important;
    }
    /* Popup */
    .social a:last-of-type {
        margin-left: 0;
    }

    section.exc-hero-section:before {
        top: 30px !important;
        background-size: cover !important;
        height: 250px;
    }

    .single-main ol,
    .exc-container ol {
        margin-left: 5px;
        text-indent: -5px;
    }

    .container,
    .search-container {
        padding: 0 20px;
    }

    .search-elm-input::after {
        right: 7%;
    }

    #header {
        position: relative;
        padding: 9px 0;
    }

    #header .logo a {
        width: 135px;
    }

    .header-mb .container #menu-menu-main-1 {
        grid-template-columns: repeat(1, 1fr);
        margin-bottom: 0;
    }

    .header-mb .container #menu-menu-main-1 .sub-menu {
        margin-bottom: 0;
    }

    /* End Header */
    /* End Footer */

    .home-top .top-big {
        width: 100%;
        height: 400px;
        padding-right: 0;
    }

    .home-top .top-big .info {
        width: 90%;
    }

    .home-top .top-big .info p:last-child {
        width: 100%;
        max-height: calc(23px* 3);
    }

    .home-top .top-big .featured {
        width: 283px;
        right: 0;
    }

    .home-top .news-right {
        margin-top: 40px;
        width: 100%;
    }

    .soon-content {
        flex-direction: column;
        padding: 0 0 20px;
        text-align: center;
    }

    .soon-content .soon-img,
    .soon-content .soon-item {
        width: 100%;
    }

    .soon-content .soon-img img {
        width: 100%;
    }

    .soon-content .soon-btn {
        width: 100%;
    }

    .soon-content .social {
        justify-content: center;
    }

    /* End Soon */


    .contact-main .contact-box.flex {
        flex-wrap: wrap;
    }

    .contact-main .contact-box.flex .item-flex {
        width: 100%;
    }

    .contact-main .contact-box {
        gap: 20px;
    }

    /* End Contact */

    .home-top.cate-page .flex {
        flex-wrap: wrap;
        gap: 0;
    }

    .home-top.cate-page .news-right {
        width: 100%;
    }

    .blog-main .blog-top .top-box p {
        padding: 16px 0 0 0;
        line-height: 26px;
        margin-bottom: 0;
    }

    /* End Cate */

    .author .pd-main {
        padding: 20px 0;
    }

    .sg-other .news-list .news-it {
        width: 100%;
    }

    /* End author */

    .box-grey,
    .ft-snippet {
        padding: 20px 24px;
        background-image: url(../images/snippet-bg-mb.svg);
    }

    .box-grey>div,
    .ft-snippet>div {
        margin-bottom: 30px;
    }

    .box-grey::after,
    .ft-snippet::after {
        height: 20px;
        width: 131px;
        bottom: 15px;
    }

    /* End snippet */

    .coupon-item-detail .coupon-top .flex {
        flex-direction: column-reverse;
    }

    .coupon-item-detail .coupon-top .flex .hightlight {
        width: 100%;
        border-right: none;
        padding: 0 24px;
        row-gap: 10px;
    }

    .mail-ds {
        display: block;
        text-align: center;
    }

    .coupon-item-detail .coupon-top .flex .info {
        padding: 15px 0;
        margin: 0 15px;
        border-bottom: 1px solid var(--secondary-color-2);
    }

    #couponModal .show-code-top {
        padding: 24px;
    }

    #couponModal .coupon-top img {
        height: 41px;
        width: 131px;
    }

    #couponModal .show-code-top .coupon-top p {
        padding-left: 0;
    }

    #couponModal .coupon-md-form {
        display: block;
    }

    #couponModal .coupon-md-form p {
        margin-bottom: 16px !important;
    }

    #couponModal .show-code-top .coupon-copy .coupon-code {
        width: 100%;
    }

    #couponModal.modal a.close-modal {
        top: 12px;
        right: 20px;
    }

    .coupon-item-detail.all.coupon::before,
    .coupon-item-detail.all.coupon::after,
    .hightlight.relative-section::after,
    .coupon-top .info::after {
        width: 0;
    }

    .hightlight.relative-section::before,
    .coupon-top .info::before {
        border: none;
    }

    .coupon-item-detail .coupon-top .flex .hightlight .action {
        right: 0;
    }

    .coupon-item-detail .coupon-top .flex .hightlight .action .action-item {
        width: 87%;
    }


    /* Home Latest */

    .home-lastest {
        padding: 40px 0 16px;
        background-image: url(../images/home/mb-bg2.png);
        background-size: auto 90%;
    }

    .home-lastest .lastest-it {
        margin-bottom: 24px;
        width: 100%;
    }

    .home-lastest .lastest-it:first-child {
        margin-bottom: 24px;
        padding-right: 0;
        width: 100%;
    }

    .home-lastest.cate-section .lastest-it:first-child {
        margin-right: 0;
    }

    .home-lastest.cate-section .lastest-it:nth-child(n+2) .info {
        width: 100%;
    }

    .home-lastest.cate-section .author {
        margin-bottom: 0;
    }

    .home-lastest .lastest-it .info {
        width: 100%;
        padding-left: 0;
    }

    .home-lastest .lastest-it:nth-child(n+2) .list-flex {
        flex-wrap: nowrap;
        column-gap: 16px;
    }

    .home-lastest .lastest-it .info h3 {
        max-height: 44px;
        overflow-y: hidden;
    }

    /* End Home Latstest */

    table figure figcaption {
        position: absolute;
        top: 0;
        font-size: var(--font-22) !important;
        font-weight: 500;
        line-height: 28px;
        letter-spacing: 0px;
        color: var(--primary-color-2);
    }


    .single-main .sg-right .sg-custom .sg-product-it .wp-block-column:nth-child(2) {
        text-align: center;
    }

    .single-main .sg-right .sg-custom .sg-product-it .wp-block-column:nth-child(2) .list-check,
    .single-main .sg-right .sg-custom .sg-product-it .wp-block-column:nth-child(2) .list-remove {
        text-align: left;
    }

    .single-main .sg-right .sg-custom ul.list-check li,
    .single-main .sg-right .sg-custom ul.list-remove li {
        padding-left: 23px;
    }

    /*  */
    .home-feature-on ul li:nth-child(n+4) {
        display: none;
    }


    /* Category */
    .blog-main .blog-top:before {
        left: 20px;
        height: 80px;
    }

    .category-main .category-top .top-box .info {
        width: 100%;
    }

    .blog-main .blog-top .top-box .info h1 {
        padding-left: 24px;
        margin-bottom: 24px;
    }

    .category-main .category-top .top-box .featured img {
        height: 140px;
    }

    .blog-main .blog-top .top-box p {
        padding: 32px 0 0 0;
        margin-bottom: 0;
    }

    /* Tool */

    .calories-form form {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 20px;
    }

    .calories-form .action.odd {
        grid-column: auto;
    }

    .content-bottom .result {
        grid-template-columns: repeat(1, 1fr);
    }

    
    .content-bottom .result::before {
        width: 100%;
        height: auto;
        border-right: none;
        border-bottom: 1px dashed var(--primary-color-2);
        left: 0;
        top: 60%;
        transform: translate(0, -50%);
    }

    .result.chinese-gender .content-bottom .result::before {
        width: 0;
    }

    .result .result-left .description-range {
        width: 100%;
    }

    .result .result-left .range>img {
        left: 0;
    }


    .result .result-left .range svg {
        width: 277px;
    }

    .content-bottom .result .result-right>ul {
        margin-bottom: 0;
    }

    .calories-result {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 40px;
    }

    .calories-result::after {
        width: 100%;
        height: auto;
        border-right: none;
        border-bottom: 1px dashed var(--primary-color-2);
        top: 70%;
        left: 0;
        transform: translate(0, -50%);
    }

    /* Tool Post */

    section.exc-hero-section.tool .exc-container .tool-top {
        text-align: left;
    }

    section.exc-hero-section.tool .exc-container .tool-top .social {
        justify-content: start;
    }

    .choose-list ul {
        align-items: start;
        justify-content: start;
        flex-direction: column;
    }

    section.exc-hero-section.tool .exc-container .tool-top .social a:first-child {
        margin-left: 0;
    }

    /* Trending Section */
    .home-trending .container {
        padding: 0 10px;
    }

    .trending__content .left {
        max-width: 96.3%;
        top: 10px;
        margin: unset;
        right: -3px;
    }

    .trending__content .right {
        min-height: 400px;
    }

    .trending__content .left .trending__content-img::before {
        transform: rotate(-4.04deg);
    }

    .trending__content .left .trending__content-img::after {
        transform: rotate(-175.926deg);
    }

    .home-trending .trending-social {
        max-width: 90%;
        width: 100%;
    }

    .home-trending .slick-prev,
    .home-trending .slick-next {
        top: 22%;
    }

    .home-trending .slick-prev {
        left: 0;
    }

    .home-trending .slick-next {
        right: 0;
    }

    /* Card Coloring Image */

    .coloring__top-content {
        flex-direction: column;
    }
    .card__bottom a.coloring-btn {
        font-size: 15px;
    }

    .card__top .card__image {
        bottom: -20px;
    }

    #imageModal {
        padding: 0;
    }

    #imageModal .card__top .card__image {
        bottom: -30px;
    }


    #imageModal .card__bottom {
        padding: 40px 20px 20px;
        text-align: center;
        flex-direction: column;
        gap: 20px;
    }

    #imageModal .action {
        flex-direction: row;
    }

    .card__bottom a.card__print-btn:after {
        right: 28px;
    }

    /* Newsletter Section */

    section.newsletter-section {
        padding-bottom: 20px;
    }

    section.newsletter-section>.container {
        padding: 30px 0;
        margin: 0 20px;
    }

    section.newsletter-section .container .flex {
        flex-direction: column;
    }

    .newsletter-item {
        width: 100% !important;
        position: relative;
    }

    .newsletter-item .klaviyo-form form>div:first-of-type>div:first-of-type>div>div>p {
        width: auto;
        position: unset;
    }

    .newsletter-item .newsletter-img {
        position: unset;
    }

    /* About */
    .about-feature {
        grid-template-columns: 100%;
        grid-template-rows: 1fr;
        gap: 10px;
        max-height: 100%;
    }

    .about-feature .item {
        padding: 0;
    }

    .about-feature .item-1,
    .about-feature .item-2,
    .about-feature .item-3 {
        grid-column: unset;
        grid-row: unset;
    }

    .about-feature .item-3 {
        display: block;
    }

    .about-feature .item-3 > div {
        width: 100%;
    }

    /* Footer Menu */
    #footer .ft-bottom .menu > li {
        width: 50%;
    }

    /* Tags */
    .tags-list {
        margin: 0 auto 20px;
    }

    .tags-list a:nth-child(n+4) {
        display: none;
    }
}