@media (max-width: 1199.98px) {
    .cart-menu-preview .cart-menu .menu-wrapper {
        right: -1rem;
    }
    .bottom-header {
        padding: 0 1rem;
    }
    .payment-methods {
        justify-content: start;
        gap: .5rem 1rem;
        span {
            flex-basis: 100%;
            height: 0px;
        }
    }
    #header .custom-container {
        padding: 0;
    }
    .site-name a {
        font-size: 20px;
    }
    .about_us {
        display: flex;
        flex-direction: column;
        gap: 38px;
    }
    .about_us p {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .about_us :nth-child(n + 1)::before {
        margin-right: 0;
        margin-bottom: 30px;
    }
    .about_us :nth-child(n + 2) {
        padding: 70px 54px;
    }
}
@media (max-width: 991.98px) {
    .header-buttons {
        min-width: auto;
    }
    .contact-us-wrapper,
    .order-status-container {
        padding: 1.75rem .75rem;
        flex-direction: column;
        align-items: center;
        gap: 1.9rem;
    }
    .order-status-banner {
        display: none;
    }
    .product-page .categories-container,
    .products-title {
        display: none;
    }
    .pill-descr {
        min-height: auto;
        padding: 0px;
    }
    .products-item .pill-buy {
        margin-top: auto;
        margin-left: 0;
    }
    .product-container {
        padding: 0px;
        margin-top: 0;
    }
    .package-image {
        right: clamp(0.75rem, -7.526rem + 17.241vw, 3.25rem);
    }
}
@media (max-width: 860px) {
    /* ---------- Header menus ---------- */
    .top-header .menu-open {
        display: none;
    }
    .menu-item .online-chat {
        display: inline-flex;
        margin: 1rem 0 0;
    }
    .main-menu .menu-title {
        display: none;
    }

    .main-menu .menu-body {
        padding: .5rem 1rem 1rem;
    }

    .menu-wrapper {
        background: var(--main-color-2);
    }

    .menu-content {
        padding: 0;
    }

    .menu-body {
        width: 100%;
        gap: 0.5rem;
    }

    .menu-body a.menu-link {
        color: var(--link-color);
        font-size: 14px;
        text-transform: capitalize;
        font-weight: 600;
        gap: .5rem;
    }

    .menu-body a.menu-link .abbr {
        color: var(--secondary-color-1);
        text-transform: uppercase;
    }

    .menu-body a.currency-item,
    .menu-body a.language-item,
    .menu-body li.category a {
        display: grid;
        font-size: 13px;
        gap: 1rem;
        border-bottom: 1px solid #e5e5e5;
        color: var(--link-color);
        font-weight: 600;
        text-transform: capitalize;
        padding: .5rem;
    }

    .menu-body a.currency-item .abbr,
    .menu-body a.language-item .abbr {
        color: var(--secondary-color-1);
        text-transform: uppercase;
        text-align: left;
    }

    .menu-body a.currency-item .name,
    .menu-body a.language-item .name {
        color: var(--link-color);
        text-align: left;
        font-weight: 600;
    }

    .menu-body a.currency-item.active *,
    .menu-body a.language-item.active *,
    .menu-body li.category a.active * {
        color: var(--main-button);
    }

    .menu-body a.currency-item {
        grid-template-columns: 1fr 6fr;
    }

    .menu-body a.language-item {
        grid-template-columns: auto 1fr 6fr;
    }

    .languages-container,
    .currencies-container {
        width: 100%;
        max-width: 100%;
        grid-template-columns: 1fr;
        padding: 0 0.5rem 2rem;
        gap: 0;
    }

    .languages-container a img,
    .currencies-container a img {
        width: 18px;
        height: 16px;
    }

    .languages-container a .abbr,
    .currencies-container a .abbr {
        display: block;
    }

    .languages-container a .name,
    .currencies-container a .name {
        display: block;
    }

    .menu-title {
        background-color: var(--main-color-1);
        padding: 0.5rem 1rem;
        margin-bottom: 0;
        color: var(--main-color-2);
        font-size: 1rem;
        font-weight: 500;
    }

    .menu-title .menu-desktop-title {
        display: none;
    }

    .menu-title .menu-mobile-title {
        display: block;
    }

    .menu-title .menu-mobile-title::first-letter {
        text-transform: uppercase;
    }

    .menu-title .menu-close {
        background: url('../images/icons/m_menu_back.svg') no-repeat center;
    }

    .menu-divider,
    .show-mobile,
    .menu-bar-wrapper {
        display: block;
    }

    .menu-bar-wrapper {
        position: fixed;
        bottom: 0;
        width: 100%;
        color: var(--main-color-2);
        background: var(--main-color-1);
        display: flex;
        align-items: flex-end;
        justify-content: space-around;
        padding: 0 10px;
        z-index: 100;
    }

    .menu-bar-wrapper .menu-open {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 15px 10px 10px;
        gap: 0.5rem;
        font-size: 12px;
        line-height: 1;
        color: var(--secondary-color-1);
        position: relative;
    }

    .menu-bar-wrapper .menu-open .menu-close-icon {
        display: none;
    }

    .menu-bar-wrapper .menu-open.active .menu-icon {
        display: none;
    }

    .menu-bar-wrapper .menu-open.active .menu-close-icon {
        display: block;
    }
    .menu-item-upper a {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 15px;
        padding: 0.5rem 0;
    }

    .menu-item-upper img {
        display: block;
    }
    .main-banner {
        margin: 0 -.75rem;
    }
    .main-banner-wrapper {
        height: clamp(9.375rem, 0.375rem + 40vw, 21.875rem);
        margin: 0 -1px;
    }
    .main-banner-title {
        font-size: clamp(1.125rem, -0.045rem + 5.2vw, 2.75rem)
    }
    .main-banner-text {
        font-size: clamp(0.688rem, 0.463rem + 1vw, 1rem);
    }
    .cart-items {
        margin-top: 32px;
    }
    .categories-container {
        display: none;
    }
    .products-container {
        padding: 0px;
    }
    .footer-items,
    .footer-text {
        padding: 1rem .5rem;
        flex-direction: column;
    }
    .footer-links {
        width: 100%;
        text-align: center;
        gap: .25rem;
    }
}
@media (max-width: 767.98px) {
    .pill-titles,
    .price-column {
        display: none;
    }
    .gifts-title {
        padding: 12px 16px;
        font-size: 13px;
    }
    .gifts-title.after-arrow:after {
        min-width: 8px;
    }
    .gifts-item {
        display: grid;
        grid-template-columns: 66px 1fr;
        padding: 4px 12px 18px;
        gap: 4px;
        .gift-ico {
            width: 66px;
            height: 50px;
        }
        .gifts-dropdown {
            grid-column: span 2;
            display: flex;
            align-items: center;
            gap: 10px;
            .dropdown-title,
            .dropdown-options {
                margin-bottom: 0;
                max-width: 140px;
            }
        }
    }
    .gifts-name {
        text-align: unset;
    }
    .no-gifts-block {
        grid-template-columns: 66px 1fr auto;
        padding: 18px 12px;
        .gift-ico {
            height: 28px;
            width: 28px;
        }
        .gifts-name {
            margin: 0;
        }
    }
    .no-gifts-block .gifts-name {
        padding: 0;
    }
    .gifts-item .site-button,
    .remove-gifts-btn {
        width: unset;
        margin-left: auto;
        margin-top: 0;
    }
    .gifts-body {
        padding: 0;
    }
    .gifts-items {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        gap: 10px;
        padding: 0px 18px 18px;
    }
    .features-img {
        display: none;
    }
    .header-title {
        font-size: 25px;
    }
    .bottom-header {
        flex-direction: column;
        margin-top: .75rem;
        font-size: 24px;
        .header-search {
            order: -1;
            width: 100%;
        }
        .header-page-title {
            width: 100%;
            margin-top: 1.75rem;
            &::before {
                font-size: 28px;
            }
        }
    }
    .pill-row {
        grid-template-columns: 100px 1fr auto;
        .img-column {
            order: 1;
        }
        .product-column {
            order: 2;
        }
        .remove-column {
            order: 3;
            align-self: start;
            justify-self: end;
        }
        .quantity-column {
            order: 4;
            grid-column: span 2;
            align-self: start;
            justify-self: start;
            padding-left: 16px;
        }
        .total-column {
            order: 5;
        }
    }
    .new-package-save a {
        font-size: 11px;
    }
    .shipping-row {
        display: block;
        padding-right: 0;
        .total-column {
            display: none;
        }
    }
    .cart-item-quantity {
        justify-self: flex-start;
    }
    .insurance-row {
        display: flex;
        align-items: center;
        .insurance-check {
            order: 1;
        }
        .insurance-title {
            order: 2;
        }
        .insurance-price {
            display: none;
        }
        .insurance-total {
            order: 3;
            white-space: nowrap;
            margin-left: auto;
        }
    }
    .shipping-title {
        margin-bottom: 16px;
    }
    .shipping_methods {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
        width: 100%;
    }
    .features__wrapper {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
    .add-to-cart-btn span,
    .package-save {
        display: none;
    }
    .add-to-cart-btn {
        min-width: 48px;
        height: 40px;
        padding: .25rem;
    }
    .add-to-cart-btn::after {
        content: url(../images/icons/mobile_m_shopping_cart_top.svg);
        display: inline-block;
        line-height: 1;
    }
    .footer {
        padding-bottom: 65px;
    }
    h3 {
        font-size: 16px;
    }
    .side_search .site-button {
        font-size: 12px;
        min-width: 80px;
        padding: 5px 20px;
    }
    .package-ourbonus {
        flex-direction: column;
    }
    .ourbonus-block ul li {
        flex: 0 0 calc(50% - .5rem);
        max-width: calc(50% - .5rem);
    }
    .package-example {
        flex-direction: column;
        padding: 1rem;
        margin-bottom: 1rem;
    }
    .package-view {
        gap: .5rem;
    }
    .download-switcher span.site-button:nth-child(n) {
        width: 100%;
        margin: 0px 0px 20px;
        white-space: nowrap;
        min-width: unset;
    }
    .captcha-row {
        justify-content: space-between;
    }

    .about_us {
        font-size: 14px;
        gap: 24px;
    }
    .about_us p:first-child {
        padding: 0 17px;
        margin: 0;
    }
    .about_us p:nth-child(n + 2) {
        padding: 30px 17px;
        margin: 0;
    }
    .about_us :first-child::before {
        width: 110px;
        height: 110px;
        border-width: 7px;
        background-size: 40px;
    }
    .about_us :nth-child(n + 2)::before {
        max-width: 440px;
        width: 100%;
        height: auto;
        aspect-ratio: 440 / 250;
        margin: 0 0 20px;
    }
    .top-header {
        justify-content: center;
    }
    .top-header .online-chat,
    .top-header .menu-open,
    .main-header .main-menu.menu-open {
        display: none;
    }
    .package-row {
        padding: 6px 1rem;
        gap: .5rem;
    }
}
@media (max-width: 640px) {
    .package-row {
        grid-template-columns: 2fr 1.5fr 1.5fr;
        padding: 1rem 1rem .75rem .5rem;
    }
    .package-size {
        padding-left: 15px;
    }
    .package-image  {
        right: unset;
        grid-area: 2/1;
    }
    .package-bonus {
        grid-area: 1 / 2 / 2 / 4;
    }
    .package-buy {
        align-items: flex-end;
        align-self: end;
    }
    .package-hitsate {
        top: 20px;
        transform: translate(-55%, 0);
    }
    .descr-menu {
        margin-bottom: 1rem;
    }
    .descr-menu .site-button {
        flex: 1;
        font-size: 12px;
        min-width: unset;
        min-height: unset;
        white-space: nowrap;
        padding: .25rem .625rem;
    }
}
@media (max-width: 575.99px) {
    .descr-item {
        font-size: 13px;
    }
    .view-description {
        font-size: 10px;
        margin-top: 5px;
    }
    .product-description {
        display: grid;
        grid-template-columns: 118px 1fr;
        gap: 1rem;
    }
    .product-img img {
        width: 100%;
    }
    .product-info-description {
        display: contents;
    }
    .product-shortinfo,
    .package-doses-wrapper {
        grid-column: span 2;
        font-size: 13px;
        padding: 0 14px;
    }
    .product-title {
        display: flex;
        flex-direction: column;
        font-size: 18px;
        margin-top: 1rem;
    }
    .product-info .pill-ingredient {
        padding: 0;
        padding-top: 0.4rem;
        font-size: 13px;
    }
    .footer-subscribe {
        margin-top: 1rem;
        padding-top: 1rem;
        text-align: center;
        border-top: 1px solid #e2e2e2;
        width: 100%;
    }
    .subscribe-form {
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .cart-menu-preview .cart-menu .menu-wrapper {
        width: 100vw;
        height: 100vh;
        position: fixed;
        display: block;
        top: 0;
        left: -100%;
        right: 0;
        bottom: 0;
        border-radius: 0;
        &.active {
            left: 0;
        }
        .menu-close {
            display: block;
        }
    } 
    .app-buttons {
        gap: .5rem;
        img {
            height: 22px;
        }
    }
    .main-systems {
        margin-top: 0.25rem;
        padding: .5rem .75rem;
    }
    #static_sidebar_payment_systems {
        overflow: hidden;
    }
    .payment-methods {
        gap: .5rem;
        flex-wrap: nowrap;
        img {
            height: 12px;
        }
        .hide-mobile {
            display: none;
        }
    }
    h2.title, div.title {
        font-size: 18px;
    }
    .products-item {
        max-width: 300px;
        margin: auto;
    }
    .site-name a {
        font-size: 18px;
    }
    .products-page .custom-container {
        padding: 0px 15px;
    }
    .products-search {
        padding: 0px;
        margin-top: 2rem;
    }
    .pagination {
        margin: 15px -15px 0px;
    }
    .example-view img {
        width: 100%;
    }
    table.shedule-tbl,
    .contact-us-titles,
    .contact-us-banner,
    .order-titles {
        display: none;
    }
    table.shedule-tbl-rotated {
        display: table;
        margin-bottom: 1rem;
        .shedule-tbl-td {
            padding: 0;
        }
        table {
            width: calc(100% + 2px);
            margin: -1px;
        }
        .flag {
            padding: 12px;
            > div {
                display: flex;
                gap: .5rem;
                align-items: center;
                justify-content: center;
            }
        }
    }
    .order-status-block {
        padding: 24px 16px 30px;
    }
    .order-status-block .submit-btn {
        margin: auto;
    }
    .contact-us-form {
        margin: 0px auto;
        min-width: unset;
    }
    .contact-us-form form {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        column-gap: 1rem;
    }
    .contact-info-text,
    .contact-us-fields,
    .submit-btn,
    .errors{
        grid-column: span 2;
    }
    .submit-btn {
        margin: auto;
        order: 1;
        margin-top: 1.5rem;
    }
    .contact-us-fields,
    .contact-us-info {
        padding: 0px;
    }
    .captcha-row-img {
        margin-left: auto;
    }
    .captcha-row-img img {
        width: 100%;
        max-height: 48px;
    }
    .captcha-input {
        max-width: 115px;
    }
    .custom-input::-webkit-input-placeholder {
        color: #676767;
    }
    .custom-input::-moz-placeholder {
        color: #676767;
    }
    .custom-input:-ms-input-placeholder {
        color: #676767;
    }
    .custom-input:-moz-placeholder {
        color: #676767;
    }
    .custom-input::placeholder {
        color: #676767;
    }
    .landing-bottom {
        flex-direction: column;
    }
    .landing-bottom-box {
        width: 100%;
    }
    .captcha-row {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .faq_caption {
        margin-top: 32px;
        font-size: 15px;
    }
    .faq_descr:before {
        top: 24px;
    }
    .question {
        font-size: 14px;
    }
    .answer {
        font-size: 14px;
        line-height: 1.57;
    }

    .our_policy {
        padding: 0 17px;
    }
    .our_policy p:has(strong) {
        margin-top: 2em;
    }
    .ourbonus-block ul li {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .captcha-field {
        display: contents;
    }
    .continue-shopping {
        display: none;
    }
}
@media (max-width: 440px) {
    .order-block {
        padding: 10px 20px 30px;
    }
    .pagination .prev,
    .pagination .next,
    .pagination .page {
        width: 30px;
        height: 30px;
    }
    .remove-column,
    .insurance-check {
        margin-right: 0px;
    }
    .insurance-title span,
    .shipping-title {
        min-width: 165px;
    }
}