@media (max-width: 1540px) {
    .b-new-arrivals .b-section-name {
        position: static;
        left: auto;
        top: auto;
        padding: 0 0 20px
    }

    .b-jew-grid .b-sub-item {
        height: 500px
    }
}

@media (max-width: 1360px) {
    .b-sb__right {
        width: 40%;
        padding: 0 0 0 4%
    }

    .b-sb__left {
        width: 60%
    }

    .b-total {
        padding: 30px
    }

    .b-jew-grid .b-sub-item {
        height: 400px
    }

    .b-idet__col-info {
        padding: 0 40px;
        width: 35%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .b-idet__col-slider {
        width: 65%
    }

    .b-contact__right-col {
        width: 710px
    }

    .b-main-page .b-first-screen h1 {
        left: 30px
    }

    .b-main-page .b-header__logo {
        margin: 0 20px 0 0
    }

    .b-main-page .b-header__nav-list li {
        padding: 0 0 0 20px
    }

    .art-ofst__col-text {
        padding: 0 0 0 10%
    }

    .art-ofst__col-pic {
        padding: 0 5%
    }
}

@media (max-width: 1180px) {
    .b-checkout__left {
        min-width: 500px
    }

    .b-my-orders .b-item {
        width: 33.3333%
    }

    .b-jew-grid .b-title {
        top: 10px;
        left: 10px
    }

    .b-footer .b-contacts {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .b-footer .b-contacts a {
        display: block
    }

    .b-footer .b-contacts a + a {
        margin: 10px 0 0
    }

    .b-main-slider .b-photo img {
        width: 100%
    }

    .b-main-slider .slick-slide {
        height: 100%
    }

    .b-main-slider .b-item__row img {
        max-height: 200px
    }

    .b-main-slider .b-title {
        left: 10px;
        top: 10px;
        height: 20px;
        width: 75%;
        overflow: hidden;
        text-wrap: nowrap;
    }

    .b-add2favorite {
        right: 10px !important;
        top: 10px !important;
    }
}

@media (max-width: 1024px) {
    .b-page-head {
        padding: 0 0 30px
    }

    .story-container__row {
        display: block
    }

    .story-container .b-txt {
        max-width: 100% !important;
        margin: 0 !important
    }

    .story-container__row-1 {
        margin: 0 -20px
    }

    .story-container__row-1 .b-txt {
        padding: 30px 20px 0
    }

    .story-container__row-2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 0 20px
    }

    .story-container__row-2 .b-pic {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }

    .story-container__row-2 .b-pic img {
        margin: auto
    }

    .story-container__row-2 .b-txt {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
        padding: 50px 0 30px
    }

    .story-container__row-3, .story-container__row-4 {
        margin: 0
    }

    .story-container__row-3 .b-pic, .story-container__row-4 .b-pic {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        padding: 0 0 30px
    }

    .story-container__row-3 .b-pic img, .story-container__row-4 .b-pic img {
        margin: auto
    }

    .b-link-back {
        margin: 0
    }

    .b-checkout__row {
        display: block
    }

    .b-checkout__row .b-my-profile {
        max-width: 100%
    }

    .b-checkout__left {
        min-width: 100%;
        margin: auto;
        max-width: 100%
    }

    .b-checkout__right {
        min-width: 100%;
        margin: auto;
        max-width: 100%;
        padding: 0 0 80px
    }

    .b-popup {
        padding: 30px
    }

    .b-popup__head {
        font-size: 21px;
        padding: 0 0 20px
    }

    .b-sb__row {
        display: block
    }

    .b-sb__left {
        width: 100%;
        max-width: 800px
    }

    .b-sb__right {
        width: 100%;
        padding: 0 0 80px
    }

    .b-sb__item {
        margin: 0 0 60px
    }

    .b-projects-photos {
        margin: 0 -20px
    }

    .b-projects-photos > li {
        padding-bottom: 40px
    }

    .b-my-profile__form .b-item-text {
        position: static;
        left: auto;
        top: auto;
        padding: 10px 0 0;
        width: 100%
    }

    .b-jew-filter__list > li {
        padding: 15px 0 0
    }

    .b-jew-filter {
        position: static;
        left: auto;
        top: auto;
        display: block;
        padding: 15px 20px;
        border: none;
        border-bottom: 1px solid #000
    }

    .b-jew-filter__label {
        font-size: 21px;
        cursor: pointer;
        line-height: 25px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65.54 76.82'%3E%3Cpath style='fill:none;stroke:%23404040;stroke-miterlimit:10;stroke-width:3px' d='M62.77 1.5H2.78L26.5 37.51l.74 27.88 11.81 8.5V37.8L62.77 1.5z'/%3E%3C/svg%3E") right center/auto 20px no-repeat
    }

    .filter-active .b-jew-filter__label {
        background: url(../img/remove.png) right center/auto 17px no-repeat
    }

    .b-jew-filter__list {
        display: none;
        margin-top: 10px;
    }

    .filter-active .b-jew-filter__list {
        display: block
    }

    .b-jew-container {
        padding: 0;
        margin: 0 -20px
    }

    .b-jew-filter__list ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -10px
    }

    .b-jew-filter__list ul li:first-child {
        margin-top: 10px;
    }
    .b-jew-filter__list ul li {
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 20px;
    }

    .b-idet__name {
        font-size: 24px;
    }

    .b-idet__art, .b-idet__col-info p, .b-idet__name, .b-idet__price {
        padding-bottom: 10px
    }

    .b-idet__col-info-inner {
        max-width: 100%
    }

    .b-add2favorites {
        top: 5px
    }

    .b-idet__size {
        padding: 0 0 30px
    }

    .b-related-pieces {
        margin: 0 -20px
    }

    .b-idet__col-slider {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 0 0 -20px;
        width: calc(50% + 20px)
    }

    .b-idet__col-info {
        width: 50%;
        padding: 20px 0 20px 40px;
    }

    .b-idet__thumb-col {
        width: 100%;
        min-width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        border: none;
        margin: 0
    }

    .b-idet__thumb .b-item {
        border-top: none;
        padding: 0 2px
    }

    .b-idet__thumb {
        border: none
    }

    .b-idet__slider-col {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }

    .b-bread-crumb {
        padding: 0 0 15px
    }

    .b-bread-crumb:before {
        right: -5px;
        width: 15px
    }

    .b-header {
        margin: 0 0 20px
    }

    .b-contact__row {
        display: block;
        padding: 0 0 50px
    }

    .b-contact__left-col {
        width: 100%;
        min-width: 100%;
        padding: 0 0 30px
    }

    .b-contact__right-col {
        width: 100%;
        min-width: 100%
    }

    .b-contact__row-first .b-contact__left-col {
        display: block;
        position: relative;
        padding-left: 50%;
        padding-top: 50px;
        padding-bottom: 30px
    }

    .b-contact__row-first .b-contact__left-col .b-contact__sub-head {
        left: 0;
        top: 50px;
        position: absolute
    }

    .b-contact__row-first .b-contact__right-col {
        position: relative;
        padding-top: 50px
    }

    .b-contact__row-first .b-contact__right-col .b-contact__sub-head, .b-contact__row-first .b-page-head {
        position: absolute;
        left: 0;
        top: 0
    }

    .b-contact__row-first br {
        display: none
    }

    .b-contact__row-second {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 40px 0 20px;
        position: relative
    }

    .b-contact__row-second .b-contact__sub-head {
        position: absolute;
        left: 0;
        top: 0
    }

    .b-contact__row-second .b-contact__right-col {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .b-contact__row-second .b-contact__left-col {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding: 0 0 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .b-contact__row-second .b-contact__left-col > div {
        width: 50%;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .b-contact__row-second .b-contact__photo {
        margin: 0 -20px 30px
    }

    .b-contact__row-second .b-contact__photo img {
        width: 100%
    }

    .b-in-the-world__list li {
        width: 33.3333%
    }

    .b-feedback {
        max-width: 100%;
        padding-top: 0;
    }

    .b-section-name {
        font-size: 24px;
        line-height: 1.4
    }

    .art-ofst {
        padding: 40px 0
    }

    .b-section-slider {
        padding: 0 0 30px
    }

    .b-footer__row {
        display: block
    }

    .b-contacts {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }

    .b-contacts > p > span {
        display: block;
        margin-right: 0;
    }

    .b-footer__contact-col {
        padding: 0 0 20px;
        text-align: center
    }

    .b-footer .b-contact-head {
        font-size: 21px;
        line-height: 1.1;
        padding: 0 0 10px
    }

    .b-footer .b-contacts {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .b-footer .b-contacts a {
        display: inline;
    }

    .b-footer .b-contacts a + a {
        margin: 0 0 0 20px;
    }

    .b-main-slider .b-add2favorite {
        opacity: 1;
    }

    .art-ofst__col-text {
        padding: 0
    }

    .art-ofst__col-text .b-h2, .art-ofst__col-text p {
        padding: 0 0 30px
    }

    .b-header__nav-wrapper {
        -webkit-transform: translate3d(0, -150vh, 0);
        transform: translate3d(0, -150vh, 0);
        top: 67px;
        left: 0;
        position: fixed;
        z-index: 20;
        background: #fff;
        width: 100%;
        display: block
    }

    .b-header__nav-list, .b-main-page .b-header__nav-list {
        display: block;
        padding: 25px 20px 5px
    }

    .b-header__nav-list > li, .b-main-page .b-header__nav-list > li {
        padding: 0 0 20px
    }

    .b-header__nav-list > li a, .b-main-page .b-header__nav-list > li a {
        font-size: 16px
    }

    .b-header__meta-nav {
        width: 100%;
        top: auto;
        border-bottom: 1px solid #595958;
        padding: 0 0 40px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0
    }

    .b-header__meta-nav > li {
        padding: 0 20px
    }

    .nav-active {
        overflow: hidden
    }

    .nav-active .b-header__nav-wrapper {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .nav-active .b-header {
        background: #fff
    }

    .b-main-page.nav-active .b-header {
        padding-bottom: 5px
    }

    .b-mobile-nav {
        display: block
    }

    .b-header__logo {
        width: 62px
    }

    .b-first-screen h1 {
        font-size: 24px
    }

    .b-first-screen h1 span {
        display: block
    }

    .b-container {
        padding: 0 20px
    }

    .b-section-slider {
        margin: 0 -20px
    }

    .art-ofst__col-pic {
        padding: 0 0 0 5%
    }

    .b-new-arrivals__more {
        padding: 25px 0 50px
    }

    .b-project {
        margin: 0 -20px;
        overflow: hidden
    }

    .b-project__title {
        font-size: 21px;
        text-align: center;
        top: 30px;
        right: 0;
        width: 100%
    }

    .b-project img {
        width: 200%;
        position: relative;
        left: -50%
    }

    .b-in-the-world__list li {
        font-size: 18px
    }

    .b-contact__row {
        position: relative
    }

    .b-related-pieces__title {
        padding: 60px 30px 20px;
        font-size: 24px
    }
}

@media (max-width: 840px) {
    .b-my-orders .b-item {
        width: 50%;
        padding-bottom: 50px
    }

    .b-my-orders .b-price, .b-my-orders .b-title {
        font-size: 18px
    }

    .b-my-orders .b-pic {
        height: 320px
    }

    .art-ofst__row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 3%
    }

    .art-ofst__col-pic {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        padding: 0 0 30px
    }

    .art-ofst__col-pic img {
        margin: auto
    }

    .art-ofst__col-text {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
        padding: 0 0 30px;
        text-align: center
    }

    .art-ofst .b-h2 {
        text-align: center
    }
}

@media (max-width: 768px) {
    .b-idet__slider {
        margin: 0;
    }
        .b-idet__slider .swiper-slide.b-item {
            display: flex;
            justify-content: center;
            height: auto;
        }
            .b-idet__thumb .swiper-slide {
                height: 33vw;
            }
                .b-idet__thumb .b-item img {
                    object-fit: cover;
                    width: 100%;
                    height: 100%;
                }

    .b-list-projects .b-pic {
        display: none
    }

    .b-list-projects .b-pic-mob {
        display: block
    }

    .b-list-projects > li:nth-child(even) {
        margin-right: 20px;
        margin-left: 20px
    }

    .b-total__row {
        padding: 0 0 20px
    }

    .b-sb__item .b-name {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .b-sb__item .b-pic {
        min-height: 200px
    }

    .b-sb-num {
        margin: 0 20px 0 10px;
        top: 2px
    }

    .b-total {
        max-width: 100%
    }

    .b-sb__item {
        position: relative;
        padding: 0 0 85px
    }

    .b-sb__item .b-txt {
        position: static
    }

    .b-sb__item .b-price {
        padding: 10px 0 0;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }

    .b-sel__row {
        margin: 0;
        width: 100%;
        left: 0;
        bottom: 0;
        position: absolute
    }

    .b-sel__item {
        width: 50%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 0
    }

    .b-sb__item .b-name, .b-sb__item .b-price {
        font-size: 18px;
        font-weight: 500
    }

    .b-list-projects {
        margin: 0 -20px;
        padding: 0 0 30px
    }

    .b-list-projects > li {
        padding: 0 0 40px
    }

    .b-list-projects .b-name {
        padding: 0 20px
    }

    .b-order-empty {
        padding: 0 0 40px
    }

    .b-jew__more {
        padding: 40px 0
    }

    .b-jew-grid .b-item {
        width: 100%
    }

    .b-jew-grid .b-sub-item {
        height: 300px
    }

    .b-jew-grid .b-sub-item img {
        max-height: 250px
    }

    .b-jew-grid .b-item-photo {
        height: 620px
    }

    .b-jew-grid .b-item-full {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .b-jew-grid .b-item-full > div:nth-child(1) {
        width: 50%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .b-jew-grid .b-item-full > div:nth-child(2) {
        width: 100%;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        border-left: none !important;
        border-top: 1px solid #fff !important
    }

    .b-jew-grid .b-item-full > div:nth-child(3) {
        width: 50%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        border-left: 1px solid #fff !important
    }

    .b-jew-grid .b-item-text {
        height: auto;
        padding: 30px 20px
    }

    .b-jew-grid .b-item-text__title {
        font-size: 21px;
        padding: 0 0 20px
    }

    .b-jew-grid .b-item-3d-reverse > .b-sub-item {
        border-right: none !important
    }

    .b-jew-grid .b-item-3d-reverse > .b-sub-item:nth-child(2) {
        border-left: 1px solid #fff !important
    }

    .b-idet__row {
        display: block
    }

    .b-idet__col-slider {
        width: calc(100% + 40px);
        margin: 0 -20px
    }

    .b-idet__thumb-col {
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff
    }

    .b-idet__thumb .b-item {
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
        padding: 0
    }

    .b-idet__col-info {
        width: 100%;
        padding: 40px 0 30px;
    }

    .b-idet__btn-special {
        max-width: 60%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }

    .b-footer__nav {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .b-footer__nav li {
        width: 50%;
        text-align: center;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 0 0 15px;
    }

    .b-related-pieces .slick-next, .b-related-pieces .slick-prev {
        top: auto;
        margin: 0;
        bottom: 15px;
        width: 20px;
        height: 30px;
        background-size: contain;
        background-position: center center
    }

    .b-idet__name {
        font-size: 21px;
        padding: 10px 25px 20px 0;
    }

    .b-idet__price {
        font-size: 21px;
        padding: 10px 0 20px 0;
    }

    .b-related-pieces__title {
        padding: 40px 20px 20px;
        font-size: 21px
    }

    .b-reg-cols {
        display: block
    }

    .b-reg-cols .b-reg-left {
        width: 100%;
        padding: 0 0 50px
    }

    .b-reg-cols .b-btn {
        margin-top: 10px
    }

    .b-reg-cols .b-reg-right {
        width: 100%;
        padding: 0 0 50px
    }

    .b-reg-cols .b-reg-right .b-page-head {
        padding: 0 0 20px
    }

    .b-reg-cols .b-create {
        max-width: 100%
    }

    .b-reg-cols .b-create .b-btn {
        margin-top: 30px
    }
}

@media (max-width: 620px) {
    .b-my-profile {
        padding: 0 0 60px
    }

    .b-my-profile .b-btn {
        margin-top: 30px
    }

    .b-my-profile__nav {
        position: relative
    }

    .b-my-profile__form .b-item-container {
        display: block;
        margin: 0
    }

    .b-my-profile__form .b-item-container .b-item {
        padding: 0;
        width: 100%
    }

    .b-idet__btn-special {
        max-width: 80%
    }

    .b-in-the-world__head {
        font-size: 24px;
        padding: 0 0 25px
    }

    .b-in-the-world__list li {
        width: 50%
    }

    .b-contact__left-col {
        font-size: 14px;
    }

    .b-first-screen .b-mob-pic {
        display: block;
    }

    .b-first-screen .b-pc-pic {
        display: none;
    }

    .b-first-screen .b-mob-video {
        display: block;
    }

    .b-first-screen video {
        display: none;
    }

    .b-main-page .b-first-screen h1 {
        left: 12%;
        color: #fff;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        bottom: 25px;
        font-size: 16px
    }

    .b-btn-more {
        padding: 0 40px
    }
}

@media (max-width: 540px) {
    .b-footer .b-contacts {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px
    }

    .b-footer .b-contacts span, .b-footer .b-contacts a {
        font-weight: 400;
    }

    .b-footer .b-contacts a {
        display: unset;
    }

    .b-footer .b-contacts a + a {
        margin: 0
    }

    .b-footer {
        padding: 25px 0 15px
    }

    .b-footer__nav li {
        width: 100%
    }
}

@media (max-width: 480px) {
    .b-checkout__summary {
        padding: 30px 20px
    }

    .b-checkout__summary .b-head {
        font-size: 18px;
        padding: 0 0 20px
    }

    .b-summary__item {
        margin: 0 0 30px
    }

    .b-summary__row {
        margin: 20px 0 0
    }

    .b-sb__item .b-pic {
        min-height: 175px;
        padding: 10px
    }

    .b-total__row--first {
        display: block;
        font-size: 21px
    }

    .b-my-orders .b-item {
        width: 100%;
        padding-bottom: 10px
    }

    .b-my-orders {
        margin: -15px 0 30px
    }

    .b-total {
        padding: 20px 20px 0
    }

    .b-my-orders .b-item-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .b-my-orders .b-item-link .b-pic {
        width: 50%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 0;
        height: 190px
    }

    .b-my-orders .b-item-link .b-txt {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 50%;
        padding: 0 0 0 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 12px
    }

    .b-my-orders .b-item-link .b-description {
        font-size: 12px
    }

    .b-my-orders .b-item-link .b-art {
        padding: 0 0 10px
    }

    .b-my-orders .b-item-link .b-price, .b-my-orders .b-item-link .b-title {
        font-size: 16px
    }

    .b-my-orders .b-item-link .b-title {
        padding: 0 0 10px
    }

    .b-contact__sub-head {
        font-size: 14px
    }

    .b-page-head {
        font-size: 21px;
        padding: 0 0 20px
    }

    .b-in-the-world__head {
        font-size: 21px
    }

    .b-in-the-world__list li {
        font-size: 14px
    }

    .b-jew-filter__list ul {
        display: block
    }

    .b-projects-photos {
        margin-bottom: -20px
    }

    .b-projects-photos > li {
        width: 100%
    }

    .b-projects-photos > li.bpp10, .b-projects-photos > li.bpp3, .b-projects-photos > li.bpp4, .b-projects-photos > li.bpp9 {
        width: 50%
    }

    .b-projects-photos > li.bpp11, .b-projects-photos > li.bpp5 {
        width: 100%
    }

    .b-projects-photos .b-one-third, .b-projects-photos > li {
        padding: 0
    }

    .b-projects-photos > li.bpp2, .b-projects-photos > li.bpp6 {
        padding: 40px
    }

    .b-projects-photos > li.bpp9 {
        padding: 20px 10px 20px 20px
    }

    .b-projects-photos > li.bpp10 {
        padding: 20px 20px 20px 10px
    }
}

@media (max-width: 375px) {
    .hide-375 {
        display: none
    }

    .show-375 {
        display: block
    }

    .b-footer .b-contacts {
        display: block;
    }
}

@media (max-width: 360px) {
    .hide-360 {
        display: none
    }

    .show-360 {
        display: block
    }
}
@media (max-width: 320px) {
    .hide-320 {
        display: none
    }

    .show-320 {
        display: block
    }
}

@media (min-width: 1024px) {
    .b-idet__thumb { height: unset; max-height: 600px; }
    .b-idet__thumb .b-item { min-height: 150px; }
}