@media only screen and (min-width: 768px) and (max-width: 1180px) {

    .content_body > .ui.grid {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
    }

    #member_header.four.wide.column {
        width: 230px !important;
        max-width: 230px !important;
        flex: 0 0 230px !important;
        padding-right: 10px !important;
    }

    #member_header .ui.vertical.large.menu.memberLeftMenu {
        width: 220px !important;
        min-width: 220px !important;
        max-width: 220px !important;
    }

    #member_content.twelve.wide.column {
        width: calc(100% - 250px) !important;
        max-width: calc(100% - 250px) !important;
        flex: 0 0 calc(100% - 250px) !important;

        margin-left: 20px !important;
        padding-left: 10px !important;
    }

    #member_content .ui.segment {
        width: 100% !important;
        max-width: 100% !important;
    }


    .block_and_unit_input_column .ui.action.input {
        display: flex !important;
        width: 100% !important;
    }

    .block_and_unit_input_column .ui.action.input input {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    #auto_fill_in_whole_floor {
        flex: 0 0 auto !important;
        white-space: nowrap !important;
        font-size: 12px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    #member_content .right.floated.middle.aligned.three.wide.column {
        text-align: right !important;
        padding-left: 20px !important;
    }

    #member_content .whole_form_reset {
        white-space: nowrap !important;
    }


    .cat_block_floor_unit_row {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 10px !important;
    }

    .cat_block_floor_unit_row .cat_block_column,
    .cat_block_floor_unit_row .cat_floor_column,
    .cat_block_floor_unit_row .cat_unit_column {
        width: 33.333% !important;
        max-width: 33.333% !important;
        flex: 0 0 calc(33.333% - 7px) !important;
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    .cat_block_floor_unit_row .ui.selection.dropdown {
        width: 100% !important;
        min-width: 0 !important;
    }

    .cat_block_floor_unit_row .top_label {
        white-space: nowrap !important;
        font-size: 13px !important;
    }

    #property_main_div .preview_body {
        width: 100% !important;
        max-width: 560px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #property_main_div .preview_body > .ui.grid {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #property_main_div .preview_body > .ui.grid > .sixteen.wide.column {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    #property_main_div .preview_body .ui.segment {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .plan_agent_table {
        display: table !important;
        width: 100% !important;
        table-layout: auto !important;
        font-size: 12px !important;
    }

    .plan_agent_table th,
    .plan_agent_table td {
        padding: 8px 6px !important;
        vertical-align: top !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
    }

    .plan_agent_table td:nth-child(1) {
        width: 28% !important;
    }

    .plan_agent_table td:nth-child(2) {
        width: 10% !important;
        text-align: center !important;
    }

    .plan_agent_table td:nth-child(3) {
        width: 28% !important;
    }

    .plan_agent_table td:nth-child(4) {
        width: 24% !important;
    }

    .plan_agent_table td:nth-child(5) {
        width: 10% !important;
        text-align: center !important;
    }

    .plan_agent_table .ui.bulleted.list {
        margin-left: 14px !important;
    }

    .plan_agent_table .ui.bulleted.list .item {
        font-size: 11px !important;
        line-height: 1.35 !important;
        white-space: normal !important;
        word-break: normal !important;
    }

    .plan_agent_table .ui.button {
        font-size: 11px !important;
        padding: 6px 8px !important;
        white-space: nowrap !important;
    }
}