@media only screen and (min-width: 1200px) {
    .container {
        max-width: 1350px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 799px) {
    .confirm-procesing .select2-container {
        width: 80px!important;
    }
    .mb-individual .ip-pr-name, .mb-individual .ip-full-name {
        width: 21%;
    }
    .table-managament .line-border .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
        left: 24px !important; 
        right: auto !important;
    }
    .main-container .table-managament .line-border .custom-control-label::after, .main-container .table-managament .line-border .custom-control-label::before {
        left: 21px !important;
        right: auto !important;
    }
    .tab-food-count .form-event .input-amount {
        width: 164px;
    }
}
@media only screen and (min-width: 800px) and (max-width: 1199px) {
    /*.select-block-4 .select2-container {
        width: 158px!important;
    }*/
    .main-container .table-managament .line-border .custom-control-label::after, .main-container .table-managament .line-border .custom-control-label::before {
        left: 33px !important;
        right: auto !important;
    }
    .table-managament .line-border .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
        left: 36px !important;
        right: auto !important;
    }
    .table-managament th, .table-managament td {
        font-size: 14px;
        letter-spacing: -0.04rem;
    }
    .table-managament .w-ttl, .table-managament .txt-decoration {
        width: 28%;
    }
}
@media only screen and (min-width: 800px) and (max-width: 899px) {
    .main-container .table-managament .line-border .custom-control-label::after, .main-container .table-managament .line-border .custom-control-label::before {
        left: 27px !important;
        right: auto !important;
    }
    .table-managament .line-border .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
        left: 30px !important;
        right: auto !important;
    }
    .table-managament th {
        letter-spacing: -0.04rem;
    }
    .select-block-4 .select2-container {
        width: 100% !important
    }
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
    .form-group-primary .inner-select-billing, .form-date .inner-select-billing {
        width: 67px;
    }
    .form-date .inner-select-billing {
        margin-top: 28px;
    }
    .inner-button-template .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3%;
        flex: 0 0 33.3%;
        max-width: 33.3%;
    }
    .inner-button-template .btn-template {
        font-size: 13px;
        min-height: 56px;
        letter-spacing: -0.09rem;
        padding: 5px;
    }
    .inner-button-template .btn-template .number {
        font-size: 14px;
    }
    .sidebar-setting li a {
        padding: 6px 10px;
        display: block;
    }
    .list-sidebar .icon-setting {
        font-size: 18px;
        margin-right: 10px;
    }
    .list-sidebar .icon-arrow {
        font-size: 18px;
    }
    .form-setting-edit .tax-rate {
        margin: 0;
    }
    .inner-affiliation .form-setting-edit {
        padding: 0 0px 10px 0px;
    }
    .form-setting-edit .form-group .name, .form-facility-edit .lbl-name, .table-food-count.table-payment .line-ttl th {
        font-size: 14px;
    }
    .form-setting-edit .required, .form-facility-edit .required {
        padding: 0;
    }
    .inner-meal-price .required, .inner-expenses .required, .inner-calculation .required, .opera-status .required {
        margin-left: -5px;
    }
    .input-expenses-row .form-control {
        width: 86px;
    }
    .group-expenses .txt-stick {
        margin: 0 10px;
    }
    .remarks-r .form-control {
        width: 500px;
    }
    .table-calculation {
        width: 345px;
    }
    .parking-free-r .input-expenses-row {
        width: 135px;
    }
    .group-meal-unit .select-section .select2-container, .group-meal-unit .select-section, .inner-meal-price .group-meal-unit .select-section .pref-select {
        width: 100px!important;
    }
    .group-meal-unit .select-section-lb {
        width: 324px;
    }
    .group-meal-unit .custom-checkbox {
        width: 42px;
    }
    .sign-up-new .add-load, .add-facility .add-load {
        width: 147px;
    }
    .form-daily-proces .btn-call-r, .inner-daily-meal .form-daily-proces .btn-call-r{
        display: block;
        width: 100%;
    }
    .form-daily-proces .form-group-primary {
        width: 94px;
    }
    .form-daily-proces .form-group-primary .inner-select-billing, .form-daily-proces .form-date .inner-select-billing {
        width: 52px;
    }
    .form-daily-proces .form-group-primary .inner-select-billing {
        width: 60px;
    }
    .form-daily-proces .date-month {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25.5%;
        flex: 0 0 25.5%;
        max-width: 25.5%;
    }
    .date-month .select2-container .select2-selection--single .select2-selection__rendered {
        overflow: visible;
      }
    .tab-food-count .form-event .input-amount-col {
        width: 125px;
    }
    .tab-food-count .form-event .input-amount, .form-event .product-name {
        width: 125px;
    }
    .tab-food-count .form-event .inner-amount-col .form-control {
        width: 83px;
    }
    .form-management-meal .lbl-name {
        font-size: 13px;
    }
    .block-request-mt .form-event .product-name {
        width: 116px;
    }
    .tab-food-count  .block-request-mt .form-event .input-amount-col {
        width: 144px;
    }
    .tab-food-count .block-request-mt .form-event .inner-amount-col .form-control {
        width: 95px;
    }
    .form-management-meal .tab-content, .inner-balance {
        padding: 15px 25px;
    }
    .sec-facility {
        padding: 0px 25px 20px;
    }
    .sec-facility .ttl-1 {
        margin: 0 -25px 20px;
    }
    .block-request-mt2 .form-event .product-name {
        width: 84px;
        min-width: auto;
    }
    .block-request-mt2 .scroll-other-event .form-event .product-name {
        width: 105px;
    }
    .tab-food-count .block-request-mt2 .form-event .input-amount-col {
        width: 115px;
    }
    .tab-food-count .block-request-mt2 .form-event .inner-amount-col .form-control {
        width: 67px;
    }
    .tab-food-count .block-request-mt2 .scroll-other-event .form-event .inner-amount-col .form-control {
        width: 75px;
    }
    .block-request-mt2 .form-event .select-staff-res {
        width: 90px;
    }
    .block-request-mt2 .scroll-other-event .form-event .select-staff-res {
        width: 105px;
    }

    .form-facility .check-display  {
        padding-right: 0;
    }
    .form-facility .check-display .custom-control-label {
        font-size: 13px;
    }
    .col-balance .select-facility.pl-0 {
        padding-left: 15px!important;
    }
    .inner-checking-bl .ttl-date {
        font-size: 16px;
        margin-top: 6px;
    }
     .ttl-date .next-month {
        margin-left: 0;
    }
    .ttl-date .last-month {
        margin-right: 0;
    }
    .sec-balance .col-balance {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 64%;
        flex: 0 0 64%;
        max-width: 64%;
    }
    .form-daily-proces .btn-call {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 15%;
        flex: 0 0 15%;
        max-width: 15%;
    }
    .btn-call .btn-call-r {
        width: 80px;
    }
    .form-daily-proces .csv-dowload {
        padding-left: 8px;
    }
    .csv-dowload .btn-dowload {
        width: 122px;
    }
    .col-balance .lbl-balance {
        font-size: 12px;
    }
    .sec-inner-balance {
        padding: 25px 20px;
    }
    .table-balance .table td {
        font-size: 13px;
    }
    .tb-balance .name-facy, .tb-balance .link-td {
        padding-left: 10px!important;
        text-align: center!important;
    }
    .table-managament tbody, .tb-balance tbody {
        max-height: 300px;
    }
    .wrap-expenses .table-managament tbody {
        max-height: 470px;
    }
    .wrap-expenses .tbl-scroll-exp tbody {
        max-height: 358px;
    }
    .room-number .ip-room {
        width: 14%;
    }
    .room-number .ip-full-name, .room-number .ip-pr-name {
        width: 22%;
    }
    .room-number .input-amount-col {
        width: 17%;
    }
    .mb-individual .inner-amount-col .form-control {
        width: 78px;
    }
    .form-date .txt-month, .form-group-primary .txt-month {
        right: -6px; 
    }
    .form-billing .select-block-cl {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 17%;
        flex: 0 0 17%;
        max-width: 17%;
    }
    .billing-management  .form-billing .inner-processing .btn-call {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }
    .group-meal-unit-r .group-money {
        width: 130px!important;
    }
    .form-facility-edit .group-meal-unit-r .group-money .form-control {
        width: 94px;
    }
    .table-meal-price .group-meal-unit-r .select-section .select2-container, .group-meal-unit-r .td-section, .group-meal-unit-r .select-section {
        width: 92px!important;
    }
    .inner-daily-meal .form-daily-proces .form-group-primary {
        width: 101px;
    }
    .inner-daily-meal .form-daily-proces .form-group-primary .inner-select-billing {
        width: 62px;
    }
    .inner-daily-meal .form-daily-proces .form-group-primary .txt-month {
        right: -1px
    }
    #wrap-contract-2 .input-expenses-row .form-control {
        width: 74px;
    }
    .wrap-expenses .form-billing .select-block-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.33%;
        flex: 0 0 16.33%;
        max-width: 16.33%;
    }
    .wrap-expenses .form-billing .inner-processing .btn-call {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 61.6%;
        flex: 0 0 61.6%;
        max-width: 61.6%;
        padding-right: 12px;
    }
    .form-expenditure .inner-processing .btn-call-r {
        width: 150px;
    }
    .table-managament th, .table-managament td {
        font-size: 13px;
        letter-spacing: -0.04rem;
    }
    .inner-transition .inner-btn-register .btn-update, .inner-transition .inner-btn-register .btn-regis {
        width: 145px;
    }
    .inner-transition .inner-btn-register {
        margin: 0 10px
    }
    .inner-transition .sec-transition .table .tran-ttl, .inner-transition .sec-transition .table .txt-decoration {
        width: 25%;
    }
    .sct-transition-tbl {
        padding: 25px 25px;
    }
    .date-month-processing .form-date .txt-month, .date-month-processing .form-group-primary .txt-month {
        right: -9px;
    }
    .income-statement .tbl-statement {
        padding-left: 27px;
        padding-right: 27px;
    }
    .inner-overall .sec-final-balance .form-daily-proces .form-group-primary {
        width: 102px;
    }
    .inner-overall .form-daily-proces .form-date .txt-month,  .inner-overall .form-daily-proces .form-group-primary .txt-month {
        position: relative;
        top: 2px;
        right: -2px;
    }
    .inner-transition .inner-form-billing .col-2-block {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.33%;
        flex: 0 0 16.33%;
        max-width: 16.33%;
    }
    .inner-transition .inner-btn-register .btn-regis-right {
        position: relative;
        right: auto;
    }
    .inner-transition .inner-btn-register .btn-update {
        margin-left: 20px;
        margin-right: 20px;
    }
    .inner-transition .inner-btn-register .btn-regis {
        margin-left: 0;
        margin-right: 0!important;
    }
    .modal-bill-show.modal-w-btn .btn-bill-warn a {
        min-width: 135px;
        font-size: 12px;
    }
    .form-billing .inner-processing .btn-call .btn-call-r {
        width: 180px;
    }
    .cooperation-infor .ttl-3 {
        font-size: 15px;
    }
    
}
@media only screen and (min-width: 961px) and (max-width: 1199px) {
    .form-group-primary {
        margin-top: 2px;
    }
    .form-date .inner-select-billing {
        margin-top: 27px;
    }
    .inner-button-template .btn-template {
        font-size: 14px;
        padding: 2px;
    }
    .form-setting-edit .tax-rate {
        margin: 0;
    }
    .inner-affiliation .form-setting-edit {
        padding: 0 35px 10px 30px;
    }
    .table-calculation {
        width: 490px;
    }
    .form-daily-proces .date-month {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25.5%;
        flex: 0 0 25.5%;
        max-width: 25.5%;
    }
    .form-daily-proces .form-group-primary .inner-select-billing {
        width: 74px;
    }
    .form-daily-proces .form-date .inner-select-billing {
        width: 65px
    }
    .form-daily-proces .form-group-primary {
        width: 127px;
    }
    .form-daily-proces .btn-call-r {
        display: block;
        width: 100%;
    }
   .form-event .input-amount {
        width: 167px;
    }
    .material-content .form-event .product-name, .inner-daily-meal .form-event .input-amount {
        width: 167px;
    }
    .block-request-mt2 .form-event .product-name, .block-request-mt2 .form-event .input-amount-col {
        width: 140px;
    }
    .block-request-mt2 .scroll-other-event .form-event .input-amount-col {
        width: 110px;
    }
    .form-event .scroll-other-event .select-date {
        width: 107px;
    }
    .block-request-mt2 .scroll-other-event .form-event .input-amount-col {
        width: 110px;
    }
    .block-request-mt2 .scroll-other-event .form-event .inner-amount-col .form-control {
        width: 73px;
    }
    .scroll-other-event .form-event .select-date {
        width: 109px
    }
    .block-request-mt2 .form-event .product-name {
        width: 125px;
    }
    .block-request-mt2  .scroll-other-event  .form-event .product-name {
        width: 102px;
    }
    .block-request-mt2 .form-event .inner-amount-col .form-control {
        width: 99px;
    }
    .csv-dowload .btn-dowload {
        width: 146px;
    }
    .form-daily-proces .csv-dowload {
        padding-left: 4px;
    }
    .lbl-balance {
        font-size: 13px;
    }
    .room-number .ip-full-name, .room-number .ip-pr-name {
        width: 168px;
    }
    .billing-management .form-billing .inner-processing .btn-call {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 11%;
        flex: 0 0 11%;
        max-width: 11%;
        text-align: center;
    }
    .billing-management .form-billing .inner-processing .btn-call .btn-call-r {
        width: 100%;
    }
    .wrap-expenses .form-billing .select-block-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 17.1%;
        flex: 0 0 17.1%;
        max-width: 17.1%;
    }
    .wrap-expenses .form-billing .inner-processing .btn-call {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 61.9%;
        flex: 0 0 61.9%;
        max-width: 61.9%;
    }
    .inner-transition .inner-form-billing .col-2-block {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 17.1%;
        flex: 0 0 17.1%;
        max-width: 17.1%;
    }
    .inner-transition .inner-btn-register .btn-update {
        margin-right: 150px;
    }
   
}
@media only screen and (min-width: 1279px) and (max-width: 1280px) {
    .facility-head {
        padding-right: 25px!important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .main-container {
        background: url(../images/common/bg_main.svg) center center;
        background-size: cover;
    }
    .form-group-primary.col-md-1, .form-date.col-md-1 {
        flex: 0 0 13%;
        max-width: 13%;
    }
    .form-date.col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 9.5%;
        flex: 0 0 9.5%;
    }
    .infor-dashboard .menu-dashboard {
        padding: 10px 8px 8px;
        font-size: 12px;
    }
    .form-setting-edit .form-group.col-md-2 .form-control {
        width: 80px
    }
    .form-facility .form-control::placeholder {
        font-size: 12px;
    }
    .form-facility .form-control::-webkit-input-placeholder {
        font-size: 12px;
    }
    .sec-facility.facility-edit {
        padding: 0 25px 25px 25px;
    }
    .sec-facility.facility-edit .ttl-1 {
        margin: 0 -25px 20px;
    }
    .sec-facility.facility-edit .ttl-1 {
        margin-right: -25px;
    }
    .group-expenses .working-day .lbl-name {
        font-size: 13px;
    }
    .group-expenses-block .input-expenses-row,  .group-expenses-block .group-outside {
        display: block;
    }
    .group-expenses-block .group-outside {
        width: 84px;
    }
    .group-expenses-block .txt-stick {
        display: block;
        margin: 0px;
        text-align: left;
    }
    .block-monthly .name-tax, .table-materials .name-tax, .tb-requests .name-tax {
        width: auto;
    }
    .table-managament thead {
        padding-right: 0px;
    }
    .group-expenses.group-expenses-block .txt-circle, .group-expenses .txt-stick {
        margin: 0;
        text-align: left;
        display: block;
        padding-left: 5px;
    }
    .table-balance .table thead th.th-ttl:before {
        width: auto;
        display: none;
    }
    .form-billing .select-block-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 18.6%;    
        flex: 0 0 18.6%;
        max-width: 18.6%;
    }
    .form-billing .inner-processing .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 13%;
        flex: 0 0 13%;
        max-width: 13%;
    }
    .table-meal-price.table-responsive {
        width: 100%; 
    }
    .inner-daily-meal .form-daily-proces .btn-call {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 21%;
        flex: 0 0 21%;
        max-width: 21%;
    }
    .inner-daily-meal .form-daily-proces .date-month {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25.5%;
        flex: 0 0 27.5%;
        max-width: 27.5%;
    }
    .inner-daily-meal .form-daily-proces .btn-call-r {
        width: 100%;
    }
    .tb-balance tfoot:before {
        background: transparent;
    }
    .table-managament .line-border td {
        padding-left: 0;
    }
    .inner-transition .inner-form-menu-cost:before, .inner-transition .inner-form-menu-cost:after {
        top: 33px;
    }
    .inner-transition .inner-form-menu-cost:after {
        left: -11%;
    }
    .modal-date .form-date .inner-select-billing {
        margin-top: 5px;
    }
    .sec-final-balance .col-balance.col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 67.8%;
        flex: 0 0 67.8%;
        max-width: 67.8%;
    }
    .inner-overall .form-daily-proces .btn-call {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 15.7%;
        flex: 0 0 15.7%;
        max-width: 15.7%;
    }
    .sec-final-balance .btn-call .btn-call-r {
        width: auto;
        font-size: 13px;
    }
    .infor-type .table-data .link-ttl {
        margin-left: 15px;
    }
    .inner-processing.date-month-processing {
        justify-content: space-around;
        margin-right: -10px;
    }
    .inner-processing.date-month-processing .btn-call {
        width: 100%;
    }
    #wrap-contract-4 .group-expenses-block .group-outside {
        width: 33px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .table-managament th, .table-managament td {
        font-size: 14px;
    }
    .form-billing label, .txt-date-h {
        font-size: 12px;
    }
    .inner-select-processing .round-pr {
        max-width: 75px;
    }
    .block-monthly .name-tax, .table-materials .name-tax, .tb-requests .name-tax, .table-materials {
        width: auto;
    }
    .block-event .table-materials {
        width: 100%!important;
        max-width: 100%;
    }
    .table-managament thead {
        padding-right: 0px;
    }
    .main-top, .main-setting, .main-container.inner-login, .tab-food-count#nav-tabContent, .main-container.ipad-setting  {
        height: 100%;
        min-height: 100vh;
    }
    .content-affiliation .sort-down {
        margin-left: 10px;
    }
    .content-affiliation .link-ttl {
        margin-left: 18px;
    }
    .head-affiliation .col-md-8 {
        padding-left: 45px;
    }
    .facility-head {
        padding-right: 10px;
    }
    .form-management-meal .btn-update-facility .btn-update {
        position: fixed;
        bottom: 43px;
        z-index: 999;
        left: 0;
        right: 0;
    }
    .form-management-meal.form-monthly .btn-update-facility .btn-update {
        position: relative;
        bottom: 0;
    }
    .form-event .select-date {
        width: 105px;
    }
    .head-affiliation {
        padding-right: 0px;
    }
    .monthly-no-data {
        height: 100%;
        min-height: 100vh;
    }
    .inner-table-bl .tb-balance tbody {
        display: inline;
    }
    .wrap-expenses {
        height: 100vh;
    }
    .wrap-expenses .sec-template {
        padding: 20px 20px 15px;
    }
    .inner-balance .sec-inner-balance .table-balance {
        overflow-y: hidden;
    }
    .inner-transition .inner-form-menu-cost:before {
        background: #dee2e6;
        content: '';
        position: absolute;
        top: 33px;
        left: -52px;
        width: 115%;
        height: 2px;
    }
    .form-menu-cost .col-menu-cost .ttl-menu {
        font-size: 12px;
        letter-spacing: -0.07rem;
    }
    #wrap-contract-4 .group-expenses {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    #wrap-contract-4 .group-expenses-block .working-day .lbl-name {
        width: 230px;
    }
    #wrap-contract-4 .group-expenses .working-day {
        padding-left: 0;
    }
    #wrap-contract-4 .group-expenses .group-outside {
        padding-top: 20px;
    }
    .scroll-other-event {
        overflow-x: scroll;
     }
     /* scroll tablet */
     .management-dl-meal .wrapper-scroll-top::-webkit-scrollbar, .wrapper-scroll-bottom::-webkit-scrollbar, .management-dl-meal .wrapper-scroll-top::-webkit-scrollbar, 
     .management-dl-meal .wrapper-scroll-top-one::-webkit-scrollbar, .wrapper-scroll-bottom-one::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 11px;
        height: 11px;
    }
    .management-dl-meal .wrapper-scroll-top::-webkit-scrollbar-thumb, .wrapper-scroll-bottom::-webkit-scrollbar-thumb, .management-dl-meal .wrapper-scroll-top::-webkit-scrollbar-thumb, 
    .management-dl-meal .wrapper-scroll-top-one::-webkit-scrollbar-thumb, .wrapper-scroll-bottom-one::-webkit-scrollbar-thumb {
        background-color: #c1c1c1;
        -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
    }
    .form-monthly {
        overflow-x: scroll;
        width: 100%;
    }
    /* .wrapper-scroll-top .scroll-table-1, .wrapper-scroll-bottom .scroll-table-2,   .wrapper-scroll-top-one .scroll-table-1, .wrapper-scroll-bottom-one
    .scroll-table-2 {
        width: 100%!important;
        min-width: 1200px;
    } */
    .inner-login .container, .header .container, .footer .container, .breadcrumbs .container {
        width: 100%;
    }
    /* .form-management-meal .view-print-sheet {
        max-width: none;
    }
    .tbl-ovr-transition .table .ttl-trst {
        max-width: auto;
    } */
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    #wrap-contract-4 .group-expenses-block .input-expenses-row {
        display: flex;
    }
    #wrap-contract-4 .group-expenses-block .txt-stick,  #wrap-contract-4 .group-expenses.group-expenses-block .txt-circle {
        margin-left: 10px;
        margin-right: 10px;
    }
    #wrap-contract-4 .group-expenses-block .working-day .lbl-name {
        width: 201px;
    }
    #wrap-contract-4 .group-expenses .group-outside {
        padding-top: 0;
    }
}
@media only screen and (min-width: 961px) and (max-width: 995px) {
    .meal-price-r .table-meal-price .group-meal-unit-r td.td-section:nth-child(2) {
        left: 53px;
    }
    .meal-price-r .table-meal-price .group-meal-unit-r td.td-money:nth-child(3) {
        left: 223px;
    }
}
@media only screen and (min-width: 961px) and (max-width: 1024px){
    .billing-management .form-billing .inner-processing .btn-call {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.7%;
        flex: 0 0 12.7%;
        max-width: 12.7%;
    }
}
@media only screen and (min-width: 900px) and (max-width: 1024px) {
    .form-billing .inner-processing .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 11%;
        flex: 0 0 11%;
        max-width: 11%;
    }
    .room-number .ip-room {
        width: 130px;
    }
    .inner-meals .sign-up-new .check-all {
        margin-left: 2.7vw;
    }
    .wrap-expenses .form-billing .inner-processing .btn-call {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 63.9%;
        flex: 0 0 63.9%;
        max-width: 63.9%;
    }
    .date-month-processing .form-date .txt-month, .date-month-processing .form-group-primary .txt-month {
        right: 1px;
    }
    .block-request-mt2 .scroll-other-event .form-event .product-name {
        width: 180px;
    }
}
@media only screen and (min-width: 1025px) and (max-width: 1199px){
    .form-event .input-amount-col {
        width: 155px;
    }
    .form-event .inner-amount-col .form-control {
        width: 109px;
    }
    .billing-management .form-billing .inner-processing .btn-call {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 11%;
        flex: 0 0 11%;
        max-width: 11%;
    }
}
@media only screen and (min-width: 1336px) and (max-width: 1440px){
    .tb-balance tbody {
        max-height: 280px!important;
    }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
    .main-top, .main-container.inner-login  {
        height: 100%;
        min-height: 100vh;
    }
    .main-top.main-not-found {
        height: 100vh;
    }
}
@media only screen and (min-width: 1365px) and (max-width: 1366px) {
    /*.head-affiliation {
        padding-right: 0px;
    }*/
    .facility-head {
        padding-right: 10px;
    }
}
@media only screen and (min-width: 1437px) and (max-width: 1499px) {
    .main-top, .main-container.inner-login {
        height: auto;
        min-height: 100vh;
    }
}
@media only screen and (min-width: 1510px) and (max-width: 1825px) {
    .main-top, .main-container.inner-login {
        height: 100%;
        min-height: 100vh;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .form-facility .form-search .form-control {
        width: 309px;
      }
}
@media only screen and (min-width: 768px) and (max-width: 828px) {
    .form-facility .form-search .form-control {
        width: 31vw;
      }
    .inner-meals .sign-up-new .check-all {
        margin-left: 1vw;
    }
    .meal-price-r .table-meal-price .group-meal-unit-r td.td-money:nth-child(4) {
        left: 194px
    }
    .tbl-statement div.col_1 {
        font-size: 13px;
    }
    .tbl-statement div.col_1.col-ttl-vertical {
        width: 32%;
    }
}
@media only screen and (min-width: 829px) and (max-width: 960px) {
    .meal-price-r .table-meal-price .group-meal-unit-r td.td-money:nth-child(4) {
        left: 194px;
    }
    .meal-price-r .table-meal-price .group-meal-unit-r td:nth-child(2) {
        left: 36px;
    }
}
@media only screen and (min-width: 829px) and (max-width: 991px) {
    .form-facility .form-search .form-control {
        width: 32.5vw;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
    .main-setting {
        height: calc(100vh - 153px);
        height: -moz-calc(100vh - 153px);
        height: -webkit-calc(100vh - 153px);
        height: -ms-calc(100vh - 153px);
        height: -o-calc(100vh - 153px);
    }
}
@media only screen and (max-width: 768px) {
    .login-right .btn-login {
        padding-bottom: 45px;
    }
    .inner-form-billing .ttl-1, .sec-dashboard .ttl-1, .sidebar-setting .ttl-1, .sec-notice .ttl-1, .affiliation-r .ttl-1, .sec-facility .ttl-1 {
        font-size: 18px;
    }
    .form-setting-edit .form-group .name, .facility-head, .facility-row {
        font-size: 14px;
    }
    .setting-screen {
        margin-bottom: 10px;
    }
    .form-facility .form-search .form-control {
        width: 227px;
    }
    .tab-food-count .form-event .input-amount {
        width: 117px;
    }
}