@media screen and (min-width: 1400px) {
    .gallery-grid a img {
        max-height: 255px;
    }

    /* .gallery-grid a:nth-child(3) img, 
    .gallery-grid a:nth-child(5) img, 
    .gallery-grid a:nth-child(9) img, 
    .gallery-grid a:nth-child(10) img, 
    .gallery-grid a:nth-child(14) img {
        max-height: 375px;
    }  */
    
    .gallery-grid a:nth-child(even) img {
        max-height: 375px;
    }
}

@media screen and (max-width: 1330px) {
    .menu { margin-left: 100px; }
}

@media screen and (max-width: 1250px) {
    .header-content {padding: 0 30px; }
    .menu-items { gap: 30px; }
}

@media screen and (max-width: 1200px) {
    .menu { gap: 25px; margin-left: 50px; }
    .similar-prod-slide { width: 355px !important; }
}

@media screen and (max-width: 1150px) {
    .menu-item > a {
        font-size: 14px;
        line-height: 19px;
    }

    .news-prev::after { left: 390px; }
    .news-right { width: calc(100% - 410px); }
    .news-left { 
        width: 370px; 
        > img { height: 240px; }
        .title {
            font-size: 14px;
            line-height: 19px;
        }
    }

    .achievement-desc {
        padding: 0 20px 0 30px;
        .title {
            font-size: 25px;
            line-height: 25px;
        }
    }
    .achievement:nth-child(even) .achievement-desc { padding: 0 30px 0 20px }

    .current-recipe { width: 60%; }
    .other-news, .other-recipes { width: calc(40% - 40px); }
    .recipe-img { height: 400px; }
}

@media screen and (max-width: 1023px) {
    .menu-items, .language-change, .site-nav { display: none; }
    .menu { margin-left: 0; order: 2; }
    .banner-img { height: 500px; }

    .header-content { justify-content: space-between; }
    .header-actions { order: 3; }
    .header-actions1 {
        gap: 15px;
        margin-left: 0;
        order: 1;
    }

    .search {
        background: white;
        border-radius: 50%;
        width: 35px;
        height: 35px;
    }

    .logo {
        background: var(--primary-color);
        border-radius: 50%;
        align-items: center;
        justify-content: center;
        width: 62px;
        height: 62px;
        img {
            filter: brightness(0) invert(1);
            width: 30px;
        }
    }

    .location-link {
        background: var(--primary-color);
        margin-left: 0;
        width: 35px; height: 35px;
        img { width: 13.1px; }
    }

    .go-back {
        background: white;
        width: 35px; height: 35px;
        &:hover {
            img { display: flex; }
            i { display: none; }
        }
    }

    #menu-toggle-button {
        background: none;
        border: none;
        display: flex;
    } 

    .brand-history-prev .content1, .quality-content { gap: 20px; }

    .history-prev > p:first-child {
        font: 30px 'Gilroy GEO';
        line-height: 30px;
        margin-bottom: 15px;
    }

    .history-prev-img {
        min-height: 377px;
        > img:first-child {
            width: 349px;
            height: 345px;
            margin-left: 30px;
        }
        button {
            width: 32px;
            height: 32px;
            img { width: 10px; }
        }
        > div { width: 303px; height: 327px; }
    }

    .brand-history-prev, .brand-history-con {
        &::after { display: none; }
        &::before {
            bottom: 60px; left: unset;
            right: 40px;
            width: 199px; height: 139px;
        }
    }

    .brand-history-con::before { 
        left: 0; right: unset; 
        bottom: unset; top: 550px;
    }

    .news-prev::after { left: 300px; }
    .news-right { width: calc(100% - 320px); }
    .news-left { 
        width: 280px; 
        > img { height: 200px; }
    }

    .recipe-book {
        > div:nth-child(even) { grid-template-columns: 1fr 2fr; }
        > div:nth-child(odd) { grid-template-columns: 1fr 1fr 1fr; }
    }

    .gallery-cont { padding-top: 50px; }
    .main-gallery-cont { padding-top: 150px; }
    .gallery-grid { column-count: 3; }

    .brand-history, .quality-content .history-prev-img { width: 380px; }
    .brand-info, .quality-text { width: calc(100% - 380px); }

    .brand-history-content {
        gap: 20px;
        &::after, &::before { left: 390px; }
    }

    .page-title { margin-bottom: 30px; }
    .page-title1 {
        font-size: 30px;
        line-height: 30px;
    }

    .event-grid { 
        grid-template-columns: repeat(1, 1fr); 
        gap: 40px;
        direction: unset;
    }

    .event {
        border: none;
        flex-direction: column !important;
        max-height: unset;
        padding: 0;
        &::before { left: 50%; transform: translateX(-14px); }
        &::after { 
            background: var(--primary-color);
            left: 50%; transform: translateX(-6px); 
        }
    }

    .event:nth-child(1), .event:nth-child(2) { margin-top: 0; }
    .event:nth-child(odd) {
        margin-top: 0;
        flex-direction: column;
        .event-desc { text-align: start; }
    }

    .event:nth-child(even) {
        align-items: flex-end; 
        .event-desc { text-align: end; }
        &::before { right: 50%; transform: translateX(15px); }
        &::after { 
            background: var(--primary-color);
            right: 50%; transform: translateX(7px); 
        }
    }

    .event-desc {
        background: white;
        width: 100%;
    }
    
    .news-grid {
        grid-template-columns: repeat(2, 350px);
        justify-content: center;
    }

    .other-news .news-desc { padding: 15px 10px; }

    .curr-video {
        flex-direction: column;
        > div:first-child {
            padding-top: 0;
            width: 100%;
        }
    }

    .video-cont { width: 100%; }

    .video-gallery-grid {
        grid-template-columns: repeat(2, 365px);
        justify-content: center;
    }
} 

@media screen and (max-width: 900px) {
    .prod-grid {
        grid-template-columns: repeat(1, 402px);
        justify-content: center;
    }

    .why-us-cont { padding: 40px 20px 70px; }
    .why-us-info {
        flex-direction: column;
        align-items: center;
        gap: 17px;
        > div { max-width: 330px; gap: 17px; }
        > div:first-child { order: 2; }
        > div:last-child { order: 3; }
        > img { order: 1; }
    }

    .news-prev-cont { padding: 50px 20px; }
    .news-prev::after { content: none; }
    .news-left, .news-cont .news-prev { display: none; }

    .mobile-grid { display: grid; margin-top: 0; }

    .news-right { 
        width: 100%; 
        .see-all { 
            display: flex; 
            margin-top: 15px;
        }
    }

    .recipe-cont1 .see-all, .gallery-cont .see-all { 
        display: flex !important; 
        margin-top: 30px;
        margin-right: 20px;
    }

    .gallery-cont { padding-bottom: 25px; } 
    .main-gallery-cont { padding-bottom: 0; }

    .footer-logo { margin-bottom: 50px; }
    .footer-top {
        flex-direction: column;
        max-width: 285px;
        gap: 30px;
    }

    .search-form {
        height: 300px;
        padding: 0 20px;
    }

    .search-form-cont { gap: 30px; }

    .achievements-cont { padding: 150px 20px 90px; }
    .achievements {
        display: flex;
        flex-direction: column;
        gap: 30px;
        max-width: 500px;
        margin: 0 auto;
    }

    .achievement {
        flex-direction: column !important;
        gap: 20px;
    }

    .achievement-img { width: 100%; }
    .achievement-desc {
        width: 100%;
        padding: 0 !important;
    }

    .achievement:first-child::after { content: none; }

    .recipe-head { margin-bottom: 30px; }
    .recipe { flex-direction: column; }
    .current-recipe, .other-news, .other-recipes { width: 100%; }

    .other-news, .other-recipes {
        > p:first-child { text-align: center; }
    }

    .other-news > div, .other-recipes > div {
        display: grid;
        grid-template-columns: repeat(2, 350px);
        justify-content: center;
        .news-desc { padding: 25px 30px 35px; }
    }

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

@media screen and (max-width: 800px) {
    .video-gallery-grid { grid-template-columns: repeat(2, 1fr); }
}

@media screen and (max-width: 767px) {
    .brand-history-prev { padding: 30px 20px 50px; }
    .brand-history-prev .content1 {
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }
    .history-prev { padding-top: 0; }

    .product-prev-cont { padding: 50px 20px 40px; }
    .prod-filter-swiper {
        margin-bottom: 20px !important;
        max-width: unset;
        width: 100%;
    }

    .main-filter {
        flex-direction: column;
        gap: 20px;
    }

    .main-filter-swiper { 
        border: 1px solid #E5E5E5;
        border-radius: 20px;
        padding: 20px 30px !important;
        width: 100%; 
    }

    .side-filter {
        background: #F5F5F5;
        border-radius: 20px;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 15px 30px;
        > span:first-child { display: flex; max-width: 140px; }
        label { background: white; } 
    }

    .side-filter-swiper {
        width: calc(100% - 160px) !important;
    }
    
    .recipe-cont1 .recipe-book { display: none; }
    .gallery-swiper { 
        display: block !important; 
        margin-top: 30px !important;
        width: 100%;
    } 

    .swiper-slide.recipe-card { width: 333px !important;}

    .products-cont, .achievements-cont, .location-cont, .contact-cont,
    .events-container, .news-cont, .inner-news-cont { padding: 120px 20px 80px; }

    .brand-history-content {
        border-bottom: none;
        flex-direction: column;
        gap: 50px;
        &::after, &::before { content: none; }
    }
    
    .quality-content {
        flex-direction: column;
    }

    .brand-history {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .brand-history-con { padding: 120px 20px 0; }
    .main-gallery-cont { padding-top: 120px; }
    .brand-info {
        width: 100%;
        .text { line-height: 18px; }
    }

    .metable-assortment { 
        margin: 30px 0 0; 
        > p:first-child {
            font-size: 20px;
            margin-bottom: 30px;
        }
        > div {
            grid-template-columns: repeat(2, 1fr);
            row-gap: 30px;
        }
    }

    .video-cont { width: 100%; height: 300px; }
    .news-grid, .other-news > div { grid-template-columns: repeat(1, 350px); }

    .location-filter {
        flex-direction: column;
        gap: 10px;
        margin-bottom: 20px;
        select { width: 100% !important; }
    }

    .location-content {
        flex-direction: column-reverse;
        gap: 20px;
        &::after { content: none; }
    }

    .locations-body {
        border: none;
        width: 100%;
        height: 250px;
    }

    .location-item {
        background: #ECECEC;
        margin-bottom: 10px;
        padding: 16px 10px;
    }

    .map-container { width: 100%; }
    .recipe-img { height: 300px; }

    .current-prod {
        flex-direction: column;
    }

    .product-left { margin: 0 auto; }
    .product-right { width: 100%; }
    .nutritional-value { grid-template-columns: repeat(4, 1fr); }

    .contact-img img { width: 400px; }

    .recipe-book > div:nth-child(odd), .other-recipes > div { grid-template-columns: repeat(2, 1fr); }
}

@media screen and (max-width: 600px) {
    .general-info {
        flex-direction: column;
        padding: 30px 20px;
        gap: 0;
        height: 624px;
    }

    .general-info div {
        gap: 10px;
        justify-content: center;
        width: 188px; height: 188px;
        &::after {
            width: 188px;
            height: 188px;
            top: 0;
        }
    }

    .general-info div:nth-child(2) { margin-left: auto; }

    .news-prev-item .title { max-width: 200px; }

    .gallery-curr-video {
        .name {
            font-size: 30px;
            line-height: 30px;
        }
    }

    .curr-video { margin-bottom: 40px; }
    .video-gallery-grid { grid-template-columns: repeat(1, 365px); }

    .contact-items {
        flex-direction: column;
        > a:first-child { border-radius: 0; }
        > a:last-child { border-radius: 0 0 20px 20px; }
        > * { width: 100%; }
    }

    .prepare {
        flex-direction: column;
        gap: 20px;
        &::after { content: none; }
    }

    .prepare-left {
        border-bottom: 1px solid var(--brand-grey);
        width: 100%;
    }

    .prepare-right { width: 100%; }
}

@media screen and (max-width: 550px) {
    header {
        padding: 0 10px !important;
        top: 10px;
    }

    .news-prev-cont .content2 > p:first-child { margin-bottom: 15px; }
    .news-right {
        width: 315px;
        margin: 0 auto;
    }

    .news-prev-item {
        flex-direction: column;
        align-items: unset;
        > img:first-child {
            width: 100%;
            height: 220px;
        }

        .title {
            max-width: 220px;
            height: 57px;
        }
    }

    .news-prev-item::before { content: none; }

    .news-prev-item .goto-news {
        position: absolute;
        margin-left: unset;
        bottom: 29px;
        right: 0;
    }
    
    footer { 
        padding: 60px 20px 80px !important; 
        &::before { height: 220px; }
    } 

    .footer-bottom {
        flex-direction: column;
        align-items: unset;
        max-width: 285px;
        > span:first-child { order: 2; }
        > span:last-child { order: 3; }
        .socials { order: 1; margin-bottom: 30px; }
    }

    .dropdownMenu { top: -10px; }
    .news-grid { margin: 0 0 30px; }

    .current-recipe {
        .date {
            color: var(--primary-color);
            font-size: 12px;
            line-height: 13px;
        }

        .name {
            font-size: 20px;
            line-height: 24px;
        }
    }

    .recipe-book > div:nth-child(odd), .other-recipes > div { grid-template-columns: repeat(1, 1fr); }
}

@media screen and (max-width: 500px) {
    .recipe-head { 
        flex-direction: column; 
        gap: 30px;
    }
}

@media screen and (max-width: 450px) {
    .history-prev-img {
        min-height: 322px;
        > img:first-child { width: 278px; height: 274px; }
        button { 
            width: 48px; height: 48px;
            img { width: 16px; }
        }
        > div { width: 242px; height: 260px; bottom: 20px; }
    }

    .history-prev-img button::after { opacity: 1; }
    
    .history-prev {
        .text { 
            margin-bottom: 30px; 
            line-height: 18px;
        }
        a { width: 100%; }
    }

    .prod-grid { grid-template-columns: repeat(1, 315px); }
    .product-prev-cont .prod-item:nth-child(n+4):nth-child(-n+6) {
        display: none;
    }

    .prod-item {
        flex-direction: column;
        align-items: unset;
        position: relative;
        .name {
            font: 20px 'FiraGo';
            line-height: 24px;
            max-width: 250px;
            margin: 0 0 10px 0;
            height: 48px;
        }

        .mass {
            font: 21px 'Gilroy GEO';
            line-height: 24px;
            max-width: 250px;
            margin-bottom: 0;
        }
    }

    .prod-recipes {
        position: absolute;
        bottom: 20px; right: 0;
        width: 40px;
        height: 40px;
        margin-left: 0;
        img { width: 10px; }
    }

    .prod-item .see-recipe, .similar-prod-slide .see-recipe {
        position: absolute;
        bottom: 65px; right: 0;
        width: 40px;
        height: 40px;
    }

    .prod-img {
        width: 100%;
        height: 260px;
        margin: 0 0 15px 0;
    }

    .see-all {
        background: var(--primary-color);
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 0;
        width: 100%;
        max-width: 315px;
        height: 50px;
        &:hover {
            color: white;
            -webkit-text-stroke-color: transparent;
        }
    }

    .recipe-cont1 .see-all, .gallery-cont .see-all { margin-right: 0; }

    .why-us {
        > p:first-child { margin-bottom: 10px; }
        > p:nth-child(2) {
            font: 30px 'Gilroy GEO';
            line-height: 30px;
        }
    }

    .why-us-info > img {
        width: 230px;
        margin-bottom: 20px;
    }

    .recipe-cont1 .recipe-filter { min-width: unset; }
    .gallery-grid { column-count: 2; }

    .search-form { height: 250px; }
    .search-form-cont > div {
        font-size: 14px;
        line-height: 19px;
    }

    .search-form-cont input {
        font-size: 10px;
        line-height: 13px;
    }

    .video-cont { height: 230px; }
    .play-btn { width: 60px; height: 60px; }

    .achievement-desc .title {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 15px;
    }

    .main-gallery-cont > p:first-child, .page-title2,
    .recipe-head > span {
        font-size: 20px;
        line-height: 21px;
    }

    .news-grid, .other-news > div { grid-template-columns: repeat(1, 1fr); }
    .news-img-cont { height: 200px; }

    .share-back {
        flex-direction: column;
        align-items: unset;
    }

    .recipe-img { height: 250px; }
    .recipe-head { margin-bottom: 20px; }
    .recipe { padding-top: 20px; }

    .product-left { width: 100%; }
    .product-img-button { width: 114px !important; }
    .nutritional-value { grid-template-columns: repeat(2, 1fr); }

    .actions > * {
        width: 35px !important;
        height: 35px !important;
        img { transform: scale(0.7) !important; }
    }

    .tooltiptext { top: 45px; right: -7px; }

    .ingredients { height: 55px; }
    .ingredients > button:first-child {
        background: var(--primary-color);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        align-items: center;
        color: white;
        width: 35px;
        height: 35px;
        span { display: none; }
        i { display: flex; }
    }
    .ingredients > div > p:first-child { margin-top: 10px; }

    .lab-swiper-head {
        justify-content: center;
        > div { display: none; }
    }

    .similar-prod-slide  {
        width: 315px !important;
        flex-direction: column;
        align-items: unset;
        gap: 0;
        padding-bottom: 20px;
        .name { 
            height: 48px;
            text-overflow: ellipsis;
            overflow: hidden;
            max-width: 250px; 
            margin-bottom: 10px; 
        }
        .see-recipe { display: flex; }
    }

    .similar-prod-slide > a:first-child {
        width: 100%;
        height: 260px;
        margin-bottom: 15px;
    }

    .similar-prod-slide .mass {
        color: black;
        display: inline-flex;
        font: 21px 'Gilroy GEO';
        line-height: 24px;
        margin-bottom: 0;
    }

    .contact-img img { width: 265px; }
    .menu { margin-left: -55px;}

    .recipe-filter {
        gap: 15px;
        min-width: unset;
        padding: 0 30px;
        div {
            font-size: 12px;
            line-height: 16px;
        }
    }
}

@media screen and (max-width: 405px) {
    .video-gallery-grid { grid-template-columns: repeat(1, 1fr); }
}

@media screen and (max-width: 380px) {
    .why-us-item {
        font-size: 14px;
        line-height: 19px;
    }

    .why-us-info > div { max-width: unset; width: 100%; }

    .lang-socials {
        flex-direction: column;
        align-items: unset;
    }

    .news-desc { 
        padding: 15px 20px !important; 
        align-items: unset;
        .title {
            font-size: 12px;
            line-height: 16px;
            height: 64px;
        }
    }
}