@media only screen and (max-width: 1200px) {
    .tabs>div {
        /* скрыть контент по умолчанию */
        display: none;
        font-size: 16px;
        padding: 20px 20px;
      }
    
}
@media only screen and (max-width: 992px) {
    
}
@media only screen and (max-width: 768px) {
    .tab__container {
        grid-template-columns: 1fr;
        grid-template-areas: "name"
                            "info"
                                "i360"
                                "tabl";
        gap: 20px;
        grid-template-rows: repeat(4, max-content);
        }
        .t_i360 {
        grid-area: i360;
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        align-items: center;
        justify-content: center;
        text-align: center;
        }
    .navi_block {
        display: none;
    }
    .burger_block {
        display: flex;
    }
    .container_sert {
        width: 100%;
        max-width: 1200px;
        height: 100%;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: max-content max-content;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }
    .footer_container {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 0px !important;
        
    }
    .footer_container .phone {
        width: 100%;
        display: flex;
        justify-content: center !important;
        align-items: center !important;
    }
    .footer_phone {
        display: grid;
        grid-template-rows: 1fr 2fr;
        align-items: center;
        justify-content: center;
    }
    .img_logo {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
    }
    .f_txt {
        width: 100%;
        height: 100%;
        cursor: default;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
    }
    .modal {
        width: 100%;
        min-height: 100%;
        height: max-content;
        display: grid;
        grid-template-areas: "close"
        "txt"
                             "table"
                             "img";
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .dm-modal {
        position: relative;
        padding: 20px;
        width: 100%;
        background: #fff;
        background-image: url(/media/my/bg.svg);
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size:auto;
        border-radius: 3px;
        -webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
        color: #0C1624;
        text-align: left;
        overflow-y: scroll
    }
    .table {
        table-layout: auto;
        width: 100%;
        height: max-content;
        border-radius: 3px;
    }
    #company_container {
        width: 100%;
        padding: 20px;
        border-radius: 6px;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: max-content 1fr;
        gap: 20px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    }

}
@media only screen and (max-width: 480px) {
    .tab__container {
        grid-template-columns: 1fr;
        grid-template-areas: "name"
                            "info"
                             "i360"
                             "tabl";
        gap: 20px;
        grid-template-rows: repeat(4, max-content);
      }
      .t_i360 {
        grid-area: i360;
        width: 100%;
        display: grid;
        grid-template-columns: max-content;
        grid-template-rows: 1fr 1fr;
        align-items: center;
        justify-content: center;
        text-align: center;
      }
}
@media only screen and (max-width: 320px) {
    .tab__container {
        grid-template-columns: 1fr;
        grid-template-areas: "name"
                            "info"
                             "i360"
                             "tabl";
        gap: 20px;
        grid-template-rows: repeat(4, max-content);
      }
      .t_i360 {
        grid-area: i360;
        width: 100%;
        display: grid;
        grid-template-columns: max-content;
        grid-template-rows: 1fr 1fr;
        align-items: center;
        justify-content: center;
        text-align: center;
      }
}

@media all and (orientation:portrait) {
    .com_body {
        padding: 0px;
    }
    #calc {
        width: 100%;
        max-width: 1200px;
        display: grid;
        grid-template-columns: 1fr;
      }
    }