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

    .ui.header_body.container {
        width: 85% !important;
        max-width: 1000px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .content_body.ui.container {
        width: 85% !important;
        max-width: 1000px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .ui.secondary.pointing.menu.hearder_menu {
        justify-content: flex-start !important;
        text-align: left !important;

        margin-left: 0 !important;
        margin-right: auto !important;

        padding-left: 0 !important;

        width: 100% !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        white-space: nowrap !important;

        display: flex !important;
    }

    .ui.secondary.pointing.menu.hearder_menu .item {
        flex: 0 0 auto !important;

        font-size: 12px !important;

        padding-left: 8px !important;
        padding-right: 8px !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .ui.c_breadcrumb_outer {
        text-align: left !important;
    }

    .ui.c_breadcrumb.container {
        width: 85% !important;
        max-width: 1000px !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        text-align: left !important;

        overflow-x: auto !important;
        white-space: nowrap !important;
    }

    .ui.c_breadcrumb.container .ui.breadcrumb {
        display: inline-block !important;

        margin-left: 0 !important;
        padding-left: 0 !important;

        text-align: left !important;

        white-space: nowrap !important;
    }

    .ui.huge.vertical.menu.mortgageLeftMenu {
        width: 18rem !important;
        min-width: 18rem !important;
        max-width: 18rem !important;
    }
}