/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@media (min-width: 690px) {
    .recommindate-row {
        height: 47vw;
        max-height: 370px;
    }

    .product-layout button:not(:last-child) {
        margin-right: 4px;
    }
}

@media (min-width: 768px) {

    /* header */
    body {
        /* padding-top: 142px; */
    }

    body._hidden-megamenu {
        padding-top: 94px;
    }

    .header-top {
        padding: 5px 20px;
    }

    .header-subline {
        padding: 0 20px;
    }

    header #logo {
        width: 100px;
        height: auto;
    }

    #mobile-catalog {
        margin-right: 90px;
    }

    .header-mobile-menu-block, .header-mobile-contact {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .header-mobile-menu-block {
        /*
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        */
    }

    header #logo {
        /*
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        */
    }

    .header-mobile-contact-content-open {
        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-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 0;
    }

    .header-mobile-contact-content-address {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-bottom: 0;
        max-width: 199px;
    }

    .header-mobile-contact-content-address-footnote {
        display: none;
    }

    .header-bottom-megamenu-box .menu-fixed .nav {
        height: calc(100vh - 142px - 77px);
    }

    .header-center-menu-megamenu .menu-fixed .nav {
        height: calc(100vh - 142px - 77px - 70px);
    }

    /* home */
    .home-type-article {
        width: 33%;
    }

    .box-heading {
        margin: 0 auto;
        max-width: 480px;
    }

    #form-creator-42 .form-group {
        margin: 0 auto;
        max-width: 500px;
    }

    .home-store-wrapper, .home-study-wrapper {
        padding-left: 40px;
        padding-right: 40px;
    }

    .home-review-agregator-box {
        max-width: 500px;
    }

    .home-posts-box {
        padding: 40px 10px 30px 10px;
    }

    .home-posts-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 20px;
        margin-bottom: 20px;
    }

    .home-posts-article {
        max-width: 593px;
        width: 48.6%;
        height: 322px;
    }

    .home-posts-article:not(:last-child) {
        margin-bottom: 0;
    }

    .home-posts-article:last-child {
        margin-bottom: 0;
    }

    .home-posts-article-image_mobile {
        /* display: none !important; */
    }

    .home-posts-article-image_desktop {
        display: block;
    }

    /* footer */
    .footer-top {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .footer-top-box {
        width: 50%;
    }

    .footer-center {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 40px;
    }

    .footer-center-info-box {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 50%;
    }

    .footer-center-pay {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 50%;
    }

    .footer-center-powered {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin: 0;
        margin-top: 20px;
        width: 100%;
        max-width: none;
    }

    .footer-bottom {
        padding: 25px 40px;
    }

    .footer-bottom-box {
        width: 32%;
    }

    /* modal */
    #feedbackModal56, #feedbackModal102, #feedbackModal47, #feedbackModal29, #feedbackModal50, #feedbackModal53, #feedbackModal54 {
        background-image: url('/catalog/view/theme/bbq/image/background/modal-bgd.png');
        background-position: right;
        background-size: cover;
        background-repeat: no-repeat;
    }

    #feedbackModal56 .modal-title, #feedbackModal102 .modal-title, #feedbackModal47 .modal-title, #feedbackModal29 .modal-title, #feedbackModal50 .modal-title, #feedbackModal53 .modal-title, #feedbackModal54 .modal-title {
        text-align: start;
    }

    #feedbackModal56 .modal-body, #feedbackModal102 .modal-body, #feedbackModal47 .modal-body, #feedbackModal29 .modal-body, #feedbackModal50 .modal-body, #feedbackModal53 .modal-body, #feedbackModal54 .modal-body {
        width: 42.33%;
    }

    #feedbackModal56 .close span, #feedbackModal102 .close span, #feedbackModal47 .close span, #feedbackModal29 .close span, #feedbackModal50 .close span, #feedbackModal53 .close span, #feedbackModal54 .close span, .set-options .close {
        font-size: 45px;
    }

    .modal-title-note {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0 0 20px 0;
    }

    .modal-title-note-text {
        width: 44.33%;
        text-align: start;
    }

    /* contact */
    .information-contact-content-left-box {
        width: 33%;
    }

    .information-contact-content-left-requisites {
        width: 100%;
    }

}