/*==========  Desktop First Method  ==========*/
@media only screen and (max-width : 1700px) {}

@media only screen and (max-width : 1600px) {}

@media only screen and (max-width : 1599.999px) {}

@media only screen and (max-width : 1400px) {}

@media only screen and (max-width : 1350px) {}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1280px) {
    .main-nav__list {
        padding: 13px 0;
    }

    .main-nav__link {
        padding: 10px 0;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .main-last-content .title {
        font: 400 24px 'Georama', sans-serif;
    }

    .main-last-content .content .text {
        display: flex;
        flex-direction: column;
        align-items: center;
        font: 400 16px 'Poppins', sans-serif;
    }

    .woocommerce-MyAccount-navigation ul {
        overflow-x: scroll;
    }

    .woocommerce-MyAccount-navigation ul li a {
        white-space: nowrap;
    }

    .gifts-last-items {
        height: 100%;
        flex-direction: column;
    }

    .gifts-last-item {
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
    }

    .gifts-last-item .content {
        height: 350px;
    }

    .gifts-last-item:first-child {
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .gift-voucher-wrap {

        height: 100%;
    }

    .gift-voucher-wrap::after {
        display: none;
    }

    .gift-vouchers-wrap::after {
        display: none;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
    .main-nav__list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        gap: 15px;
    }

    .filter-open {
        position: sticky;
        top: 60px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 10px;
        border: 0;
        background-color: #C5E1C7;
        cursor: pointer;
        z-index: 8;
    }

    .filter-open img {
        width: 20px;
    }

    .filter-open span {
		color: #000;
		font: 400 12px 'Poppins', sans-serif;
        padding: 0 8px;
    }

    .filter {
        position: fixed;
        padding: 0;
        left: 0;
        top: 0;
        width: 100%;
        inset-block: .001px;
        max-height: 100%;
        background-color: white;
        transform: translate3d(-100%, 0, 0);
        transition: transform 0.5s cubic-bezier(.19, 1, .22, 1);
        overflow-y: auto;
        z-index: 9999;
    }

    .filter.opened {
        transform: none;
    }

    .filter .heading {
        position: relative;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .results-side {
        display: flex;
        width: 100%;
        height: 40px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        background: #ED1F24;
        box-shadow: 0px 2px 5px 0px rgba(112, 112, 112, 0.10), 0px 0px 0px 1px rgba(112, 112, 112, 0.16), 0px 1px 1px 0px rgba(112, 112, 112, 0.12);
    }

    .results-side a,
    .close-side a {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .results-side a>span,
    .close-side a>span {
        color: #fff;
        font: 500 16px 'Poppins', sans-serif;
        text-transform: uppercase;
        text-align: center;
        line-height: 1;
    }

    .results-side a::after,
    .close-side a::after {
        content: "";
        position: relative;
        top: 0;
        right: 0;
        background-image: url(../images/icon/close-icon.svg);
        background-repeat: no-repeat;
        background-size: 13px 13px;
        width: 15px;
        height: 15px;
        cursor: pointer;
        margin-left: 8px;
    }

    .close-side {
        display: flex;
        width: 100%;
        height: 30px;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        background: #f5f5f5;
        box-shadow: 0px 2px 5px 0px rgba(112, 112, 112, 0.10), 0px 0px 0px 1px rgba(112, 112, 112, 0.16), 0px 1px 1px 0px rgba(112, 112, 112, 0.12);
    }

    .close-side a>span {
        color: #707070;
    }

    .row_product {
        row-gap: 25px;
    }

    .checkout .checkout-tab-panels {
        padding: 10px;
    }

    .tastings-products .products-items .row_tastings .content {
        margin-bottom: 25px;
    }

    .teams-items {
        grid-template-columns: repeat(3, 1fr);
    }
    .woocommerce-error li {
    justify-content: center;
    flex-direction: column-reverse;
}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
    .main-header__mob-menu {
        width: 100%;
        height: 100%;
        position: relative;
        top: 0;
        left: 0;
        margin: 0;
        z-index: 1001;
        pointer-events: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        transition: 0.3s;
    }
    
        .main-header__mob-menu.open {
        position: fixed;
    }

    /*.main-header__mob-menu .header__bottom {*/
    /*    display: none;*/
    /*}*/

    /*.main-header__mob-menu .header__bottom.active {*/
    /*    display: block;*/
    /*}*/


    .header__top-mob {
        background: #6A966D;
        width: 100%;
        height: 60px;
        border-radius: 0;
        padding: 0;
        pointer-events: auto;
        border: none;
        z-index: 9;
    }

    .header__top-mob .container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 100%;
    }

    .header__menu-btn {
        width: 24px;
        height: 20px;
        margin-right: 12px;
        position: relative;
    }

    .header__menu-btn span {
        display: block;
        width: 35px;
        height: 2px;
        border-radius: 6px;
        background-color: #292C2F;
        position: absolute;
        left: 50%;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .header__menu-btn span:nth-child(1) {
        top: 0;
    }

    .header__menu-btn span:nth-child(2) {
        width: 25px;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .header__menu-btn span:nth-child(3) {
        bottom: 0;
    }

    .main-header__mob-menu.open .header__menu-btn span:nth-child(1) {
        top: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .main-header__mob-menu.open .header__menu-btn span:nth-child(2) {
        width: 0;
    }

    .main-header__mob-menu.open .header__menu-btn span:nth-child(3) {
        bottom: 50%;
        -webkit-transform: translate(-50%, 50%) rotate(-45deg);
        transform: translate(-50%, 50%) rotate(-45deg);
    }

    .header__icons {
        display: flex;
        align-items: center;
        gap: 50px;
    }

    .icons-item {
        position: relative;
    }

    .header__bottom {
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        padding-bottom: 120px;
        background: #6a966d;
                transform: translateY(60px);
                opacity: 0;
    visibility: hidden;
        z-index: 999;
                transition: all .4s ease;
    }

    .header__bottom .container {
        padding: 0;
        max-width: 100%;
    }

    .main-header__mob-menu.open .header__bottom {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    }

    .header__container {
        position: relative;
        width: 100%;
        height: 100%;
        padding: 0;
        border: none;
        display: block;
        overflow-y: auto;
        overflow-x: hidden;
        z-index: 9;
    }

    .header-search {
        padding-left: 5px;
        padding-right: 5px;
        background: #6A966D;
    }

    .header__nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: unset;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        background-color: #6A966D;
    }

    .header__nav .menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        max-width: unset;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 15px;
    }

    .header__nav .menu .menu-item {
        display: block;
        width: 100%;
        font-size: 16px;
        line-height: 1;
        font-weight: 500;
        margin: 0;
        color: #292C2F;
    }
    
        .header__nav .menu .menu-item>a {
        display: block;
        padding: 20px 18px;
    }

    .header__nav .menu .menu-item.menu-item-has-children {
        padding: 0;
        border-bottom: none;
    }

    .header__nav .menu .menu-item.menu-item-has-children a,
    .header__nav .menu .menu-item.menu-item-has-children span {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        position: relative;
        padding: 20px 18px;
    }

    .header__nav .menu .menu-item.menu-item-has-children.active>a {
        color: #FD6165;
    }

    .header__nav .menu .menu-item.menu-item-has-children>ul>li>span {
        background-color: #C5E1C7;
        color: #4C4E4E;
        border-bottom: 1px solid #292C2F;
    }

    .header__nav .menu li.menu-item-has-children>a::after {
        content: '';
        position: relative;
        width: 9px;
        height: 5px;
        left: 8px;
        top: 2px;
        -webkit-transform: translate(0, -45%) rotate(-180deg);
        transform: translate(0, -45%) rotate(-180deg);
        background-image: url(../images/icon/arrow-top-icon.svg);
        background-repeat: no-repeat;
        background-size: 100%;
        display: inline-block;
        -webkit-transition: all .3s;
        transition: all .3s;
    }

    .header__nav .menu li.menu-item-has-children.active>a:after {
        background-image: url(../images/icon/arrow-top-red-icon.svg);
        -webkit-transform: translate(0, -45%) rotate(0deg);
        transform: translate(0, -45%) rotate(0deg);
    }

    .header__nav .menu .menu-item>.sub-menu .menu-item>.sub-menu {
        display: block;
        padding-left: 20px;
    }

    .header__nav .menu .menu-item>.sub-menu {
        display: none;
        padding: 0;
        background: #FFFFFF;
    }

    .header__nav .menu .sub-menu .menu-item {
        display: block;
        width: 100%;
        font-size: 16px;
        line-height: 1;
        font-weight: 400;
        margin: 0;
        padding: 0;
        color: #707070;
    }

    .main-header__row>.container {
        max-width: 100%;
        padding: 0;
    }

    .main-first-item {
        width: 100%;
    }

    .main-first-item .main-first-image img {
        height: 350px;
    }

    .main-first-content .title {
        font-size: 24px;
        white-space: nowrap;
    }

    .main-average-category {
        padding-top: 15px;
    }

    .main-average-item {
        margin-bottom: 15px;
    }

    .main-average-content .content {
        white-space: nowrap;
    }

    .main-last-item,
    .main-last-item:last-child {
        flex-direction: column;
    }

    .main-last-image {
        width: 100%;
    }

    .main-last-image img {
        height: 200px;
    }

    .main-last-content {
        width: 100%;
        padding: 10px 10px 200px 10px;
    }

    .product-gallery__wrapper img {
        margin: auto;
    }

    .main-header__row {
        background: none;
    }

    .main-nav {
        display: none;
    }

    .main-header__main-menu {
        display: none;
    }

    .contacts-wrap {
        display: none;
    }

    .search-wrap {
        display: none;
    }

    .main-footer {
        padding-top: 0px;
    }

    .row_footer {
        border-bottom: none;
        padding-bottom: 0px;
    }

    .col-footer__item {
        cursor: pointer;
    }

    .footer__nav {
        display: none;
    }

    .footer__nav li {
        padding: 10px 0;
    }

    .nav-footer__title:after {
        content: '';
        position: absolute;
        width: 9px;
        height: 5px;
        right: 35px;
        top: 19px;
        -webkit-transform: translate(0, -45%) rotate(-180deg);
        transform: translate(0, -45%) rotate(-180deg);
        background-image: url(../images/icon/arrow-top-icon.svg);
        background-repeat: no-repeat;
        background-size: 100%;
        display: inline-block;
        -webkit-transition: all .3s;
        transition: all .3s;
    }

    .col-footer__item.open .nav-footer__title:after {
        background-image: url(../images/icon/arrow-top-red-icon.svg);
        -webkit-transform: translate(0, -45%) rotate(0deg);
        transform: translate(0, -45%) rotate(0deg);
    }

    .footer__contacts {
        align-items: flex-start;
        padding: 10px 0;
    }

    .footer__contacts .footer__link {
        flex-direction: row-reverse;
    }

    .footer__contacts .footer__link:first-child {
        margin-bottom: 15px;
    }

    .footer__contacts .footer__link img {
        margin-left: 0px;
        margin-right: 10px;
    }

    .footer__bottom {
        display: none;
        /* background-color: #292C2F;
        padding: 0; */
    }

    .footer__bottom p {
        padding: 5px 0;
        text-align: center;
        color: #fff;
    }

    .contact-items {
        flex-direction: column;
    }

    .contact-item {
        width: 100%;
    }

    .contact-item:first-child {
        margin-bottom: 20px;
    }

    form .form-item-half {
        width: 100%;
    }

    .shop_table_responsive :is(thead, th) {
        display: none;
    }

    .shop_table_responsive :is(tbody, tfoot, tr) {
        display: block;
    }

    :is(.woocommerce-cart-form__contents, .group_table) tr {
        margin-bottom: 15px;
        padding-bottom: 10px;
        padding-left: 100px;
        min-height: 136px;
    }

    :is(.woocommerce-cart-form__contents, .group_table) td {
        display: flex;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        margin-bottom: 5px;
        padding: 0;
    }

    .shop_table_responsive td:before {
        content: attr(data-title);
        float: left;
        padding-top: 3px;
        color: #292C2F;
        font-weight: 400;
        font-size: 12px;
    }

    :is(.woocommerce-cart-form__contents, .group_table) td:before {
        flex: 1 1 auto;
        margin-bottom: 5px;
        padding-top: 0;
        text-align: left;
        font-size: 10px;
    }

    :is(.woocommerce-cart-form__contents, .group_table) td:not(:last-child) {
        border-bottom: 1px dashed rgba(0, 0, 0, 0.105);
    }

    :is(.woocommerce-cart-form__contents, .group_table) td.product-thumbnail {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        margin-bottom: 0;
        padding-bottom: 0;
        max-height: 115px;
        border-bottom: none;
    }

    :is(.woocommerce-cart-form__contents, .group_table) td>* {
        margin-bottom: 5px;
    }

    .checkout-tabs {
        flex-direction: column;
    }

    .checkout-tab {
        width: 100%;
    }

    .payment-info .form-container {
        flex-direction: column;
    }

    .payment-info .form-container .form-item:nth-child(1),
    .payment-info .form-container .form-item:nth-child(2),
    .payment-info .form-container .form-item:nth-child(3) {
        width: 100%;
    }

    .checkout .order-product-info .cart_item .product-quantity {
        margin-right: 10px;
    }

    .col-1.woocommerce-Address,
    .col-2.woocommerce-Address {
        flex-basis: 100%;
        max-width: 100%;
    }

    .woocommerce-EditAccountForm fieldset {
        padding: 20px 10px;
    }

    .teams-items {
        grid-template-columns: repeat(2, 1fr);
    }

    .team-items {
        flex-direction: column;
    }

    .tabs-title {
        overflow-x: auto;
    }

    .title-section {
        text-align: center;
    }

    .button,
    .button-blue,
    .button-white {
        line-height: 1.2;
        text-align: center;
    }

    .gifts-first-item:first-child {
        max-width: 100%;
    }

    .gifts-first-items {
        flex-direction: column;
        height: 550px;
    }

    .gifts-last-item:first-child .content {
        height: 240px;
    }

    .gifts-last-item {
        flex-direction: column;
    }

    .gifts-last-image {
        max-width: 100%;
    }

    .gifts-last-item:last-child {
        flex-direction: column;
    }

    .product-gallery__wrapper img {
        width: auto;
        height: 170px;
    }

.c-404__header {
font-size: 51px;
}

.c-404__header:before {
    font-size: 46vw;
}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .breadcrumbs {
        padding: 10px 0px;
    }

    .woocommerce-breadcrumb {
        white-space: nowrap;
        overflow-y: hidden;
    }

    .row_catalog>div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .top-filter__wrap {
        flex-direction: column;
    }

    .top-filter__wrap .top-filter__left {
        margin-bottom: 15px;
    }

    .order-items {
        align-items: flex-start;
        flex-direction: column;
    }

    .order-item {
        width: 100%;
    }

    .flex-row {
        display: block;
        margin-bottom: 0;
        padding-bottom: 15px;
    }

    .flex-cell {
        display: block;
        margin-bottom: 8px;
        padding: 0 0 8px;
        border-bottom: none;
        text-align: end;
    }

    .flex-container .flex-cell:before {
        content: attr(data-title);
        float: inline-start;
        padding-top: 3px;
        text-transform: uppercase;
        font-weight: 600;
    }

    .flex-header {
        display: none;
    }

    .button-view-order {
        text-align: right;
    }

    .my-account-links {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .product-cat-content {
        flex-direction: column;
        align-items: center;
    }

    .teams-items {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {}

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .main-header__mob-menu {
        display: none;
    }
}

@media only screen and (min-width : 767px) {
    p.form-row-first {
        float: left;
    }

    p.form-row-last {
        float: right;
    }

    .woocommerce-address-fields .woocommerce-address-fields__field-wrapper p:nth-child(1),
    .woocommerce-address-fields .woocommerce-address-fields__field-wrapper p:nth-child(3) {
        float: left;
    }

    .woocommerce-address-fields .woocommerce-address-fields__field-wrapper p:nth-child(2),
    .woocommerce-address-fields .woocommerce-address-fields__field-wrapper p:nth-child(4) {
        float: right;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 991px) {
    .filter-open {
        display: none;
    }

    .filter .heading {
        display: none;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {}

@media screen and (min-width: 1600px) {
    .container {
        max-width: 1200px;
    }
}

@media screen and (min-width: 1700px) {}

@media (min-width: 1921px) {}

@media only screen and (max-width: 1200px) and (min-width: 991px) {
    .product-variety-items {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media only screen and (max-width: 991px) and (min-width: 767px) {
    .product-cat-content {
        flex-direction: column;
        align-items: center;
    }

    .product-variety-items {
        grid-template-columns: repeat(3, 1fr);
    }
}