@media screen and (max-width: 856px) {
    @media screen and (max-width: 856px) {
        .top-area-block {
            padding: 0 20px !important;
        }

        .top-area-items {
            flex-wrap: wrap;
            justify-content: center !important;
        }

        ._auto_top_area_container {
            margin-left: 0 !important;
        }
    }

    #all_notes_by_user {
        margin: auto;
        overflow-x: auto !important;
        display: block;
        float: left;
    }

    .bt-1px-m {
        border-top: 1px solid #EEE
    }

    .op_user_row .hidden {
        visibility: visible !important;
    }

    .op_user_table_title_row {
        display: none !important
    }

    .op_user_row {
        flex-wrap: wrap;
        flex-direction: column;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .op_user_col {
        width: 100% !important
    }

    /**
    * MODAL MOBILON
    */
    body.modal_open {
        width: 100%;
        overflow: hidden !important;
        height: 100%;
        /*
        overscroll-behavior: none;
        */
    }

    /*body.modal_open .modal {*/
    body .modal {
        width: 100%;
        margin: 0;
        overflow: hidden !important;
        /*ebbe itt nemvagyok biztos h mit tesz*/
        touch-action: none;
    }

    /*body.modal_open .modal-content {*/
    body .modal-content {
        width: 96% !important;
        margin: auto !important;
        overflow-y: auto;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-overflow-scrolling: touch;
        /*ez adja meg asszem ami nekünk ell, h a browser bár ne tűnjön el touch közben!*/
        overscroll-behavior: contain;
    }

    body.modal_open .modal:not([id*="add_user_task"]) .modal-content {
        padding-top: 10px !important;
    }

    /**
    *
    */
    .show_from_left {
        position: absolute;
        -webkit-animation: slide 0.2s forwards;
        -webkit-animation-delay: 0s;
        animation: slide 0.2s forwards;
        animation-delay: 0s;
    }

    @-webkit-keyframes slide {
        100% {
            left: 0;
        }
    }

    @keyframes slide {
        100% {
            left: 0;
        }
    }

    .hide_to_left {
        position: absolute;
        -webkit-animation: hideslideleft 0.2s forwards;
        -webkit-animation-delay: 0s;
        animation: hideslideleft 0.2s forwards;
        animation-delay: 0s;
    }

    @-webkit-keyframes hideslideleft {
        100% {
            /*
            left: -400px;
            */
            left: -100%;
        }
    }

    @keyframes hideslideleft {
        100% {
            /*
            left: -400px;
            */
            left: -100%;
        }
    }

    .hide_to_right {
        position: absolute;
        -webkit-animation: hideslideright 0.2s forwards;
        -webkit-animation-delay: 0s;
        animation: hideslideright 0.2s forwards;
        animation-delay: 0s;
    }

    @-webkit-keyframes hideslideright {
        100% {
            /*
            left: 400px;
            */
            left: 100%
        }
    }

    @keyframes hideslideright {
        100% {
            /*
            left: 400px;
            */
            left: 100%
        }
    }

    .rmenu.mobile_rmenu {
        width: 100%;
        max-width: 100% !important;
        display: flex;
        flex-wrap: wrap;
        margin: 0 !important;
    }

    .project_data_content.active {
        border: 1px solid #EEE;
        border-top: none;
    }

    .modal .accordion {
        margin-bottom: 0 !important;
    }

    .accordion {
        max-width: 100% !important;
    }

    #add_new_project_button {
        display: none !important
    }

    #rmenu_add_new {
        font-size: 16px;
    }

    #rmenu_add_new .new {
        margin-bottom: 5px;
    }

    .tab button:not(.active):hover,
    .tab button:not(.active):focus {
        color: #2b2b2b !important;
    }

    .tab button {
        color: #666666;
        font-weight: 500;
    }

    .tab button.active {
        position: relative;
    }

    /**
    * header
    */
    .oneplace-logo {
        max-width: 200px !important;
    }

    .mobile_search_icon {
        padding-right: 5px;
        font-size: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: gray;
    }

    body,
    .entry-content {
        position: relative
    }

    .p-20px-mobile {
        padding: 20px !important;
    }

    .no-margin-mobile {
        margin: 0 !important;
    }

    .no-padding-mobile {
        padding: 0 !important;
    }

    .p-10px-mobile {
        padding: 10px !important;
    }

    .hide-mobile,
    .m-hide {
        display: none !important;
    }

    .no-wrap-mobile {
        flex-wrap: nowrap !important
    }

    .separate-containers .site-main {
        margin-bottom: 0 !important;
    }

    #projects {
        padding-left: 0 !important;
        padding-bottom: 0;
        padding-top: 56px;
    }

    #side_menu {
        display: none !important;
        padding-top: 0 !important;
    }

    #side_menu nav ul li:after {
        content: attr(content);
        color: #EEEEEE !important
    }

    #side_menu nav ul li.active:after {
        color: #5066cb !important
    }

    .mobile-menu-logo {
        padding: 20px 10px;
        filter: brightness(20);
        -webkit-filter: brightness(20);
        -moz-filter: brightness(20);
    }

    body.side_menu_open #side_menu {
        display: block !important;
        z-index: 1000;
        width: 200px !important;
    }

    .hide-on-mobile {
        display: none !important;
    }

    .w50-mobile {
        width: 50% !important;
    }

    .w100-mobile {
        width: 100% !important;
        max-width: 100% !important;
    }

    .f-wrap-mobile {
        flex-wrap: wrap;
    }

    .jc-c-m {
        justify-content: center !important;
    }

    .has-inline-mobile-toggle .inside-header {
        flex-direction: column !important;
    }

    .site-logo {
        flex-wrap: wrap;
        justify-content: center;
    }

    .inside-header {
        padding: 10px !important
    }

    .inside-article {
        padding: 0 !important;
    }

    #mobile-menu-control-wrapper {
        display: none !important;
    }

    .search_results_title h3 {
        padding-left: 10px;
    }

    /**
    *
    * EZT ÉPESZŰAN MAJD GBR!!
    *
    *
    */
    .site-header .header-image {
        width: 200px !important
    }

    .project-search-input {
        width: 100% !important;
        margin: 0 10px !important;
        max-width: 100% !important;
    }

    .project-search {
        border: none !important;
        background-color: transparent !important;
        padding-left: 0 !important;
    }

    .user_tasks_alert {
        /** ha ezt nem ide rakjuk, akkor szedjük ki épeszűen, ne css-el */
        width: 100% !important;
        margin-left: 0 !important;
        position: absolute !important;
        top: 6px !important
    }

    .user_tasks_alert_col {
        display: none !important;
        margin-left: 0 !important;
        margin-top: 10px;
        width: 100% !important;
        font-size: 11px !important;
    }

    .open_mobile_menu {
        position: relative !important;
    }

    .m-overflow {
        display: flex;
        overflow-y: auto !important;
        flex-wrap: nowrap !important;
    }

    .main_tab_navigation {
        overflow-x: auto;
        flex-wrap: nowrap !important;
        background: #FFFFFF !important;
        height: 55px !important;
        padding: 0 10px;
    }

    .sub-main-navigation.m-overflow {
        background: #FFFFFF !important;
        padding: 0 10px;
    }

    .m-overflow::-webkit-scrollbar,
    .main_tab_navigation::-webkit-scrollbar,
    .sub-main-navigation::-webkit-scrollbar {
        display: none;
    }

    .m-overflow,
    .main_tab_navigation,
    .sub-main-navigation {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .sub-main-navigation button {
        height: 55px !important;
    }

    .custom_stat_interval {
        margin-top: 10px
    }

    body.show_main_tab_navigation .main_tab_navigation,
    body.show_main_sub_tab_navigation .sub-main-navigation:not(.no_sticky) {
        position: fixed;
        z-index: 1;
        border-bottom: 2px solid #EEE;
    }

    body.show_main_sub_tab_navigation .tabcontent.sub.active:not(.no_sticky) {
        padding-top: 80px;
    }

    body.show_main_tab_navigation .tabcontent:not(.sub).active {
        padding-top: 35px;
    }

    .main_tab_navigation button,
    .sub-main-navigation button,
    .subtablinks-holder button {
        display: flex;
        align-items: center;
        min-width: max-content;
    }

    .sub-main-navigation {
        background: #FFFFFF !important;
        padding: 0 10px !important;
    }

    /**
    * ezt most csak tesztként, amúgy mehet a w-100-mobile...
    */
    .project_category_title .title {
        width: 100% !important;
    }

    .project_users:not(.aside_nav) {
        max-width: 100px !important
    }

    .modal-content {
        margin: 0 !important;
        padding: 20px !important;
        width: 100% !important;
        border: none !important
    }

    .project_users_in_modal {
        display: none !important
    }

    .project_tags_in_modal {
        margin-left: 0 !important;
        flex-wrap: wrap;
        width: 100% !important;
    }

    .project_status_in_modal {
        margin-left: 0 !important
    }

    .project_tag_in_modal {
        margin-bottom: 5px;
        margin-top: 5px;
        font-size: 12px;
    }

    .project_modal_content article {
        padding-right: 0 !important
    }

    .project_modal_content {
        padding: 0 !important;
        border-color: #FFF !important
    }

    .project_data_row_title {
        font-weight: normal !important
    }

    .project_data_row .accordion {
        padding: 5px 10px !important
    }

    #project_modal .project_comment:before {
        display: block;
        width: 100%;
    }

    #project_modal .project_comment {
        margin-top: 0 !important;
        border-top: 0 !important
    }

    .fast_deadline {
        width: 30%;
        margin: 1% !important;
        padding: 10px !important;
        text-align: center;
    }

    /**
    *
    */
    body.side_menu_open .open_mobile_menu {
        color: #FFF !important;
        z-index: 10000 !important;
    }

    .open_mobile_menu {
        font-size: 18px;
        display: flex;
        justify-content: center;
        padding: 10px;
        color: gray;
    }

    .delete-filters {
        position: fixed;
        bottom: 70px;
        left: 0;
        padding: 10px;
        width: 100%;
        display: flex;
        justify-content: center;
        background: #EEE;
        z-index: 100;
    }

    /**
    *
    */
    .add_user_note {
        min-width: unset !important;
        margin-right: 10px;
    }

    .task_category .subtablinks-holder {
        border-left: 0 !important;
    }

    .note_title {
        max-width: unset !important;
        min-width: 60% !important;
        flex-wrap: wrap !important
    }

    .user_note_title {
        min-width: unset !important
    }

    .user_note_deadline {
        display: none !important;
    }

    .user_note_related_users {
        max-width: 100px !important;
        min-width: 100px !important;
        flex-wrap: wrap;
        padding: 0 !important
    }

    /**
    *
    */
    .table_row div:not(.user_note_related_users) {
        padding: 3px 12px !important
    }

    /**
    *
    */
    .show_stat_interval_holder {
        flex-wrap: wrap !important;
        margin-top: 10px;
        margin-bottom: 10px;
        /*border-top: 1px solid #EEE;*/
    }

    .stat_filter {
        padding: 5px !Important;
        background: #FFF !important;
        min-width: 200px !important;
        margin: 10px;
    }

    .tab button {
        padding: 10px !important;
    }

    /**
    * tablazat
    */
    /*
    #quotes-table thead td:not(.solar-quote-user-name):not(.project_arrow):not(.solar-quote-edit):not(.solar-quote-szerzodes):not(.solar-quote-pdf-link):not(.klima-quote-szerzodes):not(.m-show) {
        display: none!important
    }
    #quotes-table tbody td:not(.solar-quote-user-name):not(.project_arrow):not(.solar-quote-edit):not(.solar-quote-szerzodes):not(.solar-quote-pdf-link):not(.klima-quote-szerzodes):not(.m-show) {
        display: none;
    }
    */
    .inventory_item_modal {
        z-index: 10 !important;
    }

    .setting-section,
    .ajanlat_select_boxes {
        flex-wrap: wrap
    }

    .modal .ugyfel-adatok input,
    .modal .ugyfel-adatok select,
    .modal #ajanlat_email_additional_data input {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 10px !important;
    }

    .modal .setting-section-title {
        margin-bottom: 7px !important;
    }

    .modal .project_tasks_buttons {
        font-size: 20px !important
    }

    .edit_oneplace_bidding_modal .project_modal_content,
    .modal[data-id="new_oneplace_bidding_modal"] .project_modal_content {
        padding: 0 !important;
        border-color: transparent !important;
    }

    .calculator_buttons {
        width: 100%;
        justify-content: center;
    }

    .calc-button {
        margin: 20px !important
    }

    .setting-section select {
        max-width: 100% !important
    }

    .ajanlat_select_boxes {
        justify-content: center !important;
    }

    .teteles-ajanlat-inner {
        border: none !important
    }

    .teteles-ajanlat-row {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .teteles-ajanlat-row:nth-child(odd) {
        background: #eeaa6117 !important;
    }

    .teteles-ajanlat-row .teteles-ajanlat-col.teteles-ajanlat-data {
        padding: 10px !important;
        font-size: 14px;
    }

    .teteles-ajanlat-row .teteles-ajanlat-col {
        width: 100% !important;
        padding: 5px 10px !important
    }

    .teteles-ajanlat-row .teteles-ajanlat-col.tetles-ajanlat-price {
        flex-wrap: nowrap !important;
    }

    .teteles-ajanlat-row .teteles-ajanlat-col.tetles-ajanlat-price:empty:after {
        content: 'Itt fogod látni az árat!';
        width: 100% !important;
        color: gray;
    }

    .teteles-ajanlat-data,
    .teteles-ajanlat-title {
        border-right: 0 !important
    }

    .setting-section select {
        margin-right: 0 !important;
        margin-bottom: 10px !important;
    }

    .ajanlat_tablinks_child {
        width: 50% !important;
        justify-content: space-between;
    }

    .ajanlat_hozzaadasa {
        justify-content: center !important;
    }

    .tetles-ajanlat-price[brutto]:not(:empty):before {
        margin-left: 10px !important;
    }

    .teteles-ajanlat-row input,
    .teteles-ajanlat-row select {
        width: 100% !important
    }

    /**
     * ajanlatkeszito
    */
    .option-table {
        padding: 0 !important
    }

    .option-table tr,
    .option-table td {
        border: none !important;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .option-table td {
        width: 33.333% !important;
    }

    .option-table td.w50 {
        width: 100% !important
    }

    .calculator-ajanlatkeszito-setting-area thead {
        display: none !important
    }

    .option-table tr.calculator-option-row-input {
        border-bottom: 1px solid gray;
        padding-bottom: 20px !Important;
    }

    .option-table td.icon_col {
        max-width: 16.5% !important;
        min-width: 16.5% !important;
        justify-content: center;
    }

    .inventory_item_form div {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /**
    *
    */
    .inventory {
        justify-content: space-between;
    }

    .delivery_note_select {
        width: 100% !important;
    }

    .inventory input {
        width: 33% !important;
    }

    .oneplace_delivery_note_form .customer_datas {
        width: 100% !important;
    }

    .upimg {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .gallery_item {
        width: 47% !important
    }

    #minimized_modals {
        display: none !important
    }

    #minimized_modals:not(:empty) {
        width: 100% !important;
    }

    /**
    * SWIPE
    */
    .customer_datas .customer_data {
        /* margin: 3px 10px!important;*/
        margin: 10px 0 !important;
        min-width: unset !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .customer_datas .customer_data:first-child {
        margin-top: 15px !important;
    }

    .user_note_table {
        margin-right: 0% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }

    /**
    * ezt most csak tesztnek
    */
    .checkbox_note div {
        align-items: flex-start !important;
    }

    .checkbox_note {
        margin-top: 10px;
    }

    .user_note_checkbox {
        margin-top: 3px;
    }

    .subtablinks-holder .tabcontent.sub {
        border-left: none !important;
        border-right: none !important;
    }

    h3.title {
        line-height: 1.4;
    }

    #op_users_table {
        margin-left: 0 !important;
    }

    .dialog-overlay .dialog {
        width: 90% !important;
    }

    /**
    *
    */
    .op_setting_modal .modal-content {
        min-height: unset !important;
        height: auto !important;
    }

    .op_setting_modal label {
        font-size: 15px;
    }

    .op_setting_modal button,
    .op_setting_modal input:not([type="checkbox"]),
    .op_setting_modal select,
    .op_setting_modal textarea {
        height: 45px !important;
        font-size: 16px !important;
    }

    .op_setting_modal input[type="submit"] {
        width: 100% !important;
    }

    .op_setting_modal .project_kategoria {
        margin-left: 0 !important;
        position: absolute;
        top: -30px;
        left: 0;
    }

    .op_setting_modal .op_checkbox_setting {
        font-size: 16px !important;
    }

    .op_delete_setting {
        line-height: 1;
        margin-left: 0 !important;
        margin-top: 10px;
        width: 100%;
    }

    .archive_project.aside_nav {
        background: #EEE
    }
}

@media screen and (min-width: 856px) {
    .project-search-input {
        min-width: 250px;
    }

    .hide-desktop {
        display: none !important
    }

    #rmenu_add_new .new {
        font-size: 16px !important;
    }

    .project_modal_content aside {
        min-width: 170px;
    }

    #mobile_add_new_button:hover {
        background-color: #EEE !important;
        transition: all ease-in-out 0.2s;
        -webkit-transition: all ease-in-out 0.2s;
        -moz-transition: all ease-in-out 0.2s;
    }

    .project_data_row[content_section="tortenet"] {
        padding-bottom: 0 !important;
    }

    .opacity0 {
        opacity: 0;
    }

    .op_setting_modal .modal-content {
        /*max-height: unset!important;*/
        min-height: unset !important;
        height: auto !important;
        max-width: 800px !important;
    }
}

@media screen and (max-width: 1200px) and (min-width: 856px) {
    /*
    .aside_nav {
        display: flex;
        flex-direction: column;
    }
    .aside_nav i {
        text-align: left!important
    }
    */
}