@media (min-width: 768px) {
    .sb-topnav.navbar-dark #sidebarToggle {
        left: 0;
        right: auto;
    }
    .sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav {width: 320px;}
    .sb-nav-fixed #layoutSidenav #layoutSidenav_nav .sb-sidenav {padding: 5rem 1rem;}
    
    .content-box{padding: 5% 3% 2%;}
    .content-fullpage{padding: 5% 0;}
    .loging-box h1{font-size: 43px;}
    .loging-box p{font-size: 28px;}
    .his-page{margin-bottom: 0;}
    .his-page ul li{
        width: auto;
        margin: 0 10px 0 5px;
        font-size: 1rem;
    }
    .his-page ul li img{
        width: auto;
    }
    .btn-whitebox {
        float: right;
        clear: both;
    }
    .form-list {
        margin: 0 -10px 10px;
    }
    .form-list p, .btn-greensearch{margin-bottom: 10px;}
    .fullcrop-datatable .right {
        width: 100%;
        display: flex;
        float: left;
        clear: both;
        justify-content: flex-end;
        align-items: center;
        flex-wrap: wrap;
    }
    .show-formdetail .col-md-6, .show-formdetail .col-md-3{margin-bottom: 0;}
   
    
}
@media (min-width: 812px){
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 992px){
    #layoutSidenav #layoutSidenav_nav {transform: translateX(0);}
    #layoutSidenav #layoutSidenav_content {
        margin-left: 0;
        transition: margin 0.5s ease-in-out;
    }
    .sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav {transform: translateX(-320px);}
    .sb-sidenav-toggled #layoutSidenav #layoutSidenav_content {margin-left: -320px;}
    .sb-sidenav-toggled #layoutSidenav #layoutSidenav_content:before {display: none;}
    .sb-nav-fixed #layoutSidenav #layoutSidenav_nav{
        width: 275px; 
        transition: all 0.5s;
        overflow: hidden;
    }
    .sb-nav-fixed #layoutSidenav #layoutSidenav_content{padding-left: 275px;}
    .sb-sidenav .sb-sidenav-menu .nav .nav-link img{margin-right: 13px;}     
    .sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav {
        transform: translateX(0); 
        width: 70px;
    }
    .sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav .sb-sidenav{padding: 5rem 1rem;}
    .sb-sidenav-toggled .submenu-collapse::before{display: none;}
    .sb-sidenav-toggled .submenu-collapse{padding-left: 0;}
    .sb-sidenav-toggled .submenu-collapse a span{display: none;}
    .sb-sidenav-toggled #layoutSidenav #layoutSidenav_content.change-scale{padding-left: 266px;}
    .sb-sidenav-toggled .sb-sidenav .sb-sidenav-menu .nav .nav-link span{display: none;}
    
    
    
    
    .content-fullpage{
        height: 100vh;
        background-size:100%;
    }
    .title-big h1{font-size: 27px;}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1200px) {
    .sb-nav-fixed #layoutSidenav #layoutSidenav_nav{width: 330px; }
    .sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav {width: 70px;}
    .sb-nav-fixed #layoutSidenav #layoutSidenav_content {padding-left: 330px;}
    .sb-sidenav-toggled #layoutSidenav #layoutSidenav_content {margin-left: -280px;}
    .sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav  .nav .nav-link {padding: .75rem .4rem;}
    .sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav .submenu-collapse a {padding-left: .4rem;}    
    .sb-nav-fixed #layoutSidenav #layoutSidenav_content.change-scale {padding-left: 331px;}
    .sb-sidenav-toggled #layoutSidenav #layoutSidenav_content.change-scale {padding-left: 440px;}
    
    
    .form-filter .col-xl-2{
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    
    .title-big h1{font-size: 30px;}
    
}
@media (min-width: 1336px){
    .container{
        max-width: 1230px;
    }
    
    .fullcrop-datatable table{
        margin-bottom: 1rem;
        min-width: 1400px;
    }
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1440px) {
    .container{
        max-width: 1360px;
    }
    .sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav .submenu-collapse a {
        padding-left: .45rem;
        width: 39px;
        overflow: hidden;
        height: 39px;
    }
    .content-fullpage{
        background-size:auto;
    }
    .loging-box{padding-left: 5rem;}
    /*.fullcrop-datatable table{min-width:1336px;}*/
	.fullcrop-datatable table{min-width:100%;}
}
/*///////////////////////////////////////////////////////////////////////////////////*/

@media (min-width: 1600px) {   
    .container{
        max-width: 1440px;
    }  
    .sb-nav-fixed #layoutSidenav #layoutSidenav_content.change-scale {padding-left: 269px;}    
    .sb-sidenav .sb-sidenav-menu .nav .nav-link{padding: .75rem;}
    
    .loging-box{padding-left: 0;}
    .fullcrop-datatable table thead th, .fullcrop-datatable table tbody td {padding: 20px 4px;}
    .show-formdetail .btn-whitebox{margin-bottom: 1.2rem;}
    
    
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1800px) {
    .container{
        max-width: 1600px;
    }  
    .sb-nav-fixed #layoutSidenav #layoutSidenav_nav{width: 360px; }
    .sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav{width: 75px;}    
    .sb-nav-fixed #layoutSidenav #layoutSidenav_content {padding-left: 320px;}
    .sb-sidenav-toggled #layoutSidenav #layoutSidenav_content {margin-left: -370px;}   
    .sb-nav-fixed #layoutSidenav #layoutSidenav_content.change-scale {padding-left: 320px;}
    .sb-sidenav-toggled #layoutSidenav #layoutSidenav_content.change-scale {padding-left: 420px;}
    
    .content-box{padding: 5% 5% 2%;}
    .fullcrop-datatable table{min-width:1395px;}
    
}