@media (max-width: 1750px) {}

@media (max-width: 1440px) {}

@media (max-width: 1200px) {

    .taproom-page__main-pic-wrapper video{
        width: 100%;
        height: auto;
    }

    .text_size_1 {
        font-size: 14px;
    }

    .header {
        height: 60px;
    }

    .header__logo img {
        width: 40px;
        height: 35px;
    }

    .caption_size_h2 {
        font-size: 30px;
    }

    .caption_size_h1 {
        font-size: 30px;
    }

    .caption_size_h3 {
        font-size: 30px;
    }

    .header__nav {
        position: fixed;
        left: 0;
        top: 60px;
        width: 100%;
        height: calc(100dvh - 60px);
        background-color: #3B3A3A;
        flex-direction: column;
        justify-content: space-between;
        padding: 30px 0;
        transform: translateX(-100%);
        transition: .3s;
        align-items: flex-start;
    }

    .header__nav_active {
        transform: translateX(0);
    }

    .header__menu {
        margin: 0;
        flex-direction: column;
        /* grid-gap: 25px; */
        align-items: flex-start;
        width: 100%;
    }

    .header__social-links{
        margin-left: 15px;
    }

    .header__menu a{
        height: 65px;
    }

    .header__menu li{
        width: 100%;
    }
    .hamburger {
        display: flex;
        padding: 0;
    }

    .main-banner-swiper .swiper-slide{
        overflow: hidden;
    }

    .main-banner-swiper__prev,
    .main-banner-swiper__next {
        display: none;
    }

    .main-banner-swiper__dots {
        margin-top: 30px;
        grid-gap: 8px;
    }

    .main-banner-swiper__dots .swiper-pagination-bullet {
        width: 13px;
        height: 13px;
    }

    .main-banner-swiper__slide img{
        width: 140%;
        margin-left: -20%;
    }

    .catalog-buttons__buttons {
        display: flex;
        grid-gap: 10px;
        flex-direction: column;
    }

    .catalog-button {
        height: 180px;
        justify-content: center;
        padding: 14px;
        grid-gap: 10px;
    }

    .catalog-button__pic {
        max-width: 120px;
        max-height: 130px;
        height: auto;
        width: auto;
    }

    .catalog-button__caption {
        font-size: 18px;
        margin: 0;
    }

    .catalog-button__caption br {
        display: none;
    }

    .main-button {
        height: 57px;
        border-radius: 28px;
        font-size: 20px;
    }

    .main-page__catalog-buttons {
        margin-bottom: 15px;
    }

    .main-page__main-button {
        margin-bottom: 30px;
    }

    .partners-block {
        padding: 30px 25px;
    }

    .partners-block__caption {
        margin-bottom: 10px;
    }

    .partners-block__subcaption {
        font-size: 12px;
        margin-bottom: 20px;
    }

    .partners-block__infos {
        flex-direction: column;
        display: flex;
        align-items: flex-start;
        grid-gap: 12px;
    }

    .partners-block__info {
        flex-direction: column;
        align-items: flex-start;
        grid-gap: 10px;
    }

    .partners-block__info .text {
        font-size: 14px;
    }

    .partners-block__info .text span {
        font-size: 12px;
    }

    .footer-contacts {
        width: calc(100% + 30px);
        margin-left: -15px;
        padding: 25px 20px;
    }

    .footer-contacts__caption {
        margin-bottom: 20px;
    }

    .footer-contacts__rows {
        flex-direction: column;
        display: flex;
        grid-gap: 30px;
    }

    .footer-contacts__row h4 {
        margin-bottom: 12px;
    }

    .assortment-filters__caption {
        margin-bottom: 20px;
    }

    .assortment-categories__beers {
        display: flex;
        flex-direction: column;
        grid-gap: 5px;
    }

    .assortment-categories {
        flex-direction: column;
        grid-gap: 5px;
        margin-bottom: 5px;
    }

    .assortment-categories__beer {
        height: 50px;
        justify-content: center;
    }

    .assortment-categories__beer span {
        font-size: 16px;
    }

    .assortment-categories__beer img {
        display: none;
    }

    .assortment-categories__beer br {
        display: none;
    }

    .beer-catalog {
        flex-direction: column;
        display: flex;
    }

    .assortment-categories__packages {
        flex-direction: row;
        align-items: center;
        width: auto;
        grid-gap: 10px;
    }

    .assortment-categories__package span {
        font-size: 16px;
    }

    .assortment-categories__package {
        height: 50px;
        width: 100%;
    }

    .assortment-categories__package img {
        max-height: 27px;
        width: auto;
    }

    .assortment-tags-select {
        height: 50px;
        display: flex;
        padding: 0 18px;
        background-color: #161515;
        border-radius: 25px;
        width: 100%;
        border: none;
        appearance: none;
        color: #fff;
        font-family: 'Introheadb-base';
        font-size: 16px;
        background-image: url(../images/select-arrow.svg);
        background-repeat: no-repeat;
        background-position: calc(100% - 18px) center;
        background-repeat: no-repeat;
    }

    .assortment-filters {
        margin-bottom: 30px;
    }

    .beer-page__caption {
        margin-bottom: 70px;
    }

    .beer-catalog-item__image img {
        max-height: 270px;
        width: auto;
        height: auto;
    }

    .beer-catalog-item__image {
        margin-bottom: 15px;
    }

    .beer-catalog-item__type {
        margin-bottom: 5px;
    }

    .beer-catalog-item__title {
        padding-bottom: 5px;
        margin-bottom: 15px;
    }

    .beer-catalog-item {
        padding: 25px 15px 15px;
    }

    .beer-block__info{
        padding: 40px;
    }

    .beer-block__pic img{
        max-height: 500px;
        width: auto;
        top: -20px;
    }

    .contacts-grid {
        display: flex;
        flex-direction: column;
        grid-gap: 15px;
    }

    .contacts-info {
        padding: 30px 20px;
    }

    .contacts-info__number {
        font-size: 20px;
    }

    .contacts-info__item:not(:last-child) {
        margin-bottom: 15px;
    }

    .contacts-info__item span,
    .contacts-item__text span {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .contacts-item {
        padding: 30px 20px;
    }

    .contacts-item__info-caption {
        height: auto;
        margin-bottom: 15px;
    }

    .map-block {
        padding: 30px 20px;
        width: calc(100% + 30px);
        margin-left: -15px;
    }

    .map-block__map {
        width: calc(100% + 40px);
        margin-left: -20px;
    }

    .map-block__infos {
        display: flex;
        flex-direction: column;
        grid-gap: 40px;
    }

    .map-block__info-caption {
        margin-bottom: 10px;
    }

    .map-block__text:last-child {
        padding-top: 15px;
        margin-top: 15px;
    }

    .map-block__map iframe {
        height: 330px;
    }

    .contacts-socials {
        min-height: 190px;
        padding: 20px 20px;
        background-size: 150px;
        background-position: 35px 100%;
        order: 2;
    }

    .taproom-gallery {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }

    .taproom-gallery__pic:nth-child(3) {
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .taproom-gallery__pic img {
        height: 200px;
    }

    .taproom-gallery__wolf {
        padding: 20px 15px;
        background-size: 120px;
    }

    .about-page__caption {
        margin-bottom: 60px;
    }

    .about-page__tesis span {
        font-size: 20px;
        line-height: 1;
        margin-bottom: 0;
    }

    .about-page__tesis b {
        font-size: 90px;
        line-height: 1;
        margin-left: -8px;
    }

    .about-page__top{

    }

    .about-page__top .container::before{
        right: 110px;
        bottom: 70px;
        width: 100px;
        height: 150px;
    }

    .about-page__top .container::after{
        right: 85px;
        width: 100px;
        height: 180px;
    }

    .about-pole__content{
        position: absolute;
        left: 0;
        top: 0;
    }

    .about-pole{
        position: relative;
        width: 310px;
        margin: auto;
    }

    .about-pole__image img{
        width: 300px;
        margin-top: 90px;
    }

    .about-pole__content-first{
        height: auto;
    }

    .about-pole__content-first h3{
        font-size: 20px;
        max-width: 250px;
    }

    .about-pole__content-first h3 br{
        display: none;
    }

    .about-pole__content-second{
        height: 1000px;
    }

    .about-pole__content-second span, .about-pole__content-third span, .about-pole__content-fourth span{
        font-size: 35px;line-height: 38px;
    }

    .about-pole__content-second h3, .about-pole__content-third h3, .about-pole__content-fourth h3,.about-pole__content-fifth h3{
        line-height: 1;
        font-size: 20px;
    }

    .about-pole__content-second b, .about-pole__content-third b, .about-pole__content-fourth b{
        font-size: 20px;
    }

    .about-pole__content-second:after{
        right: -100px;
        top: 450px;
        width: 105px;
        height: 228px;
    }

    .about-pole__content-third:after{
        right: -70px;
        top: -20px;
        width: 100px;
        height: 210px;
    }

    .about-pole__content-third{
        height: 120px;
    }

    .about-pole__content-fourth:after{
        right: -70px;
        top: 440px;
        width: 105px;
        height: 190px;
    }

    .about-pole__content-fifth{
        height: 100px;
    }

    .about-pole__content-fifth h3 br{
        display: none;
    }

    .about-pole__content-fifth h3{
        max-width: 200px;
    }

    .about-taste__caption b{
        font-size: 85px;
        line-height: 1;
        margin-bottom: 0;
    }

    .about-taste__caption{
        font-size: 16px;
        line-height: 1;
    }

    .about-taste{
        margin-bottom: 20px;
    }

    .person-item{
        flex-direction: column;
    }

    .person-item__content{
        padding: 15px 20px 30px;
    }

    .person-item__quote::before{
        left: 0;
        top: -15px;
        width: 15px;
        height: 10px;
    }

    .person-item__quote::after{
        /* left: 0; */
        width: 15px;
        height: 10px;
        top: calc(100% + 5px);
    }

    .person-item_color_blue{
        flex-direction: column-reverse;
        margin-bottom: 30px;
    }

    .modal{
        padding: 20px 15px 10px;
    }

    .form-wrapper__inputs{
        display: flex;
        flex-direction: column;
        grid-gap: 10px;
    }

    .modal__text{
        margin-bottom: 10px;
    }

    .modal__caption{
        margin-bottom: 10px;
    }

    .form-input{
        height: 50px;
    }

    .form-input-wrapper textarea{
        height: 110px;
    }

    .modal__close{
        top: 20px;
        right: 20px;
    }

    .modal__close img{
        width: 30px;
        height: 30px;
    }

    .form-wrapper__info{
        margin-bottom: 15px;
    }

    .modal__logo{
        margin-bottom: 15px;
    }

}

@media (max-width: 1200px) and (min-width: 767px) {
    .assortment-categories__beer img{
        display: flex;
    }

    .assortment-categories__beers{
        /* flex-direction: row; */
        display: grid;
    }

    .assortment-categories__beer{
        flex-direction: column;
        height: 180px;
    }

    .beer-catalog{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 990px) {}

@media(max-width: 767px) {
    .beer-block {
        padding: 260px 15px 15px;
        position: relative;
        display: flex;
        flex-direction: column;
        grid-gap: 20px;
        margin-bottom: 50px;
    }

    .beer-block__options {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }

    .beer-block__info {
        padding: 0;
    }

    .beer-block__pic img {
        left: 0;
        bottom: 0;
        right: 0;
        top: auto;
        margin: auto;
        max-height: 290px;
        width: auto;
        /* width: auto; */
        height: auto;
    }

    .beer-block__pic {
        position: absolute;
        top: 230px;
        left: 0;
        right: 0;
        margin: auto;
    }

    .beer-block__option b {
        font-size: 30px;
    }

    .beer-block__option span {
        font-size: 16px;
    }

    .beer-block__text {
        padding-right: 0;
        grid-gap: 15px;
    }

    .beer-block__info-sub b {
        font-size: 16px;
    }

    .beer-block__info-sub .text {
        font-size: 14px;
    }
}

@media(max-width: 520px) {}