@media (max-width: 425px) {
    body {
        display: block!important;
        line-height: 1.2;
    }
    .main-wrapper {
        padding: 0 15px;
    }
    .menu-link {
        text-align: left;
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex!important;
        flex-basis: auto;
    }
    .navbar-toggler {
        display: none;
    }
    .main-content {
        width: 100%;
    }
    .left-menu {
        display: none;
        width: 100%;
    }
    .left-menu.short {
        display: none;
    }
    .left-menu.full {
        display: block;
    }
    .left-menu .short-hidden {
        display: block;
    }
    .menu-collapse-btn {
        display: block;
    }
    .btn {
        width: 100%!important;
        margin-bottom: 10px;
    }
    .kv-grid-wrapper {
        height: 100%!important;
    }
    .ui-dialog {
        max-width: 100%;
    }
    .ui-dialog-buttonset {
        width: 100%;
    }
    .add-product {
        margin-left: 0;
    }
    .menu-link .img.col-2 {
        width: 16.66666667%;
    }
    .page-caption {
        margin-bottom: 20px;
        font-size: 25px;
    }
    .about-text p.title {
        margin-bottom: 0.5rem;
    }
    .form-bottom-buttons {
        padding: 0 15px;
    }
}

@media (max-width: 768px) {
    .main-wrapper, .bottom-block .container, #footer .container, #header .container, header .header-gisp__container {
        max-width: 632px!important;
    }
    .accordion-header .accordion-button {
        margin-left: 0;
    }
    .site-about .about-title {
        margin-bottom: 0.5rem;
    }
    .menu-link {
        margin-right: 0;
        text-align: center;
        --bs-gutter-x: 0;
    }
    .menu-link .img.col-2 {
        width: 100%;
    }
    .right-sidebar .close-btn {
        display: none;
    }
    .right-sidebar .right-sidebar-content {
        max-width: 100%;
        width: 100%;
    }
    .right-sidebar .close-arrow {
        display: inline-block;
    }
    .right-sidebar .bottom-buttons .btn {
        width: 100%;
    }
    .right-sidebar .scrollable-block {
        height: 68vh;
    }
    .site-about .left-col, .site-about .right-col, .search-product-index .col-lg-8 {
        width: 100%;
    }
}

@media (width: 992px) {
    .left-menu {
        width: 52px;
    }
    .left-menu .short-hidden {
        display: none;
    }
    .main-content, .ui-dialog {
        max-width: calc(100% - 52px);
    }
    .site-about .left-col, .site-about .right-col, .search-product-index .col-lg-8 {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .site-about .left-col, .site-about .right-col, .search-product-index .col-lg-8 {
        width: 100%;
    }
}

@media (min-width: 1024px) {
    .main-wrapper, .bottom-block .container, #footer .container, #header .container, header .header-gisp__container {
        max-width: 668px!important;
    }
    .left-menu.short + .main-content .main-wrapper, .left-menu.short + .main-content .bottom-block .container, .left-menu.short + .main-content #footer .container, .left-menu.short + .main-content #header .container, .left-menu.short + .main-content header .header-gisp__container {
        max-width: 876px!important;
    }
}

@media (min-width: 1366px) {
    .main-wrapper, .bottom-block .container, #footer .container, #header .container, header .header-gisp__container {
        max-width: 890px!important;
    }
    .left-menu.short + .main-content .main-wrapper, .left-menu.short + .main-content .bottom-block .container, .left-menu.short + .main-content #footer .container, .left-menu.short + .main-content #header .container, .left-menu.short + .main-content header .header-gisp__container {
        max-width: 1098px!important;
    }
    .site-about .left-col {
        padding-right: 21px;
    }
    .site-about .right-col {
        padding-left: 21px;
    }
}

@media (min-width: 1600px) {
    .main-wrapper, .bottom-block .container, #footer .container, #header .container, header .header-gisp__container {
        max-width: 1082px!important;
    }
    .left-menu.short + .main-content .main-wrapper, .left-menu.short + .main-content .bottom-block .container, .left-menu.short + .main-content #footer .container, .left-menu.short + .main-content #header .container, .left-menu.short + .main-content header .header-gisp__container {
        max-width: 1290px!important;
    }
}

@media (min-width: 1920px) {
    .main-wrapper, .bottom-block .container, #footer .container, #header .container, header .header-gisp__container {
        max-width: 1368px!important;
    }
    .site-about .left-col {
        padding-right: 39px;
    }
    .site-about .right-col {
        padding-left: 39px;
    }
}