/* > MOBILE */
@media all and (min-width: 601px) {
    .logo-topbar img {
        width: 80px;
    }

    .hide--up-mobile {
        display: none !important;
    }

    .listing-default .image-wrapper,
    .listing-default .image-wrapper * {
        height: 208px;
    }

    .listing-default .content-item {
        min-height: 284px;
    }

    .wh-subtitle.align-desktop-left {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
           -moz-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }

    .wh-subtitle.align-desktop-center {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        text-align: center;
    }

    .wh-subtitle.align-desktop-right {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
           -moz-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        text-align: right;
    }
}


/* > TABLET */
@media all and (min-width: 901px) {
    .hide--up-tablet {
        display: none !important;
    }

    .vc_row.row-nav--footer > .wpb_column:nth-child(2){
        max-width: 280px;
    }

    .vc_row.row-nav--footer > .wpb_column:nth-child(3){
        max-width: 210px;
    }

    .vc_row.row-nav--footer > .wpb_column:last-of-type {
        max-width: 270px;
    }

    .site-footer .section-content-footer:before {
        background: -webkit-linear-gradient(275deg, var(--yellow) -100%, var(--red-dark) 100%);
        background: -moz-linear-gradient(275deg, var(--yellow) -100%, var(--red-dark) 100%);
        background: -o-linear-gradient(275deg, var(--yellow) -100%, var(--red-dark) 100%);
        background: linear-gradient(175deg, var(--yellow) -100%, var(--red-dark) 100%);
    } 

    /* listing */
    .listing-latest-blog > .listing-item:first-of-type {
        width: 66.666%;
    }

    .listing-latest-blog > .wrapper,
    .listing-latest-blog > .listing-item:not(:first-of-type) {
        width: 33.333333%;
    }

    .listing-latest-blog > .wrapper > .listing-item {
        padding: 0 -webkit-calc(var(--listing-gap) / 2);
        padding: 0 -moz-calc(var(--listing-gap) / 2);
        padding: 0 calc(var(--listing-gap) / 2);
        margin-bottom: var(--listing-gap-bottom);
    }

    .listing-latest-blog > .listing-item:first-of-type .title-listing {
        -webkit-line-clamp: 1;
    }

    .listing-latest-blog > .listing-item:first-of-type .excerpt-listing {
        -webkit-line-clamp: 3;
    }

    /* single */
    .single-post .section-article-left {
        width: 66.66666667%;
    }

    .single-post .section-article-right {
        width: 33.33333333%;
    }

    .sticky-aside {
        position: -webkit-sticky;
        position: sticky;
        top: var(--sticky-offset);
        z-index: 3;
    }

    .section-article-right-inner > .wpb-content-wrapper {
        max-width: 335px;
        margin-left: auto;
    }

    /* single product */
    .section-product > .section-product-left {
        width: 41.66666667%;
    }

    .section-product > .section-product-right {
        width: 58.33333333%;
    }

    /* gallery */
    .wrapper-gallery-thumbnail {
        padding-right: 34px;
    }

    .vc_row.row-content-side-image > .wpb_column:first-of-type > .vc_column-inner >.wpb_wrapper {
        padding-right: 30px;
    }

    /* single product */
    .section-product,
    .section-shop  {
        margin-top: 20px;
    }

    .listing.listing-simple .listitem-wrapper:not(:hover) .wrapper-button {
        position: relative;
        opacity: 0;
        margin-top: -62px;
    }

    .listing.listing-simple .listitem-wrapper {
        margin-bottom: 62px;
    }

    .section-article-right-inner .wpb-content-wrapper {
        -webkit-transition: var(--duration);
        -o-transition: var(--duration);
        -moz-transition: var(--duration);
        transition: var(--duration);
    }

    .section-article-right-inner .wpb-content-wrapper:hover {
        -webkit-transform: translateY(-70px);
           -moz-transform: translateY(-70px);
            -ms-transform: translateY(-70px);
             -o-transform: translateY(-70px);
                transform: translateY(-70px)
    }

}


/* >= DESKTOP & LAPTOP */
@media all and (min-width: 1300px) {
    .hide--up-desktop {
        display: none !important;
    }

    .vc_row.row-nav--footer > .wpb_column {
        width: auto;
    }

	.vc_row.row-nav--footer > .wpb_column:first-of-type {
        max-width: 280px;
    }

    body.search .site-main {
        margin-bottom: 128px;
    }
}


/* >= LARGE DESKTOP */
@media all and (min-width: 1600px) {
	.back-to-top {
        right: -webkit-calc(var(--padding-container) - 98px - 7%);
        right: -moz-calc(var(--padding-container) - 98px - 7%);
        right: calc(var(--padding-container) - 98px - 7%);
    }

    .heading-search {
        margin-bottom: 160px;
    }

}


/* < LARGE DESKTOP */
@media all and (max-width: 1599px) {

}


/* >= DESKTOP & LAPTOP && < LARGE DESKTOP */
@media all and (min-width: 1300px) and (max-width: 1599px) {
    .back-to-top {
        --position-right-top: -55px;
    }

    .site-breadcrumbs {
        --gap-top-breadcrumbs: 80px;
    }

    .listing.listing-list .title-listing {
        --text-xl: 16px;
    }

    .heading-search {
        margin-bottom: 120px;
    }

}


/* <= LARGE TABLET */
@media all and (max-width: 1299px) {
	.hide--under-desktop {
        display: none !important;
    }

    .back-to-top {
        --position-right-top: -53px;
        --size-icon-arrow: 16px;
    }

    .back-to-top > span {
        font-size: 10px;
    }
}


/* > MOBILE && <= LARGE TABLET */
@media all and (min-width: 601px) and (max-width: 1299px) {
	
}


@media all and (min-width: 901px) and (max-width: 1299px) {
    .site-footer:after {
        width: 100px;
    }

    .single-post .section-article {
        --gap-related: 120px;
    }

    .site-breadcrumbs {
        --gap-top-breadcrumbs: 80px;
    }

    .row-nav--footer .logo-groups {
        gap: 26px !important;
    }

    body.search .site-main {
        margin-bottom: 68px;
    }

    .heading-search {
        margin-bottom: 100px;
    }

}

/* <= TABLET */
@media all and (max-width: 900px) {
	.hide--tablet {
        display: none !important;
    }

    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-bottom: 13px;
    }

    .site-footer .vc_row.row-nav--footer h3 {
        margin-bottom: 18px;
    }

    .logo-label-wrapper.usp-our-companynone .logo-groups {
        width: auto;
    }

    .wpb_single_image.media-more-about {
        width: 46%;
        margin-left: auto;
    }

    .wh-subtitle p {
        font-size: var(--text-sm);
        line-height: 1.25;
    }

    .row-bottom--footer .wpb_text_column.text-sm  {
        --text-sm: var(--text-xs);
    }

    .row-nav--footer >.wpb_column:not(:first-of-type):not(:last-of-type) {
        width: 50%;
    }

    .row-nav--footer >.wpb_column:last-of-type {
        margin-top: 60px;
        max-width: 90%;
    }

    .site-footer .vc_row.row-nav--footer h3 {
        --text-2xl: 18px;
    }

    .vc_section.section-content-footer {
        background-image: url(/wp-content/uploads/2024/12/pattern-footer-mobile.png) !important;
    }

    .site-footer .section-content-footer:before {
        background: -webkit-linear-gradient(275deg, var(--yellow) -125%, var(--red-dark) 100%);
        background: -moz-linear-gradient(275deg, var(--yellow) -125%, var(--red-dark) 100%);
        background: -o-linear-gradient(275deg, var(--yellow) -125%, var(--red-dark) 100%);
        background: linear-gradient(175deg, var(--yellow) -125%, var(--red-dark) 100%);
    } 

    .site-breadcrumbs {
        --text-base: 14px;
        --gap-top-breadcrumbs: 40px;
        margin-bottom: 8px;
    }

    .vc_row.row-item-card {
        --gap-row-item: 24px;
        --padding-inner: 24px;
    }

    .vc_row.row-item-card > .wpb_column:nth-child(2).vc_col-sm-8 {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
           -moz-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;
    }

    .vc_row.row-item-card > .wpb_column.vc_col-sm-8 .wpb_single_image {
        height: 327px;
    }

    .vc_row.row-item-card > .wpb_column.vc_col-sm-8>.vc_column-inner>.wpb_wrapper {
        -webkit-border-bottom-left-radius: 0;
           -moz-border-radius-bottomleft: 0;
                border-bottom-left-radius: 0;
        -webkit-border-bottom-right-radius: 0;
           -moz-border-radius-bottomright: 0;
                border-bottom-right-radius: 0;
    }

    .vc_row.row-item-card > .wpb_column.vc_col-sm-4>.vc_column-inner>.wpb_wrapper {
        -webkit-border-top-left-radius: 0;
           -moz-border-radius-topleft: 0;
                border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
           -moz-border-radius-topright: 0;
                border-top-right-radius: 0;
    }

    .vc_row.row-item-card > .wpb_column.vc_col-sm-4>.vc_column-inner>.wpb_wrapper h3 {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
           -moz-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-bottom: 0;
    }

    .vc_row.row-item-card > .wpb_column.vc_col-sm-4>.vc_column-inner>.wpb_wrapper h3 + p {
        padding-top: 16px;
    }

    .vc_row.row-item-card > .wpb_column.vc_col-sm-4>.vc_column-inner>.wpb_wrapper h3:after {
        display: block;
        content: '';
        width: 16px;
        height: 9.5px;
        margin-left: 16px;
        background: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.9413 0.724075C8.42067 0.203357 7.57517 0.203357 7.05454 0.724075L0.390472 7.38925C-0.130157 7.90997 -0.130157 8.75561 0.390471 9.27633C0.911102 9.79705 1.75661 9.79705 2.27724 9.27633L8 3.55261L13.7228 9.27217C14.2434 9.79288 15.0889 9.79288 15.6095 9.27217C16.1302 8.75145 16.1302 7.90581 15.6095 7.38509L8.94546 0.719908L8.9413 0.724075Z' fill='white'/%3E%3C/svg%3E") center / contain no-repeat;
        -webkit-transition: var(--duration);
        -o-transition: var(--duration);
        -moz-transition: var(--duration);
        transition: var(--duration);
        -webkit-transform: rotate(180deg);
           -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
             -o-transform: rotate(180deg);
                transform: rotate(180deg);
    }

    .vc_row.row-item-card > .wpb_column:nth-child(2).vc_col-sm-4>.vc_column-inner>.wpb_wrapper h3:after {
        -webkit-filter: brightness(0.2);
                filter: brightness(0.2);
    }

    .vc_row.row-item-card > .wpb_column.vc_col-sm-4>.vc_column-inner>.wpb_wrapper h3.active:after {
        -webkit-transform: rotate(0deg);
           -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
             -o-transform: rotate(0deg);
                transform: rotate(0deg);
    }

    .vc_row.row-item-card > .wpb_column.vc_col-sm-4>.vc_column-inner>.wpb_wrapper h3:not(.active) + * {
        display: none;
    }

    .header-article h1 {
        --text-7xl: 40px;
    }

    .single-post .section-article {
        --gap-related: 80px;
    }

    .section-product-left {
        margin-bottom: 60px;
    }

    .site-product-wrapper h1 {
        --text-7xl: 32px;
    }

    /* single product */
    .section-product,
    .section-shop  {
        margin-top: 16px;
    }

    body.search .site-main {
        margin-bottom: 48px;
    }

    .heading-search {
        margin-bottom: 60px;
    }

}


@media all and (min-width: 601px) and (max-width: 900px) {
    .site-footer:after {
        --padding-container: 80px;
    }

    .vc_row.row-usp-service {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .vc_row.row-usp-service > .wpb_column {
        width: 50%;
    }

    .listing {
        --listing-column: 2;
    }

    .section-article-right-inner {
        margin-top: 80px;
    }

    .single-post .section-article {
        --gap-feature-post: 60px;
    }
}


/* <= MOBILE */
@media all and (max-width: 600px) {
	.hide--mobile {
        display: none !important;
    }

    .logo-topbar img {
        width: 50px;
    }

    .site.site-has-banner .site-main:before {
        --position-patten-top: 264px;
    }

    .site-footer:after {
        --padding-container: 40px;
    }

    .vc_row.content-width-full > .wpb_column {
        width: -webkit-calc(100% - 32px) !important;
        width: -moz-calc(100% - 32px) !important;
        width: calc(100% - 32px) !important;
    }

    .container {
        width: -webkit-calc(100% - 32px);
        width: -moz-calc(100% - 32px);
        width: calc(100% - 32px);
    }

    .wh-subtitle.align-mobile-left {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
           -moz-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start
    }

    .wh-subtitle.align-mobile-center {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        text-align: center;
    }

    .wh-subtitle.align-mobile-right {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
           -moz-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        text-align: right;
    }

    .marquee-logo .marquee-logo-item img {
        height: 40px;
    }

    .logo-label-wrapper.usp-our-companynone {
        --column-item: 1;
    }

    .listing {
        --listing-column: 1;
    }

    .section-article-right-inner {
        margin-top: 60px;
    }

    .single-post .section-article {
        --gap-feature-post: 40px;
    }
}