@media handheld, only screen and (max-width: 1440px) {

}

@media handheld, only screen and (max-width: 1380px) {
    .blockWidth{
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media handheld, only screen and (max-width: 1270px) {
    .cases_list .case_container{
        margin-top: 30px;
        padding: 30px 15px 0 15px;
    }

    .menu-overlay .menu-container {
        padding: 40px;
    }

    .qr-modal {
        padding: 40px;
    }

    .menu-container .close_menu {
        top: 30px;
        right: 40px;
    }

    .qr-modal__close {
        top: 30px;
        right: 40px;
    }

    .blockWidth.pr-39{
        padding-right: 15px;
    }
}

@media handheld, only screen and (max-width: 1000px) {

    .blockWidth{
        padding-left: 15px;
        padding-right: 15px;
    }

    .blockWidth.pr-39{
        padding-right: 0;
    }

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

    .case_container:not(:nth-child(3n+1))::before {
        display: none;
    }

    .menu-overlay .menu-container {
        width: 75vw;
    }

    .qr-modal {
        width: 75vw;
    }

    .menu-container .menu-nav .menu-nav-link {
        font-size: clamp(54px, 8vw, 76px);
    }
}

@media handheld, only screen and (max-width: 850px) {
    .print-customer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .facts_wrap{
        display:block;
    }

    .facts_wrap > div.row{
        display:block;
    }

    .facts_wrap > div.row > dd{
        margin-top: 8px;
    }

    .scroll-image-row {
        height: auto !important;
    }

    .scroll-image-row__sticky {
        position: static;
        top: auto;
    }

    .scroll-image-row .scroll-image {
        min-height: var(--scroll-frame-height);
    }

    .scroll-image-row .scroll-image__frame {
        position: sticky;
        top: var(--scroll-frame-top);
    }

    .scroll-image--disable-under-850 {
        height: auto !important;
        min-height: 0 !important;
    }

    .scroll-image--disable-under-850 .scroll-image__frame,
    .scroll-image-row .scroll-image--disable-under-850 .scroll-image__frame {
        position: static;
        top: auto;
        height: auto;
        overflow: visible;
    }

    .scroll-image--disable-under-850 .scroll-image__image {
        transform: none !important;
    }

    .puzzlesBlock .item {
        --puzzles-item-offset: 0!important;
    }

}

@media handheld, only screen and (max-width: 700px) {

}

@media handheld, only screen and (max-width: 650px) {
    .print-customer-grid {
        grid-template-columns: 1fr;
    }

    .print-customer-card {
        display: block;
    }

    .print-customer-response {
        padding-bottom: 24px;
    }

    .back-to-top {
        right: 15px;
        bottom: 15px;
        width: 48px;
        height: 48px;
    }

    .qr-modal {
        width: 100vw;
        padding: 86px 15px 40px 15px;
    }

    .qr-modal__close {
        top: 15px;
        right: 15px;
        width: 56px;
        height: 56px;
        background-size: 24px 24px;
    }

    .menu-overlay .menu-container {
        width: 100vw;
        padding: 15px 15px 40px 15px;
    }

    .menu-container .close_menu {
        top: 15px;
        right: 15px;
        width: 56px;
        height: 56px;
        background-size: 24px 24px;
    }

    .menu-container .menu-nav {
        gap: 24px;
        padding-top: 30px;
        padding-right: 15px;
    }

    .menu-overlay .pt60 {
        padding-top: 40px;
    }

    .menu-overlay .hr {
        margin: 40px 0;
    }

    .menu-overlay .flex.f-vc {
        align-items: flex-start;
    }

    .menu-overlay .flex.f-vc .ffb {
        min-width: 0;
        overflow-wrap: anywhere;
    }
}

@media handheld, only screen and (max-width: 640px) {






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

    .cases_list .case_container {
        margin-top: 30px;
        padding: 24px 0 0 0;
    }
}

@media handheld, only screen and (max-width: 560px) {

}

@media handheld, only screen and (max-width: 450px) {

}

.scroll-image.is-scroll-disabled {
    height: auto !important;
    min-height: 0 !important;
}

.scroll-image.is-scroll-disabled .scroll-image__frame,
.scroll-image-row .scroll-image.is-scroll-disabled .scroll-image__frame {
    position: static;
    top: auto;
    height: auto;
    overflow: visible;
}

.scroll-image.is-scroll-disabled .scroll-image__image {
    transform: none !important;
}