.menu-block {
    display: none;
}

.phone-block-mob {
    display: none;
}

@media only screen and (max-width: 1000px),
only screen and (max-device-width: 1000px) {
    .header .menu-container {
        display: none;
    }

    .menu-block {
        display: block;
    }

    .menu-block .burger-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        flex-direction: column;
        width: 35px;
        height: 30px;
    }

    .menu-block .burger-menu span {
        display: block;
        height: 5px;
        border-radius: 100px;
        background: #000;
    }

    .header .super-header {
        display: none;
    }

    .header-wrap .bottom-header {
        border-top: none;
        padding-top: 0;
    }

    .blocks-2 .left {
        width: 100%;
        height: auto;
    }

    .blocks-2 .right {
        width: 100%;
    }

    .blocks-3 .left {
        width: 100%;
        height: 500px;
    }

    .blocks-3 .right {
        width: 100%;
    }

    .blocks-3 .left .item-block-4 {
        width: calc(50% - 10px);
    }

    .block-4-wrap .radius-wrap {
        width: calc(100% / 2 - 75px);
    }

    .block-5-wrap .left {
        width: 100%;
    }

    .block-5-wrap .right {
        width: 100%;
        order: -1;
    }

    .calc-wrap>.left {
        width: 100%;
    }

    .calc-wrap>.right.grow {
        width: 100%;
        order: -1;
    }

    .calc-wrap .flex-calc {
        width: 340px;
        margin: auto;
    }

    .overflow .modal-container {
        width: 65%;
    }
}

@media only screen and (max-width: 800px),
only screen and (max-device-width: 800px) {
    .top-block-wrap .left {
        width: 100%;
    }

    .top-block-wrap .right {
        width: 100%;
    }

    .block-4-wrap .radius-wrap {
        width: 340px;
        margin: auto;
    }

    .bblue-block .title {
        text-align: center;
    }

    .options-wrap .input-options {
        width: 100%;
    }

    .modal-menu-container {
        width: 50%;
        position: fixed;
        right: 0;
        top: 0;
        bottom: 0;
        background: #fff;
        -webkit-box-shadow: -3px 0px 8px 0px rgba(34, 60, 80, 0.2);
        -moz-box-shadow: -3px 0px 8px 0px rgba(34, 60, 80, 0.2);
        box-shadow: -3px 0px 8px 0px rgba(34, 60, 80, 0.2);
        transition: 0.5s;
        visibility: hidden;
        opacity: 0;
        transform: translateX(100%);
    }

    .fade.in .modal-menu-container {
        transform: translateX(0%);
        visibility: visible;
        opacity: 1;
    }

    .modal-menu-container .title {
        font-weight: bold;
        font-size: 1.5rem;
        padding: 5px 20px;
    }

    .modal-menu-container .body-modal {
        max-height: 90vh;
        overflow-y: auto;
        padding: 20px;
    }

    .modal-menu-container .body-modal .menu-container>ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .modal-menu-container .body-modal .menu-container>ul>li {
        padding: 10px 20px;
        border-bottom: 1px solid #e5e5e5;
        position: relative;
    }

    .modal-menu-container .body-modal .menu-container>ul>li>ul>li {
        padding: 10px 20px;

    }

    .modal-menu-container .body-modal .menu-container>ul>li>a {
        font-size: 1.2rem;
        color: #000;
        text-decoration: none;
    }

    .modal-menu-container .body-modal .menu-container>ul>li>a:hover {
        color: #000;
        text-decoration: none;
    }

    .modal-menu-container .body-modal .menu-container>ul>li .icon-angle-down {
        display: block;
        position: absolute;
        right: 20px;
        top: 20px;
        transform: translateY(-50%);
        font-size: 2rem;
    }

    .modal-menu-container .body-modal .menu-container>ul>li>a {
        font-size: 1.2rem;
    }

    .modal-menu-container .body-modal .menu-container>ul>li>ul {
        display: none;
        padding: 0;
        margin: 0;
    }

    .modal-menu-container .body-modal .menu-container>ul>li>a {}

    .modal-menu-container .body-modal .menu-container>ul>li>ul {
        display: none;
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .modal-menu-container .body-modal .logo-container img {
        width: 100%;
        padding-bottom: 20px;
    }

    .modal-menu-container .body-modal .phone-block a {
        font-size: 1.5rem;
        margin-top: 20px;
        display: block;
        font-weight: bold;
    }

    .uslugi-wrap .image-wrap {
        width: 100%;
        position: relative;
    }

    .bottom-form-wrap .left {
        width: 100%;
    }

    .bottom-form-wrap .right {
        width: 100%;
    }

    .galery-wrap a {
        display: block;
        width: calc(100% / 2 - 17px);
    }

    .staty-wrap .list-staty .image-container a img {

        height: 100%;
    }
}

@media only screen and (max-width: 500px),
only screen and (max-device-width: 500px) {
    .header .button-container {
        display: none;
    }

    .phone-block-mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        flex-direction: column;
    }

    .phone-block-mob a {
        display: block;
        font-size: 12px;
    }

    .header-wrap {
        padding: 10px 10px;
    }

    .overflow .modal-container {
        width: 90%;
    }

    .bottom-header .logo-container {
        width: 19%;
    }

    .blue-block .title,
    .white-block .title {
        font-size: 1.2rem;
    }

    .min-title-wrap {
        padding-bottom: 20px;
    }

    .blocks-2 .right .item {
        width: 100%;
    }

    .blocks-3 .left .item-block-4 {
        width: 100%;
    }

    .blocks-3 .left {
        height: auto;
    }

    .block-4-wrap .radius-wrap {
        height: 290px;
        width: 290px;
    }

    .mini-blocks .mini-blocks-tpl {
        width: 100%;
        text-align: center;
    }

    .mini-image-wrap .blocks-7-tpl {
        width: 100%;
    }

    h1,
    .h1 {
        font-size: 1.5rem;
    }

    .calc-wrap .okno {
        width: 250px;
        height: 250px;
    }

    .calc-wrap .flex-calc {
        width: 290px;
    }

    .blue-block .button-wrap {
        padding-top: 20px;
    }

    .blocks-7-wrap>div {
        width: 100%;
    }

    .blocks-7-wrap .blocks-8-tpl .icon-block,
    .blocks-7-wrap .blocks-8-tpl .blocks-8-content {
        width: 100%;
    }

    .footer-wrap .item-footer {
        width: 100%;
        display: block;
    }

    .blocks-3 .right img {
        height: 300px;
    }

    .block-4-wrap .radius-wrap {
        height: 240px;
    }

    .block-4-wrap .radius-wrap .text {
        font-size: 12px;
    }

    .modal-menu-container {
        width: 90%;
    }

    .staty-wrap .list-staty .image-container {
        width: 100%;
    }

    .staty-wrap .list-staty .article-wrap {
        width: 100%;
    }

    .list-staty {
        gap: 20px;
    }

    .staty-wrap .list-staty:nth-child(odd) .image-container {
        order: 0;
    }

    .pagination .page-item:first-child,
    .pagination .page-item:last-child {
        display: none;
    }

    .mini-image-wrap .blocks-7-tpl img {
        height: auto;
        aspect-ratio: 1 / 1;
    }

    .min-title {

        font-size: 10px;

    }

    .blocks-7-wrap .title-min-radius {

        font-size: 12px;

    }

    .top-block-wrap .left .blue-block {
        height: calc(70% - 20px);
    }

    footer .work-time {
        font-size: 12px;
    }
}

@media only screen and (max-width: 320px),
only screen and (max-device-width: 320px) {
    .calc-wrap .okno {
        width: 210px;
        height: 210px;
    }

    .phone-block-mob {
        padding-top: 8px;
        font-size: 12px;
    }

    .calc-wrap .okno .value {
        font-size: 12px;
    }

    .calc-wrap .flex-calc {
        width: 245px;
    }
}