@media only screen and (max-width: 1199px) and (min-width: 1000px){

    .ui.container{
        width:100%;
    }
/*    .scal_right, .tui_right_ct{
        display:block!important;
    }

    .scal_left{                   
        width: 22%!important;
    }
    .scal_center{                    
        width: 56%!important;
    }

    .scal_right{
        width:22%!important;
    }*/

}

@media only screen and (max-width: 999px) and (min-width: 700px){

    .ui.container{
        width:100%;
        margin: 0px!important;
    }
/*    .scal_right, .tui_right_ct{
        display:none!important;
    }

    .scal_left{                   
        width: 27%!important;
    }
    .scal_center{                    
        width: 73%!important;
    }                */

}

@media only screen and (max-width: 699px){
    .ui.container{
        width:100%;
        margin: 0px!important;
    }
/*    .scal_right, .tui_right_ct, .scal_left, .tui_left_ct{
        display:none!important;
    }

    .scal_center{                    
        width: 100%!important;
    }
    .scal_head{
        height: 50px!important;
    }

    .tui_menu_h{
        width:50px!important;
        height: 50px!important;
        font-size: 18px!important;
    }
    .tui_menu_h div{
        font-size: 8px!important;
    }
    .logo_center{
        display: block!important;
        width: 120px!important;
        height: 40px!important;
    }

    #top_menu_mor{
        display:block!important;
    }

    .tui_menu_vertical_center table td{
        font-size: 12px;
        padding: 2px 6px 2px 0!important;
    }*/


}

/*tui new laout*/

.tui_left_ct{                
    min-height: 320px;

    background-color: #2dc9b3;

}

.tui_center_ct{                
    min-height: 320px;

    background-color: #fff;

}

/*.tui_right_ct{                
    min-height: 1024px;

    background-color: #ebebeb;                

}*/


.tui_head_ct{
    position: relative;
    background-color: #fff;
    box-shadow: 0 4px 2px -2px rgba(0,0,0,0.2);
}

.scal_left{
    float:left;
    //width: 20%;
}
.scal_center{
    float:left;
    //width: 60%;
   
}
.scal_right{
    float:left;
    //width: 20%;
}
.scal_head{
    height: 45px;
}


.tui_menu_h{
    width:77px;
    height: 45px; 
    font-size: 26px;
}
.tui_menu_h div{
    font-size: 14px;
}
.logo_center{
    //display:none;
    width: 150px;height: 60px;
}


.tui_menu_vertical ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    /*width: 200px;*/
    /*background-color: #f1f1f1;*/
}

.tui_menu_vertical li{
    border-top: 1px solid rgba(255,255,255,0.5);
}
.tui_menu_vertical li:last-child{
    border-bottom: 1px solid rgba(255,255,255,0.5);
}

.tui_menu_vertical li a {
    display: block;
    color: #fff;
    font-size: 14px;
    padding: 8px 16px;
    text-decoration: none;
}

.tui_menu_vertical li a.active {
    background-color: rgba(0,0,0,0.2);
    color: white;
}

.tui_menu_vertical li a:hover:not(.active) {
    background-color: rgba(0,0,0,0.1);
    color: white;
}

#top_menu_mor{
    display: none;
}



.tui_menu_vertical_center ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    /*width: 200px;*/
    /*background-color: #f1f1f1;*/
}

.tui_menu_vertical_center li{
    border-bottom: 1px solid rgba(0,0,0,0.2);
}
.tui_menu_vertical_center li:last-child{
    /*border-bottom: 1px solid rgba(0,0,0,0.2);*/
}

.tui_menu_vertical_center li a {
    display: block;
    color: #555;
    font-size: 14px;
    padding: 8px 0px;
    text-decoration: none;
}

.tui_menu_vertical_center li a.active {
    background-color: rgba(0,0,0,0.2);
    color: white;
}

.tui_menu_vertical_center li a:hover:not(.active) {
    /*background-color: rgba(0,0,0,0.1);
    color: white;*/
}

.tui_menu_vertical_center table td{
    padding: 2px 10px;         
    /*border:1px solid #555;*/
}

table{
    border-collapse:unset!important;
}


/*tui new laout*/

@media only screen and (max-width: 425px){
 
    .ui.stackable.grid {
        width: 100%;
    }
    .ui.form.fdate{
        width:50%;
    }
    .btn_add_cus{
        float:right;
        width:80px;
    }
    .btn_output{
        margin: 6px auto!important;
        width:105px;
    }
    .remove_btn_order1{
        height: auto!important;
    }
    .c_btn_quantity{
        height: auto!important;
    }
    .c_btn_quantity div{
        max-width:240px!important;
    }
    
}