/* Responsive */
/*@import 'custom.css';*/
/*#logo{margin:10px 0px 10px -45px}*/
#table-middle{vertical-align: middle;}
/* Samsung on5 Pro(720x1280) */
@media screen and (max-width: 720px) {
    .x_panel{
        top:60px;
        margin-bottom: 10px;
    }
    .nav_menu{
        position: fixed;
        z-index: 5;
        top: 0px;
        padding-bottom: 20px;
    }
    .cr_width{
        max-width: 0px;
        min-width: 0px;
    }
    .pull-right{
        font-size: 12px;
        float: left !important;
    }
    #logo{
        margin:10px 0px -10px -65px;
        }
        .x_title h2{
            font-size: 15px;
            white-space: pre-line;
        }
        .login-main{
            margin-left: 28px;
        }
        /*.x_title h2{
            width:95px;
        }*/
        .export{visibility: hidden;}
         #uname{
        visibility: hidden;
    }
        /*#act{
        visibility: hidden;
    }*/
}
/* Apple Iphone(320x568) */
@media screen and (max-width: 320px) {
    #logo{
        margin:10px 0px -10px 0px;
    }
    .x_panel{
        top: 60px;
        margin-bottom: 75px;
    }
    .x_title h2{
        font-size: 10px;
        white-space: pre-line;
       
    }
    .input-group-btn:first-child>.btn{
        font-size:10px;
    }
    .input-group-btn{
        width:0%;
    }
     #uname{
        visibility: hidden;
    }
    /*#act{
        visibility: hidden;
    }*/
    .nav_menu{
        height: 60px;
    }
}
@media screen and (max-width: 480px){
    .nav_menu{
        height: 60px;
    }
    #logo{
        margin:5px 0px 0px 0px;
    }

}
@media screen and (max-width: 568px){
    .nav-menu{
        height: 60px;
    }
    #logo{
        margin: 15px 0px 0px 0px;
    }
}
/* Small Tablet(600x800) */
@media screen and (min-width: 600px) {
#logo{
    margin:10px 0px -10px 15px;
    height: 40px;
}
 /*#uname{
        visibility: hidden;
    }
    #act{
        visibility: hidden;
    }*/
    .nav_menu{
        height:60px;
    }
    /*.login-head1{
        padding: 0px 70px;
    }*/
}
/* Tablets(Apple ipad 2-3rd,mini(768x1024)) */
@media screen and (min-width: 768px) {
    #logo{
        margin: 10px 0px 10px 0px;
    }
    /*#uname{
        visibility: hidden;
    }
    #act{
        visibility: hidden;
    }*/
    span.right{font-size:11px !important}
}
/* Display(1024x768) */
@media screen and (min-width: 1024px) { 
         #logo{
        margin: 10px 0px 10px 10px;
    }

}