.sp_menu {
    display: none;
}
@media (max-width: 960px) {
    .sp_menu {
        color: #fff;
        font-size: 26px;
        display: block;
        width: 30px;
        height: 30px;
        position: relative;
        border: none;
        background: transparent;
        appearance: none;
        padding: 0;
        cursor: pointer;
        margin: 25px 10px 0;
        box-shadow: none;
    }
    .sp_menu:focus{
        outline:none;
    }
    .sp_menu i.fa-times {
        display: none;
    }
    .global-nav {
        display: none;
        background: #3d5471;
        position: absolute;
        top: 80px;
        width: 100%;
        opacity: 0.9;
    }
    .content__wrapper {
        width: 100%;
        flex-direction: column;
        padding: 0;
    }
    .side-nav__wrapper {
        width: 100%;
        border-radius: 0;
        z-index: 9999;
    }
    .side-nav__wrapper_inner{
        display: flex;
        justify-content: space-between;
    }
    .logo {
        width: 130px;
    }
    .header {
        align-items: flex-start;
        padding: 10px;
        border-radius: 0;
        flex-direction: column-reverse;
    }
    .header__user {
        position: absolute;
        right: 70px;
        top: 10px;
        width: 100px;
        color: #fff;
        overflow-x: hidden;
    }
    .header .d-flex.justify-content-center {
        width: 100%!important;
        margin-left:0!important;
        margin-bottom: 10px!important;
    }
    .headline_01 {
        margin-top: 10px;
    }
    .header__right {
        margin-bottom: 10px;
    }
    main {
        padding: 15px 15px;
    }
    main .h2 {
        font-size: 1em;
    }
    .d-flex .btn, .btn-search.w-25 {
        width: 45%!important;
    }
    .admin-button-width-240 {
        width: 100%;
    }
    .list__item {
        padding: 20px;
    }
    .list__item.card.no-wrap .w-100 th,
    .list__item.card.no-wrap .w-100 td{
        width:100%!important;
        text-align: left;
        display:block;
        padding: 5px;
    }
    .tab_item {
        width: 32%;
    }

    .progressbar .item:not(:last-child)::after,.progressbar .item:not(:last-child)::before {
        top: -8px!important;
    }
    [class^="project__item_"],
    [class$="__body"] .list__item, 
    [class$="__body"] .craftsmen__item,
    .tab_content .list__item,
    .list__item.scroll {
        overflow-x: auto;
        display: block;
        padding: 20px 15px;
    }
    [class^="project__item_"] table th,
    [class^="project__item_"] table td,
    [class$="__body"] .list__item table th,
    [class$="__body"] .list__item table td,
    [class$="__body"] .craftsmen__item table th,
    [class$="__body"] .craftsmen__item table td,
    .tab_content .list__item table th,
    .tab_content .list__item table td,
    .list__item.scroll table th,
    .list__item.scroll table td {
        white-space: nowrap;
        font-size: 0.9rem;
    }
    .claim__body.no-scroll {
        width: 660px; 
    }

    .claim__body.no_scroll .list__item {
        overflow: visible;
        width: 600px;
    } 
    .list__body .list__item table {
        table-layout: auto!important;
    }
    .list_new__item li label {
        width: 50%;
        font-size:.9em;
    }
    .notice_new__item li label {
        width: 30%;
        font-size:.9em;
    }
    .header__button {
        display: flex;
    }
    .header__button .button {
        width: 48%;
        margin-left: 10px;
    }
    .login {
        padding: 10px!important;
    }
    .login__wrapper.shop {
        padding: 30px;
        height: 100%;
    }
}